:root{--bg: #eef1f7;--panel: #ffffff;--panel-2: #f8fafc;--line: #e2e8f0;--line-strong: #cbd5e1;--text: #0f172a;--dim: #475569;--faint: #94a3b8;--cyan: #0891b2;--cyan-hi: #06b6d4;--sky: #38bdf8;--shadow: 0 10px 34px rgba(15,23,42,.12)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg: #101915;--panel: #17231e;--panel-2: #1d2b25;--line: #2d4038;--line-strong: #425b50;--text: #edf6f1;--dim: #aec0b8;--faint: #869890;--cyan: #79bea8;--cyan-hi: #8fcdb9;--sky: #79bea8;--accent: #79bea8;--accent-hover: #9ad5c1;--accent-soft: rgba(121,190,168,.13);--shadow: 0 14px 40px rgba(2,6,17,.55)}}:root[data-theme=dark]{--bg: #101915;--panel: #17231e;--panel-2: #1d2b25;--line: #2d4038;--line-strong: #425b50;--text: #edf6f1;--dim: #aec0b8;--faint: #869890;--cyan: #79bea8;--cyan-hi: #8fcdb9;--sky: #79bea8;--accent: #79bea8;--accent-hover: #9ad5c1;--accent-soft: rgba(121,190,168,.13);--shadow: 0 14px 40px rgba(2,6,17,.55)}:root[data-theme=light]{--bg: #eef1f7;--panel: #ffffff;--panel-2: #f8fafc;--line: #e2e8f0;--line-strong: #cbd5e1;--text: #0f172a;--dim: #475569;--faint: #94a3b8;--cyan: #0891b2;--cyan-hi: #06b6d4;--sky: #38bdf8;--shadow: 0 10px 34px rgba(15,23,42,.12)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;display:flex;flex-direction:column}#topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);font-size:18px;font-weight:800;letter-spacing:-.4px}.brand span{color:var(--sky)}.tagline{color:var(--dim);font-size:13px}.spacer{flex:1}.btn{display:inline-flex;align-items:center;gap:7px;font:inherit;font-weight:600;font-size:13px;color:var(--text);background:var(--panel-2);border:1px solid var(--line-strong);border-radius:8px;padding:8px 14px;cursor:pointer;text-decoration:none;transition:border-color .14s ease,transform .1s ease}.btn:hover{border-color:var(--cyan-hi)}.btn:active{transform:translateY(1px)}.btn.icon{padding:8px 10px}.btn.small{padding:6px 10px;font-size:12px}.btn.primary{background:linear-gradient(135deg,#38bdf8,#0891b2);color:#fff;border-color:transparent}.btn.primary:hover{box-shadow:0 4px 14px #06b6d466}.btn:disabled{opacity:.5;cursor:default}.btn.stamp.armed{border-color:var(--cyan-hi);background:color-mix(in srgb,var(--cyan-hi) 12%,var(--panel-2));color:var(--cyan)}.btn:focus-visible,input:focus-visible,.link:focus-visible{outline:2px solid var(--cyan-hi);outline-offset:1px}#app{flex:1;display:grid;grid-template-columns:1fr;min-height:0}@media(min-width:821px){#app:has(>#controls:not([hidden])){grid-template-columns:300px 1fr}}#controls{overflow-y:auto;border-right:1px solid var(--line);background:var(--panel);padding:14px}.group{margin-bottom:20px}.group h3{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin:0 0 10px}.hint{font-size:12px;color:var(--dim);margin:0 0 10px;line-height:1.4}.sig-preview{border:1px solid var(--line-strong);border-radius:10px;background:#fff;min-height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:var(--faint);font-size:13px;padding:6px}.sig-preview img{max-width:100%;max-height:70px}.stamp-btns{display:flex;flex-direction:column;gap:8px}.stamp-btns .btn{justify-content:flex-start}.arm-note{margin-top:10px;font-size:12px;font-weight:600;color:var(--cyan)}#viewer{overflow:auto;padding:22px}#empty-state{min-height:60vh;display:flex;align-items:center;justify-content:center}.drop-card{max-width:460px;text-align:center;border:1.5px dashed var(--line-strong);border-radius:18px;padding:40px 28px;color:var(--dim);background:var(--panel)}.drop-card.over{border-color:var(--cyan-hi)}.drop-card svg{color:var(--cyan)}.drop-card h1{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:12px 0 8px;color:var(--text)}.drop-card .sub{font-size:15px;line-height:1.55}.link{color:var(--cyan);text-decoration:underline;text-underline-offset:3px;cursor:pointer}#pages{display:flex;flex-direction:column;align-items:center;gap:16px}.page-wrap{position:relative;box-shadow:var(--shadow);border-radius:3px;line-height:0}.page-wrap.placing{cursor:crosshair}.page-wrap canvas{display:block;border-radius:3px}.stamp-el{position:absolute;border:1.5px solid transparent;cursor:move;touch-action:none}.stamp-el img{width:100%;height:100%;display:block;pointer-events:none}.stamp-el:hover,.stamp-el.sel{border-color:var(--cyan-hi);border-style:dashed}.stamp-el .handle{position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;border-radius:50%;background:var(--cyan-hi);border:2px solid #fff;cursor:nwse-resize}.stamp-el .del{position:absolute;left:-10px;top:-10px;width:20px;height:20px;border-radius:50%;background:#e0532f;color:#fff;border:2px solid #fff;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.stamp-el .handle,.stamp-el .del{opacity:0;transition:opacity .12s}.stamp-el:hover .handle,.stamp-el:hover .del,.stamp-el.sel .handle,.stamp-el.sel .del{opacity:1}dialog#sig-dialog{border:1px solid var(--line);border-radius:16px;padding:22px;width:min(520px,92vw);background:var(--panel);color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:#0f172a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog h2{margin:0 0 14px;font-size:20px;font-weight:800}.seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;margin-bottom:14px}.seg button{font:inherit;font-size:13px;font-weight:600;padding:8px 16px;background:var(--panel-2);color:var(--dim);border:none;cursor:pointer}.seg button.active{background:var(--cyan-hi);color:#fff}.draw-canvas{width:100%;height:180px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;touch-action:none;cursor:crosshair}.sig-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.swatches{display:flex;gap:8px}.swatch{width:26px;height:26px;border-radius:50%;border:1px solid var(--line-strong);cursor:pointer}.swatch.active{outline:2px solid var(--cyan-hi);outline-offset:2px}#type-name{font-size:14px;padding:10px;width:100%;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel-2);color:var(--text)}.type-styles{display:flex;flex-direction:column;gap:8px;margin-top:12px}.type-style{border:1px solid var(--line-strong);border-radius:10px;background:#fff;height:70px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.type-style.active{outline:2px solid var(--cyan-hi);outline-offset:1px}.type-style img{max-height:56px;max-width:90%}.drop.small{display:block;border:1.5px dashed var(--line-strong);border-radius:10px;padding:22px;text-align:center;color:var(--dim);cursor:pointer;background:var(--panel-2)}.chk{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer;margin-top:10px}.chk input{width:16px;height:16px;accent-color:var(--cyan-hi)}.upload-preview{margin-top:12px;text-align:center}.upload-preview img{max-height:90px;background:#fff;border:1px solid var(--line-strong);border-radius:8px;padding:4px}.dlg-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}#zoombar{position:fixed;right:18px;bottom:18px;z-index:50;display:flex;align-items:center;gap:4px;background:var(--panel);border:1px solid var(--line-strong);border-radius:999px;padding:4px 6px;box-shadow:var(--shadow)}#zoombar button{font:inherit;font-weight:700;font-size:16px;width:30px;height:30px;border-radius:50%;border:none;background:transparent;color:var(--text);cursor:pointer;line-height:1}#zoombar button:hover{background:var(--panel-2)}#zoombar #zoom-pct{font-size:12px;color:var(--dim);min-width:42px;text-align:center;font-variant-numeric:tabular-nums}#zoombar button[data-zoom=fit]{width:auto;padding:0 11px;border-radius:15px;font-size:12px;font-weight:600}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0f172a66;color:#fff;z-index:70;font-weight:600}.spinner{width:34px;height:34px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toasts{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:80}.toast{padding:10px 16px;border-radius:9px;font-size:13px;font-weight:600;color:#fff;background:#0f172a;box-shadow:var(--shadow)}.toast.success{background:#0e9f6e}.toast.error{background:#e0532f}@media(max-width:820px){#app{grid-template-columns:1fr}#controls{border-right:none;border-bottom:1px solid var(--line)}.tagline{display:none}#topbar #download{order:3}}:root,:root[data-theme=light]{--bg:#eff8f3;--panel:#fff;--panel-2:#f7faf8;--line:#d8e5df;--line-strong:#b9cec5;--text:#13231e;--dim:#5f716a;--faint:#8ca098;--cyan:#176b58;--cyan-hi:#23836d;--sky:#176b58;--accent:#176b58;--accent-hover:#105747;--accent-soft:rgba(23,107,88,.11);--shadow:0 12px 34px rgba(19,35,30,.12)}:root[data-theme=dark]{--bg:#101915;--panel:#17231e;--panel-2:#1d2b25;--line:#2d4038;--line-strong:#425b50;--text:#edf6f1;--dim:#aec0b8;--faint:#73877e;--cyan:#79bea8;--cyan-hi:#8fcdb9;--sky:#79bea8;--accent:#79bea8;--accent-hover:#9ad5c1;--accent-soft:rgba(121,190,168,.13);--shadow:0 14px 40px rgba(2,10,7,.5)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg:#101915;--panel:#17231e;--panel-2:#1d2b25;--line:#2d4038;--line-strong:#425b50;--text:#edf6f1;--dim:#aec0b8;--faint:#73877e;--cyan:#79bea8;--cyan-hi:#8fcdb9;--sky:#79bea8;--accent:#79bea8;--accent-hover:#9ad5c1;--accent-soft:rgba(121,190,168,.13);--shadow:0 14px 40px rgba(2,10,7,.5)}}body{font-family:Manrope,Segoe UI Variable,Segoe UI,system-ui,sans-serif}.brand{gap:9px;letter-spacing:-.65px}.brand .mark{display:block!important;width:24px;height:24px;flex:none}.brand .mark .t{fill:var(--text)}.brand .mark .a{fill:var(--accent)}.brand span{color:var(--accent)}.suite-nav{display:flex;align-items:center;gap:3px;margin-left:10px}.suite-nav a{color:var(--dim);text-decoration:none;font-size:11px;font-weight:700;padding:7px 8px;border-radius:7px;white-space:nowrap}.suite-nav a:hover{color:var(--accent);background:var(--panel-2)}.suite-nav a.current{color:var(--accent);background:var(--accent-soft)}.btn.primary{background:var(--accent);color:#fff;border-color:transparent;box-shadow:none}.btn.primary:hover{background:var(--accent-hover);box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 24%,transparent)}@media(max-width:1050px){.suite-nav{display:none}}:root,:root[data-theme=light]{--bg:#f3f3f0;--panel:#ffffff;--panel-2:#f7f7f5;--line:#e4e3de;--line-strong:#cbc9c2;--text:#202421;--dim:#626862;--faint:#969b96;--cyan:#176b58;--cyan-hi:#176b58;--sky:#176b58;--accent:#176b58;--accent-hover:#105747;--accent-soft:rgba(23,107,88,.09);--shadow:0 12px 32px rgba(25,29,26,.1)}:root[data-theme=dark]{--bg:#171918;--panel:#202321;--panel-2:#272a28;--line:#353936;--line-strong:#4a504b;--text:#f1f2ef;--dim:#b2b7b2;--faint:#7e857f;--cyan:#79bca6;--cyan-hi:#79bca6;--sky:#79bca6;--accent:#79bca6;--accent-hover:#92cbb8;--accent-soft:rgba(121,188,166,.11);--shadow:0 14px 38px rgba(0,0,0,.42)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg:#171918;--panel:#202321;--panel-2:#272a28;--line:#353936;--line-strong:#4a504b;--text:#f1f2ef;--dim:#b2b7b2;--faint:#7e857f;--cyan:#79bca6;--cyan-hi:#79bca6;--sky:#79bca6;--accent:#79bca6;--accent-hover:#92cbb8;--accent-soft:rgba(121,188,166,.11);--shadow:0 14px 38px rgba(0,0,0,.42)}}:root,:root[data-theme=light]{--on-accent: #ffffff}:root[data-theme=dark]{--on-accent: #0c1a14}@media(prefers-color-scheme:dark){:root:not([data-theme]){--on-accent: #0c1a14}}.btn.primary,.seg button.active,.type-chip.active{color:var(--on-accent)}