/* 서명 · 도장 만들기 */
.sm-mode { max-width: 18rem; margin-bottom: var(--spacing-md, 1rem); }
.sm-canvas {
    width: 100%; height: 240px; display: block;
    border: 2px dashed var(--border-color, #d8dce3); border-radius: var(--radius-sm, 6px);
    background: repeating-conic-gradient(#f4f5f7 0% 25%, #fff 0% 50%) 50%/16px 16px;
    touch-action: none; cursor: crosshair;
}
.sm-hint { margin: .5rem 0 0; font-size: var(--text-ui-sm, .8125rem); color: var(--text-muted, #626977); }
.sm-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: var(--spacing-md, 1rem); margin-top: var(--spacing-md, 1rem); }
.sm-color { padding: .125rem; height: 2.375rem; }
.sm-actions { margin-top: var(--spacing-lg, 1.5rem); flex-wrap: wrap; }
.sm-note { margin-top: var(--spacing-lg, 1.5rem); }