.psig-box { margin: 0 0 0.85rem; }
.psig-label { display: block; font-weight: 600; color: #0f172a; margin-bottom: 6px; font-size: 0.9rem; }
.psig-hint { font-size: 0.78rem; color: #64748b; margin: 0 0 8px; line-height: 1.45; }
.psig-wrap {
  border: 1.5px dashed #94a3b8;
  border-radius: 12px;
  background: repeating-linear-gradient(0deg, transparent, transparent 27px, #e2e8f0 27px, #e2e8f0 28px);
  background-color: #fff;
  height: 168px;
  position: relative;
  touch-action: none;
}
.psig-wrap canvas { width: 100%; height: 100%; display: block; cursor: crosshair; }
.psig-actions { display: flex; gap: 8px; margin-top: 8px; align-items: center; }
.psig-clear {
  border: 1px solid #cbd5e1; background: #fff; color: #334155;
  border-radius: 8px; padding: 6px 12px; font-size: 0.82rem; cursor: pointer;
}
.psig-name { font-size: 0.82rem; color: #475569; }
.psig-preview { margin-top: 8px; border: 1px solid #bbf7d0; border-radius: 10px; background: #f0fdf4; padding: 8px; }
.psig-preview img { max-width: 100%; height: 88px; object-fit: contain; display: block; }