.sign-preview-wrap {
  position: relative;
  display: inline-block;
  max-width: 100%;
  border: 1.5px solid var(--ink-200);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--ink-50);
  line-height: 0;
}
.sign-preview-wrap canvas#previewCanvas { display: block; max-width: 100%; height: auto; }

.sig-overlay {
  position: absolute;
  cursor: move;
  touch-action: none;
  border: 1.5px dashed var(--brand-500);
  background: rgba(31, 161, 146, 0.06);
  box-sizing: border-box;
}
.sig-overlay.hidden { display: none; }
.sig-overlay img { width: 100%; height: 100%; display: block; pointer-events: none; user-select: none; }

.sig-panel.hidden { display: none; }

#sigPad {
  display: block;
  border: 1.5px solid var(--ink-200);
  border-radius: var(--radius-sm);
  background: var(--white);
  touch-action: none;
  cursor: crosshair;
  margin-bottom: 10px;
  max-width: 100%;
}

.sig-type-preview {
  font-family: 'Brush Script MT', cursive;
  font-style: italic;
  font-size: 34px;
  padding: 14px 10px;
  color: #111;
  min-height: 56px;
  margin-top: 10px;
  border: 1.5px solid var(--ink-200);
  border-radius: var(--radius-sm);
  background: var(--white);
}