.font-grid[data-v-a555fe9e]::-webkit-scrollbar{height:8px;width:8px}.font-grid[data-v-a555fe9e]::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.font-grid[data-v-a555fe9e]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;-webkit-transition:background .2s;transition:background .2s}.font-grid[data-v-a555fe9e]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.type-input[data-v-a555fe9e]::-webkit-scrollbar{height:6px}.type-input[data-v-a555fe9e]::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.type-input[data-v-a555fe9e]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.type-input[data-v-a555fe9e]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.signature-wrapper[data-v-a555fe9e]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-height:800px;max-width:1024px;padding:24px}.card[data-v-a555fe9e]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:24px}.toolbar[data-v-a555fe9e]{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:4px;padding-bottom:9px}.left-controls[data-v-a555fe9e],.toolbar[data-v-a555fe9e]{align-items:center;flex-wrap:wrap;gap:24px}.brush-section[data-v-a555fe9e],.color-section[data-v-a555fe9e]{align-items:center;display:flex;gap:12px}.brush-section[data-v-a555fe9e]{background:#f9fafb;border-radius:8px;padding:12px}.label[data-v-a555fe9e]{color:#4b5563;font-size:14px;font-weight:600}.color-palette[data-v-a555fe9e]{display:flex;gap:8px}.color-dot[data-v-a555fe9e]{align-items:center;border:2px solid transparent;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:28px;justify-content:center;position:relative;transition:all .2s ease;width:28px}.color-dot[data-v-a555fe9e]:hover{box-shadow:0 4px 8px #00000026}.color-dot.selected[data-v-a555fe9e]{border-color:#fff;box-shadow:0 0 0 4px #00000014}.tick[data-v-a555fe9e]{color:#fff;font-weight:700;opacity:1}.divider[data-v-a555fe9e]{height:28px;width:1px}.divider[data-v-a555fe9e],.slider[data-v-a555fe9e]{background:#e5e7eb}.slider[data-v-a555fe9e]{-webkit-appearance:none;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100px}.slider[data-v-a555fe9e]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#2ecc71;border-radius:50%;box-shadow:0 2px 4px #2563eb4d;cursor:pointer;height:16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:16px}.slider[data-v-a555fe9e]::-webkit-slider-thumb:hover{box-shadow:0 4px 8px #2563eb66;transform:scale(1.2)}.slider[data-v-a555fe9e]::-moz-range-thumb{background:#2ecc71;border:none;border-radius:50%;box-shadow:0 2px 4px #2563eb4d;cursor:pointer;height:16px;-moz-transition:all .2s ease;transition:all .2s ease;width:16px}.size-value[data-v-a555fe9e]{color:#666;font-size:13px;font-weight:600;min-width:40px}.mode-toggle[data-v-a555fe9e]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:6px}.mode-btn[data-v-a555fe9e]{align-items:center;background:transparent;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s ease}.mode-btn.active[data-v-a555fe9e],.mode-btn[data-v-a555fe9e]:hover{background:#fff;color:#2ecc71}.mode-btn.active[data-v-a555fe9e]{box-shadow:0 1px 3px #00000014}.icon-inline[data-v-a555fe9e]{height:16px;width:16px}.left-controls[data-v-a555fe9e]{display:flex;gap:12px}.icon-btn[data-v-a555fe9e]{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.icon-btn[data-v-a555fe9e]:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#1a1a1a}.icon-btn[data-v-a555fe9e]:disabled{cursor:not-allowed;opacity:.4}.icon-btn.danger[data-v-a555fe9e]{color:#dc2626}.icon-btn.danger[data-v-a555fe9e]:hover:not(:disabled){background:#fef2f2;border-color:#fecaca}.editor-area[data-v-a555fe9e]{padding:12px 0}.draw-area[data-v-a555fe9e]{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;display:flex;height:280px;justify-content:center;overflow:hidden;position:relative;transition:border-color .2s ease}.draw-area[data-v-a555fe9e]:hover{border-color:#d1d5db}.draw-canvas[data-v-a555fe9e]{cursor:crosshair;display:block;height:100%;touch-action:none;width:100%}.bottom-line[data-v-a555fe9e]{background:#e5e7eb;border-radius:1px;bottom:20px;height:2px;left:40px;position:absolute;right:40px}.type-area[data-v-a555fe9e]{padding:6px}.type-input[data-v-a555fe9e]{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:16px;margin-bottom:16px;padding:10px 16px;transition:all .2s ease;width:100%}.type-input[data-v-a555fe9e]:focus{border-color:#2ecc71;box-shadow:0 0 0 3px #2563eb1a;outline:none}.font-size-controls[data-v-a555fe9e]{gap:12px;padding:12px}.font-preview[data-v-a555fe9e],.font-size-controls[data-v-a555fe9e]{align-items:center;background:#f9fafb;border-radius:8px;display:flex}.font-preview[data-v-a555fe9e]{justify-content:center;margin-bottom:16px;min-height:80px;padding:20px;text-align:center}.font-grid[data-v-a555fe9e]{background:#f9fafb;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);max-height:250px;overflow-y:auto;padding:8px}.font-card[data-v-a555fe9e]{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:60px;padding:16px;transition:all .2s ease}.font-card[data-v-a555fe9e]:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.font-card.selected[data-v-a555fe9e]{background:#eff6ff;border-color:#2ecc71;box-shadow:0 0 0 3px #2563eb1a}.font-sample[data-v-a555fe9e]{display:inline-block;text-align:center;white-space:nowrap}.actions[data-v-a555fe9e]{border-top:1px solid #f0f0f0;gap:14px;margin-top:4px;padding-top:14px}.actions[data-v-a555fe9e],.btn[data-v-a555fe9e]{display:flex;justify-content:center}.btn[data-v-a555fe9e]{align-items:center;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-primary[data-v-a555fe9e]{background:#2ecc71;color:#fff}.btn-primary[data-v-a555fe9e]:hover{background:#24bd64ea;box-shadow:0 4px 12px #25eb9c4d}.btn-secondary[data-v-a555fe9e]{background:#fff;border:1px solid #e5e7eb;color:#666}.btn-secondary[data-v-a555fe9e]:hover{background:#f9fafb;border-color:#d1d5db;color:#1a1a1a}@media (max-width:768px){.signature-wrapper[data-v-a555fe9e]{padding:16px 12px}.card[data-v-a555fe9e]{padding:16px}.toolbar[data-v-a555fe9e]{align-items:stretch;flex-direction:column;gap:16px}.mode-toggle[data-v-a555fe9e]{order:-1;width:100%}.mode-btn[data-v-a555fe9e]{flex:1;justify-content:center}.toolbar>.left-controls[data-v-a555fe9e]:first-child{align-items:stretch;flex-direction:column;gap:12px;width:100%}.color-section[data-v-a555fe9e]{gap:24px;justify-content:center;width:100%}.color-palette[data-v-a555fe9e]{flex-wrap:wrap;justify-content:flex-end}.divider[data-v-a555fe9e]{display:none}.brush-section[data-v-a555fe9e],.font-size-controls[data-v-a555fe9e]{box-sizing:border-box;justify-content:space-between;width:100%}.slider[data-v-a555fe9e]{flex:1;margin:0 12px;width:auto}.toolbar>.left-controls[data-v-a555fe9e]:last-child{gap:16px;justify-content:center;width:100%}.draw-area[data-v-a555fe9e]{height:240px}.actions[data-v-a555fe9e]{flex-direction:column;gap:12px}.btn[data-v-a555fe9e]{justify-content:center;width:100%}.font-grid[data-v-a555fe9e]{grid-template-columns:1fr}.font-preview[data-v-a555fe9e]{padding:10px}}.custom-scrollbar[data-v-eb5dc8fe]::-webkit-scrollbar{width:8px}.custom-scrollbar[data-v-eb5dc8fe]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.custom-scrollbar[data-v-eb5dc8fe]::-webkit-scrollbar-thumb{background-color:#2ecc71;border:2px solid #f1f1f1;border-radius:6px}.custom-scrollbar[data-v-eb5dc8fe]::-webkit-scrollbar-thumb:hover{background-color:#24bd64}.custom-scrollbar[data-v-eb5dc8fe]{scrollbar-color:#2ecc71 #f1f1f1;scrollbar-width:thin}.group[data-v-eb5dc8fe],.group[data-v-eb5dc8fe]:hover{cursor:not-allowed}