.st-shell {
  background: #fff;
  border-radius: 18px;
  padding: 1.15rem 1.2rem 1.5rem;
  border: 1px solid var(--pp-cream2, #ece8e0);
  box-shadow: var(--pp-shadow, 0 8px 28px rgba(20, 20, 30, 0.06));
}

.st-shell .nav-tabs {
  margin-bottom: 1rem;
}

.st-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: end;
  margin: 0.75rem 0 1rem;
}

.st-toolbar label,
.st-panel label {
  font-size: 0.82rem;
  font-weight: 650;
  display: block;
}

#sigPad,
#sigTypeCanvas {
  width: 100%;
  max-width: 640px;
  height: auto;
  border: 1px dashed #cbd5e1;
  border-radius: 10px;
  background: repeating-conic-gradient(#f1f5f9 0% 25%, #fff 0% 50%) 50% / 16px 16px;
  touch-action: none;
}

.st-k {
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
  margin-bottom: 0.35rem;
}

.st-checker {
  min-height: 120px;
  border-radius: 10px;
  padding: 12px;
  background: repeating-conic-gradient(#e2e8f0 0% 25%, #fff 0% 50%) 50% / 16px 16px;
}

.st-checker img {
  max-width: 100%;
  max-height: 160px;
}

.st-panel[hidden] {
  display: none !important;
}