.sig-pad-wrapper{--sp-primary:#0284c7;--sp-text:#1e293b;--sp-muted:#64748b;--sp-border:#cbd5e1;--sp-bg:#f8fafc;width:100%;max-width:650px;margin:20px auto;background:#fff0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--sp-text)}.sig-pad-wrapper *,.sig-pad-wrapper *::before,.sig-pad-wrapper *::after{box-sizing:border-box;max-width:100%}.sig-pad-header{padding:10px 20px;text-align:center}.sig-pad-header h1{font-size:1.45rem;margin:0;font-weight:700;color:#1e3a8a}.sig-pad-header p{font-size:.9rem;color:var(--sp-muted);margin:5px 0 0}.sig-pad-canvas-container{position:relative;width:100%;height:250px;background:#fff;cursor:crosshair;touch-action:none;border:2px dashed var(--sp-border);border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px rgb(0 0 0 / .02)}#sig-pad-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.sig-pad-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:800;color:#f1f5f9;pointer-events:none;text-transform:uppercase;letter-spacing:4px;user-select:none}.sig-pad-controls{padding:20px 0 0 0;background:#fff0}.sig-pad-row{display:grid;grid-template-columns:1fr;gap:15px;margin-bottom:20px}@media (min-width:480px){.sig-pad-row{grid-template-columns:1fr 1fr}}.sig-pad-group label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--sp-muted);margin-bottom:10px}.sig-pad-colors{display:flex;gap:12px}.sig-pad-color{width:32px;height:32px;border-radius:50%;cursor:pointer;border:3px solid #fff0;transition:transform 0.15s ease,box-shadow 0.15s ease}.sig-pad-color:hover{transform:scale(1.05)}.sig-pad-color.active{border-color:#fff;box-shadow:0 0 0 2px var(--sp-primary);transform:scale(1.05)}.sig-pad-wrapper input[type="range"]{width:100%;height:6px;background:#cbd5e1;border-radius:10px;appearance:none;outline:none;margin:13px 0}.sig-pad-wrapper input[type="range"]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--sp-primary);border:3px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.sig-pad-actions{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width:520px){.sig-pad-actions{grid-template-columns:1fr 1fr}.sig-pad-btn-clear,.sig-pad-btn-undo{grid-column:span 1}.sig-pad-btn-png,.sig-pad-btn-jpg{grid-column:span 1}}.sig-pad-btn{border:none;padding:12px;border-radius:6px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background 0.15s ease,transform 0.1s ease;text-align:center}.sig-pad-btn:active{transform:scale(.98)}.sig-pad-btn-clear{background:#e2e8f0;color:#475569}.sig-pad-btn-clear:hover{background:#cbd5e1}.sig-pad-btn-undo{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.sig-pad-btn-undo:hover{background:#e2e8f0}.sig-pad-btn-png{background:#0369a1;color:#ffffff!important}.sig-pad-btn-png:hover{background:#075985}.sig-pad-btn-jpg{background:#1e293b;color:#ffffff!important}.sig-pad-btn-jpg:hover{background:#0f172a}