:root{--bg:#f7f6f2;--surface:#fff;--surface-2:#f7f6f2;--ink:#10162e;--ink-2:#2a3251;--muted:#6b7280;--faint:#9aa4b8;--line:#e7e5df;--line-2:#efeee9;--gold:#a16207;--gold-bright:#c9a227;--chip:#f3eee2;--blue:#a16207;--blue-2:#a16207;--orange:#a16207;--purple:#a16207;--green:#16a34a;--ring:#a162074d;--r-card:18px;--r-tile:13px;--r-pill:999px;--sh-sm:0 1px 2px #10162e0a,0 2px 4px #10162e0d;--sh-md:0 6px 24px #10162e14;--sh-lg:0 18px 50px #10162e24;--maxw:1140px;--font-display:"Space Grotesk";--font-body:"Inter"}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body),-apple-system,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:hidden}::selection{background:#a162072e}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display),sans-serif;letter-spacing:-.025em;line-height:1.05}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.btn{border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .18s,box-shadow .2s,background .2s;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 4px var(--ring);outline:none}.btn-primary{background:var(--gold);color:#fff;box-shadow:var(--sh-sm)}.btn-primary:hover{box-shadow:var(--sh-md);background:#8a5406;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:#cdd6e8;transform:translateY(-1px)}header.nav{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--line);background:#f5f7fcc7;position:sticky;top:0}.nav-in{justify-content:space-between;align-items:center;height:68px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand img{width:auto;height:30px;display:block}nav.links{align-items:center;gap:30px;display:flex}nav.links a{color:var(--ink-2);font-size:14.5px;font-weight:500;transition:color .15s}nav.links a:hover{color:var(--blue)}.nav-cta{align-items:center;gap:12px;display:flex}.hero{z-index:1;padding:64px 0 60px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;max-width:1040px;margin:0 auto;display:grid}.hero-copy{max-width:560px}.eyebrow{color:var(--gold);border-radius:var(--r-pill);background:#ffffffb3;border:1px solid #e8dec6;align-items:center;gap:8px;margin-bottom:20px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow .dot{background:var(--gold-bright);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #c9a22733}.hero h1{margin-bottom:18px;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.05}.hero h1 .grad{color:var(--gold);-webkit-text-fill-color:var(--gold);background:0 0}.hero p.sub{color:var(--muted);max-width:500px;margin:0 0 26px;font-size:clamp(16px,2.1vw,18px)}.cmd{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--sh-md);align-items:center;gap:8px;max-width:520px;padding:7px 7px 7px 18px;transition:box-shadow .2s,border-color .2s;display:flex}.cmd:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px var(--ring),var(--sh-md)}.cmd svg{color:var(--faint);flex:none}.cmd input{font:inherit;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:15.5px}.cmd input::placeholder{color:var(--faint)}.chips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.chip{color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);cursor:pointer;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .16s;display:inline-flex}.chip:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}.chip i{background:var(--gold);border-radius:2px;width:6px;height:6px;display:inline-block}.trust{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:22px;font-size:13.5px;display:flex}.trust span{align-items:center;gap:6px;display:inline-flex}.trust svg{color:var(--gold)}.hero-mock{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-lg);overflow:hidden}.hm-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 20px;display:flex}.hm-ic{background:var(--chip);width:42px;height:42px;color:var(--gold);border-radius:11px;flex:none;place-items:center;display:grid}.hm-head b{font-family:var(--font-display),sans-serif;color:var(--ink);font-size:16px;font-weight:600;display:block}.hm-head span{color:var(--muted);font-size:12.5px}.hm-body{align-items:center;gap:20px;padding:22px 20px;display:flex}.hm-qr{width:122px;height:122px;box-shadow:inset 0 0 0 1px var(--line);background:conic-gradient(from 0deg,#10162e 25%,#fff 0 50%,#10162e 0 75%,#fff 0);background-size:18px 18px;border:8px solid #fff;border-radius:10px;flex:none}.hm-col{flex-direction:column;flex:1;gap:10px;display:flex}.hm-row{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;height:11px}.hm-row.s{width:60%}.hm-btn{background:var(--gold);color:#fff;text-align:center;border-radius:10px;margin-top:4px;padding:10px;font-size:13.5px;font-weight:600}.lp-bg{z-index:0;pointer-events:none;position:fixed;inset:0}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:36px}.hero-copy{max-width:none}}.section{z-index:1;padding:56px 0;position:relative}.sec-eyebrow{font-family:var(--font-display),sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-size:13px;font-weight:700}.sec-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.sec-head h2{font-size:clamp(26px,3.4vw,34px);font-weight:700}.sec-head p{color:var(--muted);margin-top:6px;font-size:15px}.sec-head a.more{color:var(--blue);white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.sec-head a.more:hover{gap:9px}.bento{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);cursor:pointer;flex-direction:column;gap:14px;min-height:184px;padding:24px;transition:transform .2s,box-shadow .25s,border-color .2s;display:flex;position:relative;overflow:hidden}.card:hover{box-shadow:var(--sh-lg);border-color:#dbe3f1;transform:translateY(-4px)}.card:focus-visible{box-shadow:0 0 0 4px var(--ring);outline:none}.card .tile{border-radius:var(--r-tile);width:48px;height:48px;color:var(--gold);flex:none;place-items:center;display:grid}.card h3{font-size:18.5px;font-weight:600;font-family:var(--font-body),sans-serif;letter-spacing:-.01em}.card p{color:var(--muted);font-size:14px;line-height:1.5}.card .go{color:var(--blue);align-items:center;gap:6px;margin-top:auto;font-size:13.5px;font-weight:600;transition:gap .18s;display:inline-flex}.card:hover .go{gap:10px}.card .badge{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:18px;right:18px}.t-blue,.t-orange,.t-purple,.t-green,.t-ink{background:var(--chip)}.span-2{grid-column:span 2}.feat{background:linear-gradient(#fff,#fbfcfe)}.feat .demo{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;margin-top:6px;padding:8px 8px 8px 14px;display:flex}.feat .demo input{font:inherit;color:var(--ink-2);background:0 0;border:none;outline:none;flex:1;font-size:14px}.feat .demo input::placeholder{color:var(--faint)}.feat .demo .mini{background:linear-gradient(180deg,var(--blue-2),var(--blue));color:#fff;font:inherit;cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.values{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:6px;display:grid}.val{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px}.val .vi{background:var(--surface-2);border:1px solid var(--line);width:40px;height:40px;color:var(--blue);border-radius:11px;place-items:center;margin-bottom:14px;display:grid}.val h4{margin-bottom:5px;font-size:15.5px;font-weight:600}.val p{color:var(--muted);font-size:13.5px;line-height:1.5}.cta{background:linear-gradient(135deg,var(--ink),#1c2444);text-align:center;color:#fff;border-radius:24px;padding:46px;position:relative;overflow:hidden}.cta:before{content:"";opacity:.7;background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.cta-in{z-index:1;max-width:520px;margin:0 auto;position:relative}.cta h2{color:#fff;margin-bottom:10px;font-size:clamp(24px,3vw,32px)}.cta p{color:#ffffffb8;margin-bottom:24px;font-size:15.5px}.cta .btn-primary{color:var(--ink);background:#fff;box-shadow:0 10px 30px -10px #00000080}.cta .btn-primary:hover{background:#f1f5ff}footer{border-top:1px solid var(--line);background:var(--bg);z-index:1;margin-top:64px;position:relative}.foot{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding:52px 0 36px;display:grid}.foot .col h5{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin-bottom:14px;font-size:12px;font-weight:700}.foot .col a{color:var(--ink-2);margin-bottom:10px;font-size:14px;transition:color .15s;display:block}.foot .col a:hover{color:var(--blue)}.foot .about img{height:30px;margin-bottom:14px}.foot .about p{color:var(--muted);max-width:260px;font-size:13.5px}.foot-bottom{border-top:1px solid var(--line-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:20px 0;display:flex}.foot-bottom p{color:var(--faint);font-size:13px}.foot-bottom .soc{gap:10px;display:flex}.foot-bottom .soc a{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);border-radius:9px;place-items:center;transition:all .15s;display:grid}.foot-bottom .soc a:hover{color:var(--blue);border-color:var(--blue)}.toolpage{padding:48px 0 24px;position:relative}.crumbs{color:var(--faint);align-items:center;gap:8px;margin-bottom:18px;font-size:13.5px;display:flex}.crumbs a:hover{color:var(--blue)}.tool-head{align-items:center;gap:16px;margin-bottom:8px;display:flex}.tool-head .tile{background:var(--chip);width:54px;height:54px;color:var(--gold);border-radius:15px;flex:none;place-items:center;display:grid}.tool-head h1{font-size:clamp(28px,4vw,38px);font-weight:700}.toolpage>.wrap>p.lead{color:var(--muted);max-width:560px;margin-bottom:28px;font-size:16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-sm);max-width:680px;padding:26px}.field-row{align-items:stretch;gap:10px;display:flex}.field{border:1px solid var(--line);font:inherit;color:var(--ink);background:var(--surface-2);border-radius:12px;flex:1;padding:13px 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.field::placeholder{color:var(--faint)}.field:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--ring);background:#fff;outline:none}.err{color:#d32f2f;align-items:center;gap:7px;margin-top:12px;font-size:13.5px;display:flex}.result{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding:16px 18px;display:flex}.result .short{color:var(--blue);word-break:break-all;font-size:16px;font-weight:600}.result .actions{gap:8px;display:flex}.copy-btn{border:1px solid var(--line);font:inherit;color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:7px;padding:9px 14px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.copy-btn:hover{border-color:var(--blue);color:var(--blue)}.copy-btn.copied{border-color:var(--green);color:var(--green)}.hint{color:var(--faint);margin-top:14px;font-size:13px}.notice{color:#8a4b07;background:#fff6ec;border:1px solid #fbe0c2;border-radius:12px;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;font-size:13.5px;line-height:1.45;display:flex}.notice svg{color:var(--orange);flex:none;margin-top:1px}.notice strong{font-weight:700}.result .meta{color:var(--faint);flex-basis:100%;align-items:center;gap:6px;margin-top:2px;font-size:12.5px;display:flex}.result .meta svg{color:var(--orange)}.qr-panel{max-width:760px}.tabs{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);gap:4px;margin-bottom:22px;padding:4px;display:inline-flex}.tab{font:inherit;color:var(--muted);border-radius:var(--r-pill);cursor:pointer;background:0 0;border:none;padding:8px 20px;font-size:14px;font-weight:600;transition:all .15s}.tab.active{color:var(--ink);box-shadow:var(--sh-sm);background:#fff}.tab:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.qr-layout{grid-template-columns:1fr 280px;align-items:start;gap:26px;display:grid}.qr-controls{flex-direction:column;gap:16px;display:flex}.control{flex-direction:column;gap:7px;display:flex}.control>span{color:var(--ink-2);font-size:13px;font-weight:600}.control-row{gap:14px;display:flex}.control-row .control{flex:1}.field.select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23626E8A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}textarea.field{resize:vertical;font-family:inherit;line-height:1.5}.range{width:100%;accent-color:var(--blue);cursor:pointer}.qr-actions{flex-wrap:wrap;gap:10px;display:flex}.qr-check{color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.qr-check input{width:16px;height:16px}.qr-actions .copy-btn:disabled,.qr-actions .btn:disabled{opacity:.5;cursor:not-allowed}.qr-preview{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;place-items:center;min-height:280px;padding:20px;display:grid}.qr-preview canvas{border-radius:8px;max-width:100%;height:auto;display:block}.qr-empty{color:var(--faint);text-align:center;max-width:160px;font-size:14px}.qr-scan{flex-direction:column;gap:16px;display:flex}.scan-stage{place-items:center;display:grid}.scan-video{aspect-ratio:1;object-fit:cover;background:#000;border-radius:14px;width:100%;max-width:420px}.dropzone{aspect-ratio:4/3;border:2px dashed var(--line);background:var(--surface-2);width:100%;max-width:420px;color:var(--muted);cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:all .15s;display:flex}.dropzone:hover{border-color:var(--blue);color:var(--blue);background:#fff}.dropzone svg{color:var(--faint)}.dropzone:hover svg{color:var(--blue)}.dropzone .dz-sub{color:var(--faint);font-size:12.5px}.decoded-text{word-break:break-word;color:var(--ink);font-weight:600}.json-panel{max-width:920px}.json-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.json-toolbar .control.inline{flex-direction:row;align-items:center;gap:8px}.json-toolbar .control.inline>span{color:var(--ink-2);font-size:13px;font-weight:600}.json-toolbar .field.select{padding:9px 36px 9px 12px;font-size:14px}.toolbar-spacer{flex:1}.link-btn{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:6px 4px;font-size:13.5px;font-weight:600;transition:color .15s}.link-btn:hover{color:var(--blue)}.link-btn.copied{color:var(--green)}.json-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.json-col{flex-direction:column;gap:10px;min-width:0;display:flex}.code-area{border:1px solid var(--line);background:var(--surface-2);width:100%;min-height:340px;color:var(--ink);resize:vertical;white-space:pre;tab-size:2;border-radius:12px;padding:14px 16px;font-family:SF Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.55;overflow:auto}textarea.code-area:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--ring);background:#fff;outline:none}.code-area.output{color:#e6ecfb;background:#0d1530;border-color:#0d1530;margin:0}.code-area.output.empty{color:#6b7aa8;align-items:flex-start;display:flex}.output-head{color:var(--ink-2);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.out-actions{gap:8px;display:flex}.tok-key{color:#7fb2ff}.tok-str{color:#5bd79a}.tok-num{color:#f6a552}.tok-bool{color:#c4a6ff}.tok-null{color:#8893b5}.pw-panel{max-width:680px}.pw-output{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:14px 14px 14px 18px;display:flex}.pw-value{color:var(--ink);word-break:break-all;letter-spacing:.01em;flex:1;min-height:24px;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:19px}.pw-output-actions{flex:none;align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--ink-2);cursor:pointer;background:#fff;border-radius:10px;place-items:center;transition:all .15s;display:grid}.icon-btn:hover{border-color:var(--blue);color:var(--blue)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.pw-strength{align-items:center;gap:12px;margin-top:14px;display:flex}.pw-bar{background:var(--line-2);border-radius:99px;flex:1;height:7px;overflow:hidden}.pw-fill{border-radius:99px;height:100%;transition:width .25s,background .25s;display:block}.pw-fill.s-weak{background:#e5484d}.pw-fill.s-fair{background:var(--orange)}.pw-fill.s-strong{background:#1f9d57}.pw-fill.s-vstrong{background:var(--green)}.pw-fill.s-none{background:0 0}.pw-label{text-align:right;min-width:84px;font-size:13px;font-weight:700}.pw-label.s-weak{color:#e5484d}.pw-label.s-fair{color:var(--orange)}.pw-label.s-strong{color:#1f9d57}.pw-label.s-vstrong{color:var(--green)}.pw-label.s-none{color:var(--faint)}.pw-controls{flex-direction:column;gap:18px;margin-top:24px;display:flex}.pw-checks{grid-template-columns:1fr 1fr;gap:12px;display:grid}.check{color:var(--ink-2);cursor:pointer;align-items:center;gap:10px;font-size:14.5px;display:flex}.check input{width:18px;height:18px;accent-color:var(--blue);cursor:pointer;flex:none}.wc-panel{max-width:760px}.wc-stats{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.wc-card{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.wc-value{font-family:var(--font-display),sans-serif;color:var(--ink);letter-spacing:-.02em;font-size:26px;font-weight:700;line-height:1.1}.wc-label{color:var(--muted);font-size:12.5px;font-weight:600}.wc-input-head{color:var(--ink-2);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.wc-area{resize:vertical;min-height:240px;line-height:1.6}.legal{padding:48px 0 24px}.legal-inner{max-width:720px}.legal h1{margin-bottom:6px;font-size:clamp(28px,4vw,38px);font-weight:700}.legal-meta{color:var(--faint);margin-bottom:28px;font-size:14px}.legal h2{color:var(--ink);font-size:19px;font-weight:700;font-family:var(--font-body),sans-serif;letter-spacing:-.01em;margin:28px 0 8px}.legal p{color:var(--ink-2);margin-bottom:12px;font-size:15.5px;line-height:1.7}.legal ul{color:var(--ink-2);margin:4px 0 14px;padding-left:22px;font-size:15.5px;line-height:1.7}.legal li{margin-bottom:6px}.legal a{color:var(--blue);font-weight:600}.legal a:hover{text-decoration:underline}.ic-panel{max-width:820px}.ic-layout{grid-template-columns:280px 1fr;align-items:start;gap:24px;display:grid}.ic-controls{flex-direction:column;gap:16px;display:flex}.ic-preview{flex-direction:column;gap:14px;min-width:0;display:flex}.ic-img{border:1px solid var(--line);background:var(--surface-2);object-fit:contain;border-radius:12px;align-self:flex-start;max-width:100%;max-height:300px}.ic-stats{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ic-stat{flex-direction:column;gap:2px;display:flex}.ic-stat-label{color:var(--muted);font-size:12px;font-weight:600}.ic-stat-value{font-family:var(--font-display),sans-serif;color:var(--ink);font-size:22px;font-weight:700;line-height:1.1}.ic-stat-sub{color:var(--faint);font-size:12px}.ic-badge{color:var(--green);background:#0dbe651a;border:1px solid #0dbe6540;border-radius:999px;padding:5px 12px;font-size:14px;font-weight:700}.ic-badge-up{color:#e5484d;background:#e5484d14;border-color:#e5484d40}.reveal{opacity:0;animation:.6s cubic-bezier(.22,1,.36,1) forwards rise;transform:translateY(14px)}@keyframes rise{to{opacity:1;transform:none}}@media (max-width:900px){.bento{grid-template-columns:repeat(2,1fr)}.span-2{grid-column:span 2}.values{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:1fr 1fr;gap:28px}nav.links{display:none}}@media (max-width:600px){.hero{padding:60px 0 40px}.bento{grid-template-columns:1fr}.span-2{grid-column:span 1}.values{grid-template-columns:1fr 1fr}.nav-cta .btn-ghost{display:none}.sec-head{flex-direction:column;align-items:flex-start}.cta{padding:36px 24px}.foot{grid-template-columns:1fr 1fr}.field-row{flex-direction:column}.qr-layout{grid-template-columns:1fr}.control-row{flex-direction:column}.json-grid,.pw-checks{grid-template-columns:1fr}.wc-stats{grid-template-columns:repeat(2,1fr)}.ic-layout{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}.wb-launch{margin-top:24px}.error{color:#e11d48;font-size:14px;font-weight:500}.wb-page{padding-bottom:32px}.wb{flex-direction:column;gap:14px;margin-top:8px;display:flex}.wb-bar{background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-sm,0 1px 2px #0a19460a);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.wb-tools,.wb-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wb-sep{background:var(--line);width:1px;height:24px}.wb-btn{color:var(--ink-2);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:7px 12px;font-size:13.5px;font-weight:600;transition:all .15s}.wb-btn:hover{border-color:var(--blue);color:var(--blue)}.wb-btn.on{background:var(--ink);color:#fff;border-color:var(--ink)}.wb-swatches{gap:6px;display:flex}.wb-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;box-shadow:inset 0 0 0 1px #0a19461f}.wb-swatch.on{border-color:var(--ink);transform:scale(1.08)}.wb-sizes{gap:6px;display:flex}.wb-size{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:10px;place-items:center;width:34px;height:30px;display:grid}.wb-size.on{border-color:var(--blue)}.wb-size span{background:var(--ink);border-radius:50%;display:block}.wb-status{color:var(--faint);font-size:12.5px;font-weight:600}.wb-status.saving{color:var(--orange)}.wb-status.error{color:#e11d48}.wb-status.offline{color:var(--muted)}.wb-peers{color:var(--green);font-size:12.5px;font-weight:600}.wb-stage{border:1px solid var(--line);background:var(--surface);border-radius:16px;width:100%;line-height:0;position:relative;overflow:hidden;box-shadow:0 10px 30px -18px #0a194666}.wb-canvas{touch-action:none;cursor:none;display:block}.wb-cursors{pointer-events:none;position:absolute;inset:0}.wb-note{margin-top:4px}.wb-preview{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;place-items:center;width:38px;height:30px;display:grid}.wb-preview-dot{border:1px solid #0000;border-radius:50%;max-width:24px;max-height:24px;display:block}.wb-preview-dot.erase{border-style:dashed}.wb-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--line);color:var(--faint)}.wb-btn:disabled:hover{border-color:var(--line);color:var(--faint)}.pdfed{flex-direction:column;gap:10px;margin-top:8px;display:flex}.pdfed-bar{z-index:5;background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex;position:sticky;top:8px;box-shadow:0 1px 2px #0a19460a}.pdfed-tools,.pdfed-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pdfed-size{min-width:74px;height:auto;padding:6px 8px}.pdfed-font{min-width:150px;max-width:200px;height:auto;padding:6px 8px}.pdfed-help{color:var(--muted);margin:2px 2px 6px}.pdfed-pages{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;flex-direction:column;align-items:center;gap:18px;padding:20px;display:flex;overflow:auto}.pdfpage{background:#fff;flex:none;position:relative;box-shadow:0 6px 20px -10px #0a194666}.pdf-canvas{border-radius:2px;display:block}.pdf-overlay{position:absolute;inset:0}.pdf-overlay.tool-text{cursor:text}.pdf-overlay.tool-whiteout{cursor:crosshair}.pdf-overlay.tool-select{cursor:default}.pdf-anno{box-sizing:border-box;position:absolute}.pdf-anno.text{white-space:nowrap;font-family:Helvetica,Arial,sans-serif;line-height:1.1}.pdf-anno.whiteout{background:#fff;border:1px dashed #0000}.pdf-anno.whiteout.draft{border-color:var(--blue);background:#ffffffb3}.pdf-overlay.tool-select .pdf-anno{cursor:move}.pdf-anno.sel{outline:2px solid var(--blue);outline-offset:1px}.pdf-anno-input{border:1px dashed var(--blue);background:#fff;min-width:60px;padding:0 2px;font-family:inherit;line-height:1.1}.pdf-anno-del{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:13px;line-height:1;display:none;position:absolute;top:-9px;right:-9px}.pdf-overlay.tool-select .pdf-anno.sel .pdf-anno-del,.pdf-anno:hover .pdf-anno-del{display:flex}.pdf-overlay.tool-stamp{cursor:copy}.pdf-overlay.tool-edittext{cursor:text}.pdf-texthover{pointer-events:none;border:1.5px dashed var(--blue);background:#0661fa1f;border-radius:2px;position:absolute}.pdf-form{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin:0 0 18px;padding:16px 18px}.pdf-form-head{flex-direction:column;gap:2px;margin-bottom:12px;display:flex}.pdf-form-head>span:first-child{color:var(--ink);font-size:15px;font-weight:700}.pdf-form-sub{color:var(--muted);font-size:12.5px}.pdf-form-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 18px;display:grid}.pdf-form-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.pdf-form-label{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;max-width:45%;font-size:13px;overflow:hidden}.pdf-form-row .field{flex:auto;min-width:0}.pdf-form-check{width:18px;height:18px;accent-color:var(--blue);flex:none}.pdf-form-flatten{color:var(--muted);align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.pdf-form-flatten input{width:16px;height:16px;accent-color:var(--blue)}.pdf-anno.image{padding:0}.pdf-anno-img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.pdf-resize{border:2px solid var(--blue);cursor:nwse-resize;box-sizing:border-box;touch-action:none;background:#fff;border-radius:3px;width:14px;height:14px;display:none;position:absolute;bottom:-7px;right:-7px}.pdf-overlay.tool-select .pdf-anno.image.sel .pdf-resize,.pdf-anno.image:hover .pdf-resize{display:block}.sig-backdrop{z-index:50;background:#0a194647;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sig-modal{background:var(--surface);border:1px solid var(--line);border-radius:18px;width:min(520px,100%);padding:22px;box-shadow:0 24px 60px -20px #0a194680}.sig-modal h3{color:var(--ink);letter-spacing:-.01em;margin-bottom:4px;font-size:17px;font-weight:700}.sig-modal p{color:var(--muted);margin-bottom:14px;font-size:13px;line-height:1.5}.sig-pad{border:2px dashed var(--line);background:var(--surface-2);touch-action:none;cursor:crosshair;border-radius:12px;width:100%;height:180px;display:block}.sig-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.copy-btn:disabled,.btn:disabled{opacity:.45;cursor:not-allowed}