.cust-sig-wrapper{--cs-p:#4f46e5;--cs-s:#10b981;--cs-e:#ef4444;--cs-bg:#f8fafc;--cs-surf:#ffffff;--cs-text:#0f172a;--cs-mut:#64748b;--cs-bor:#cbd5e1;--cs-rad:16px;width:100%;max-width:550px;margin:20px auto;background:#fff0;border-radius:var(--cs-rad);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--cs-text)}.cust-sig-wrapper *,.cust-sig-wrapper *::before,.cust-sig-wrapper *::after{box-sizing:border-box}.cust-sig-header{padding:20px;text-align:center;background:#fff0}.cust-sig-header h1{font-size:1.75rem;margin:0;font-weight:800;color:#1e3a8a}.cust-sig-header p{font-size:.9rem;color:var(--cs-mut);margin:5px 0 0}.cust-sig-upload-view{padding:40px 10px;display:flex;flex-direction:column;align-items:center}.cust-sig-dropzone{width:100%;padding:40px 20px;border:2px solid #93c5fd;border-radius:8px;text-align:center;cursor:pointer;background:radial-gradient(circle at top left,#eff6ff 0%,transparent 40%),radial-gradient(circle at bottom right,#dbeafe 0%,transparent 40%),linear-gradient(145deg,#3b82f6 0%,#1d4ed8 100%);box-shadow:0 10px 28px rgb(29 78 216 / .15);transition:.2s ease}.cust-sig-dropzone:hover{transform:translateY(-2px);border-color:#fef9c3;box-shadow:none}.cust-sig-dropzone svg{width:44px;height:44px;color:#fef9c3;margin-bottom:12px}.cust-sig-dropzone b{display:block;font-size:1rem;color:#f0f9ff}.cust-sig-dropzone span{font-size:.8rem;color:#f0f9ff}.cust-sig-editor{display:none;flex-direction:column}.cust-sig-workspace{position:relative;width:100%;height:320px;background:#111;overflow:hidden;border-radius:8px}#cust-sig-image{display:block;max-width:100%}.cust-sig-badges{position:absolute;top:10px;left:10px;z-index:10;display:flex;flex-direction:column;gap:6px;pointer-events:none}.cust-sig-chip{background:rgb(255 255 255 / .95);padding:5px 12px;border-radius:20px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:6px;box-shadow:0 2px 6px rgb(0 0 0 / .1)}.cust-sig-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8}.cust-sig-preview{position:absolute;right:10px;bottom:10px;width:100px;height:50px;z-index:10}#cust-sig-prev-canvas{width:100%;height:100%;object-fit:contain}.cust-sig-dim-panel{padding:16px 0;background:#fff0}.cust-sig-dim-grid{display:grid;grid-template-columns:1fr 1fr 0.6fr;gap:10px;align-items:end}.cust-sig-input-group label{display:block;font-size:10px;font-weight:700;color:var(--cs-mut);text-transform:uppercase;margin-bottom:4px}.cust-sig-input-group input,.cust-sig-input-group select{width:100%;padding:10px;border:1px solid var(--cs-bor);border-radius:8px;font-size:13px;outline:none;font-weight:700;background:#fff}.cust-sig-input-group input:focus{border-color:var(--cs-p)}.cust-sig-controls{padding:16px 0;background:#fff0}.cust-sig-row{margin-bottom:12px}.cust-sig-row label{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:var(--cs-mut);text-transform:uppercase}.cust-sig-row span{color:var(--cs-p)}.cust-sig-wrapper input[type="range"]{width:100%;height:6px;background:#cbd5e1;border-radius:10px;appearance:none;outline:none;margin:10px 0}.cust-sig-wrapper input[type="range"]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--cs-p);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 5px rgb(0 0 0 / .15)}.cust-sig-btns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.cust-sig-btn{border:none;padding:14px 4px;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer;text-align:center;transition:background 0.15s ease}.cust-sig-btn:active{transform:scale(.96)}.cust-sig-btn-tune{background:#eef2ff;color:var(--cs-p)}.cust-sig-btn-tune:hover{background:#e0e7ff}.cust-sig-btn-reset{background:#e2e8f0;color:var(--cs-mut)}.cust-sig-btn-reset:hover{background:#cbd5e1}.cust-sig-btn-dl{background:var(--cs-s);color:#fff}.cust-sig-btn-dl:hover{background:#059669}.cust-sig-sheet-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .5);opacity:0;pointer-events:none;transition:0.3s;z-index:9998}.cust-sig-sheet-overlay.active{opacity:1;pointer-events:auto}.cust-sig-sheet{position:fixed;left:0;right:0;bottom:0;background:#fff;border-radius:24px 24px 0 0;padding:25px;transform:translateY(100%);transition:0.3s cubic-bezier(.4,0,.2,1);z-index:9999}.cust-sig-sheet.active{transform:translateY(0)}.cust-sig-sheet-head{display:flex;justify-content:space-between;margin-bottom:25px;font-weight:800}.cust-sig-hide{display:none!important}