.sig-maker-container{max-width:56rem;margin-left:auto;margin-right:auto}.sig-maker-card{background:#fff;border-radius:1.5rem;box-shadow:0 10px 30px -5px rgb(0 0 0 / .06),0 4px 12px -2px rgb(0 0 0 / .03);border:1px solid #e2e8f0;overflow:hidden;padding:2rem}.sig-option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.75rem}.sig-option-card{display:flex;flex-direction:flex-row;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:1rem;cursor:pointer;transition:all 0.25s cubic-bezier(.4,0,.2,1);user-select:none}.sig-option-card:hover{border-color:#a5b4fc;background:#f1f5f9}.sig-option-card.active{border-color:#6366f1;background:#eef2ff;box-shadow:0 4px 14px -2px rgb(99 102 241 / .25)}.sig-option-card .icon-wrapper{width:42px;height:42px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:1.2rem;box-shadow:0 2px 6px rgb(0 0 0 / .06);transition:all 0.25s ease}.sig-option-card.active .icon-wrapper{background:#6366f1;color:#fff}.sig-option-card .option-title{font-size:1.05rem;font-weight:700;color:#334155}.sig-option-card.active .option-title{color:#4f46e5}.sig-canvas-wrapper{position:relative;width:100%;max-width:100%;box-sizing:border-box;border-radius:1.25rem;border:2px solid #cbd5e1;background-color:#ffffff!important;transition:border-color 0.2s ease;overflow:hidden;box-shadow:inset 0 2px 6px rgb(0 0 0 / .02)}.sig-canvas-wrapper:focus-within,.sig-canvas-wrapper:hover{border-color:#94a3b8}.sig-canvas{display:block;width:100%;max-width:100%;box-sizing:border-box;height:240px;touch-action:none;cursor:crosshair;background-color:#ffffff!important}.sig-color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cbd5e1;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease}.sig-color-swatch:hover{transform:scale(1.15)}.sig-color-swatch.active{transform:scale(1.15);box-shadow:0 0 0 2.5px #6366f1}.custom-color-picker{appearance:none;-webkit-appearance:none;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;padding:0;background:#fff0}.custom-color-picker::-webkit-color-swatch-wrapper{padding:0}.custom-color-picker::-webkit-color-swatch{border:2px solid #cbd5e1;border-radius:50%}.pen-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.85rem;font-weight:600;color:#475569;background:#f8fafc;border:1px solid #cbd5e1;border-radius:.6rem;cursor:pointer;transition:all 0.2s ease}.pen-btn:hover{border-color:#6366f1;color:#4f46e5}.pen-btn.active{background:#eef2ff;border-color:#6366f1;color:#4f46e5}.pen-dot{display:inline-block;background-color:currentColor;border-radius:50%}.font-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.75rem;max-height:220px;overflow-y:auto;padding-right:.25rem}.font-card{padding:.75rem .85rem;border:1.5px solid #e2e8f0;border-radius:.75rem;background:#fff;cursor:pointer;text-align:center;transition:all 0.2s ease}.font-card:hover{border-color:#818cf8;background:#faf5ff}.font-card.active{border-color:#6366f1;background:#eef2ff;box-shadow:0 2px 8px rgb(99 102 241 / .12)}.font-card .font-preview-text{font-size:1.5rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1e293b}.font-card .font-name-label{font-size:.725rem;color:#64748b;margin-top:.25rem;font-weight:500}.export-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.85rem .85rem;font-weight:700;font-size:.875rem;border-radius:.85rem;background:#fff;color:#1e293b;border:1.5px solid #cbd5e1;box-shadow:0 2px 5px rgb(0 0 0 / .04);transition:all 0.25s cubic-bezier(.4,0,.2,1);cursor:pointer;user-select:none;line-height:1.2}.export-btn:hover:not(:disabled){border-color:#6366f1;color:#4f46e5;background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 14px rgb(99 102 241 / .18)}.export-btn:active:not(:disabled),.export-btn.btn-clicked{transform:scale(.95)!important;background:#eef2ff!important;border-color:#4f46e5!important;color:#4f46e5!important;box-shadow:0 2px 6px rgb(99 102 241 / .2)!important}.export-btn:disabled,.export-btn[disabled]{opacity:.45;cursor:not-allowed;border-color:#e2e8f0!important;color:#94a3b8!important;background:#f8fafc!important;box-shadow:none!important;transform:none!important}.export-btn:disabled i,.export-btn[disabled] i{color:#94a3b8!important}@media (max-width:640px){.sig-option-grid{grid-template-columns:1fr}.sig-maker-card{padding:1.25rem}.sig-canvas{height:200px}.font-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.export-btn{width:100%}}