.sig-canvas-wrap[data-v-eb2b12ee]{display:flex;flex-direction:column;gap:10px}.sig-canvas[data-v-eb2b12ee]{aspect-ratio:480/180;background:#fff;border:2px dashed var(--green-border);border-radius:var(--radius-md);cursor:crosshair;height:auto;max-width:480px;touch-action:none;width:100%}.sc-eraser[data-v-eb2b12ee]{cursor:cell}.sc-toolbar[data-v-eb2b12ee]{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.sc-colors[data-v-eb2b12ee]{display:flex;gap:8px}.sc-color[data-v-eb2b12ee]{border:3px solid transparent;border-radius:50%;cursor:pointer;height:28px;transition:border-color .12s,transform .12s;width:28px}.sc-color[data-v-eb2b12ee]:hover{transform:scale(1.15)}.sc-color.active[data-v-eb2b12ee]{border-color:var(--vue-green);box-shadow:0 0 0 2px #42b88340}.sc-actions[data-v-eb2b12ee]{display:flex;gap:6px}.sc-btn[data-v-eb2b12ee]{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-mid);cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:4px;padding:5px 12px;transition:all .15s}.sc-btn[data-v-eb2b12ee]:hover{border-color:var(--green-border);color:var(--text)}.sc-btn.active[data-v-eb2b12ee]{background:var(--green-light);border-color:var(--vue-green);color:var(--vue-green)}.sig-creator[data-v-e057b1e4]{display:flex;flex-direction:column;gap:var(--space-4)}.sc-title[data-v-e057b1e4]{color:var(--text);font-family:var(--font-display);font-size:18px;font-weight:700;margin:0}.sc-tabs[data-v-e057b1e4]{border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:0;overflow:hidden}.sc-tab[data-v-e057b1e4]{align-items:center;background:var(--surface);border:none;color:var(--text-mid);cursor:pointer;display:flex;flex:1;font-size:13.5px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .15s}.sc-tab[data-v-e057b1e4]:not(:last-child){border-right:1px solid var(--border)}.sc-tab[data-v-e057b1e4]:hover:not(.active){background:var(--green-light)}.sc-tab.active[data-v-e057b1e4]{background:var(--vue-green);color:#fff}.sc-tab-icon[data-v-e057b1e4]{font-size:15px}.sc-panel[data-v-e057b1e4]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-height:200px;padding:16px}.sc-upload-zone[data-v-e057b1e4]{align-items:center;background:var(--bg);border:2px dashed var(--green-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:32px 24px;transition:all .15s}.sc-upload-zone[data-v-e057b1e4]:hover{background:var(--green-light);border-color:var(--vue-green)}.sc-upload-icon[data-v-e057b1e4]{font-size:36px}.sc-upload-text[data-v-e057b1e4]{color:var(--text);font-size:14px;font-weight:600}.sc-upload-sub[data-v-e057b1e4]{color:var(--text-dim);font-size:12px}.sc-upload-preview[data-v-e057b1e4]{display:flex;flex-direction:column;gap:12px}.sc-upload-label[data-v-e057b1e4]{color:var(--text-mid);font-size:13px;font-weight:600}.sc-preview-box[data-v-e057b1e4]{background:repeating-conic-gradient(#f0f0f0 0 25%,transparent 0 50%) 50% /16px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;justify-content:center;padding:16px}.sc-preview-box img[data-v-e057b1e4]{max-height:120px;max-width:320px;-o-object-fit:contain;object-fit:contain}.sc-upload-actions[data-v-e057b1e4]{justify-content:space-between}.sc-toggle[data-v-e057b1e4],.sc-upload-actions[data-v-e057b1e4]{align-items:center;display:flex}.sc-toggle[data-v-e057b1e4]{color:var(--text-mid);cursor:pointer;font-size:13px;gap:6px}.sc-toggle input[data-v-e057b1e4]{accent-color:var(--vue-green)}.sc-btn-sm[data-v-e057b1e4]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-mid);cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:all .15s}.sc-btn-sm[data-v-e057b1e4]:hover{border-color:var(--green-border);color:var(--text)}.sc-type-input[data-v-e057b1e4]{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:16px;outline:none;padding:10px 14px;transition:border-color .15s;width:100%}.sc-type-input[data-v-e057b1e4]:focus{border-color:var(--vue-green);box-shadow:0 0 0 3px var(--green-glow)}.sc-font-picker[data-v-e057b1e4]{gap:8px;margin-top:12px}.sc-font-card[data-v-e057b1e4],.sc-font-picker[data-v-e057b1e4]{display:flex;flex-direction:column}.sc-font-card[data-v-e057b1e4]{border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;gap:2px;padding:12px 16px;transition:all .18s}.sc-font-card[data-v-e057b1e4]:hover{border-color:var(--green-border)}.sc-font-card.active[data-v-e057b1e4]{background:#42b8830a;border-color:var(--vue-green);box-shadow:0 0 0 3px #42b8831a}.sc-font-preview[data-v-e057b1e4]{color:var(--text);font-size:28px;line-height:1.3}.sc-font-name[data-v-e057b1e4]{color:var(--text-dim);font-family:var(--font-body);font-size:11px}.sc-actions[data-v-e057b1e4]{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:var(--space-4)}.sc-btn-back[data-v-e057b1e4]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-mid);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s}.sc-btn-back[data-v-e057b1e4]:hover{border-color:var(--green-border);color:var(--text)}.btn-primary[data-v-e057b1e4]{background:var(--vue-green);border:none;border-radius:var(--radius-sm);box-shadow:0 2px 12px #42b88347;color:#fff;cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:700;padding:10px 24px;transition:all .15s ease}.btn-primary[data-v-e057b1e4]:hover:not(:disabled){background:#38a876;transform:translateY(-1px)}.btn-primary[data-v-e057b1e4]:disabled{cursor:not-allowed;opacity:.4;transform:none}.sr-only[data-v-e057b1e4]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media(max-width:640px){.sc-tabs[data-v-e057b1e4]{flex-wrap:wrap}.sc-tab[data-v-e057b1e4]{flex-basis:33%;min-width:0}.sc-actions[data-v-e057b1e4]{flex-direction:column;gap:10px}.sc-actions .btn-primary[data-v-e057b1e4]{width:100%}}