:root{--bg:#eef1f6;--surface:#ffffff;--surface-2:#f6f8fb;--ink:#161d2b;--ink-soft:#3d4658;--muted:#656e7f;--line:#e4e7ec;--line-strong:#d3d8e0;--accent:#2563eb;--accent-2:#1e40af;--accent-soft:#eef3ff;--on-warn:#ffffff;--on-accent:#ffffff;--good:#187433;--warn:#855e0f;--danger:#c2332a;--shadow:0 6px 24px rgba(20,30,55,0.10);--shadow-lg:0 18px 50px rgba(20,30,55,0.16);--radius:16px}@media (prefers-color-scheme:dark){:root{--bg:#0d1219;--surface:#151c27;--surface-2:#1a2330;--ink:#e9edf3;--ink-soft:#b7c1cf;--muted:#7f8b9c;--line:#26313f;--line-strong:#33414f;--accent:#5b93fb;--accent-2:#3f78e6;--accent-soft:#16233b;--on-warn:#0a0e14;--on-accent:#0a0e14;--good:#4ac16a;--warn:#e0ad3c;--danger:#f2685e;--shadow:0 6px 24px rgba(0,0,0,0.4);--shadow-lg:0 18px 50px rgba(0,0,0,0.5)}}:root[data-theme=light]{--bg:#eef1f6;--surface:#fff;--surface-2:#f6f8fb;--ink:#161d2b;--ink-soft:#3d4658;--muted:#656e7f;--line:#e4e7ec;--line-strong:#d3d8e0;--accent:#2563eb;--accent-2:#1e40af;--accent-soft:#eef3ff;--on-warn:#ffffff;--on-accent:#ffffff;--good:#187433;--warn:#855e0f;--danger:#c2332a;--shadow:0 6px 24px rgba(20,30,55,0.10);--shadow-lg:0 18px 50px rgba(20,30,55,0.16)}:root[data-theme=dark]{--bg:#0d1219;--surface:#151c27;--surface-2:#1a2330;--ink:#e9edf3;--ink-soft:#b7c1cf;--muted:#7f8b9c;--line:#26313f;--line-strong:#33414f;--accent:#5b93fb;--accent-2:#3f78e6;--accent-soft:#16233b;--on-warn:#0a0e14;--on-accent:#0a0e14;--good:#4ac16a;--warn:#e0ad3c;--danger:#f2685e;--shadow:0 6px 24px rgba(0,0,0,0.4);--shadow-lg:0 18px 50px rgba(0,0,0,0.5)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-display),"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;gap:14px;height:60px;padding:0 clamp(16px,4vw,40px);background:color-mix(in srgb,var(--surface) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:10px;font-weight:600}.brand img{width:26px;height:26px}.brand b{font-family:var(--font-brand),var(--font-display),sans-serif;font-weight:400;letter-spacing:.5px;font-size:19px}.brand span{color:var(--muted);font-size:13px;font-weight:500}.topbar-spacer{flex:1 1}.topbar a.navlink{color:var(--ink-soft);font-size:14px;font-weight:500;padding:7px 12px;border-radius:9px}.topbar a.navlink:hover{background:var(--surface-2);color:var(--accent)}.theme-toggle{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);cursor:pointer}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.install-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;margin-right:10px;border-radius:10px;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}.install-btn:hover{background:var(--accent-2);border-color:var(--accent-2)}.install-btn svg{width:16px;height:16px}@media (max-width:560px){.install-btn span{display:none}.install-btn{padding:0 11px}}.workspace-link{display:inline-flex;align-items:center;gap:9px;flex:none;height:38px;padding:0 13px;margin-right:10px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink-soft);transition:border-color .15s,background .15s,color .15s}.workspace-link svg{width:17px;height:17px;flex:none;color:var(--accent);transition:color .15s}.workspace-link-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.workspace-link-text b{font-size:13px;font-weight:600;white-space:nowrap}.workspace-link-text i{font-style:normal;font-size:10.5px;font-weight:500;color:var(--muted);white-space:nowrap;transition:color .15s}.workspace-link:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.workspace-link:hover .workspace-link-text i{color:var(--accent)}.workspace-link:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 32%,transparent)}@media (max-width:1080px){.workspace-link-text i{display:none}}@media (max-width:700px){.workspace-link-text{display:none}.workspace-link{padding:0 10px;margin-right:8px}}.wrap{max-width:1120px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.hero{text-align:center;padding:clamp(48px,8vw,92px) 0 clamp(28px,4vw,44px)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);padding:6px 13px;border-radius:999px;white-space:nowrap;line-height:1}.eyebrow svg{width:15px;height:15px;flex:none}.hero h1,.hero-mid h1{font-size:clamp(2.1rem,5.5vw,3.4rem);line-height:1.06;letter-spacing:-.02em;font-weight:700;margin:20px auto 0;max-width:15ch;text-wrap:balance}.hero h1 em,.hero-mid h1 em{font-style:normal;background:linear-gradient(100deg,#2563eb,#7c3aed 55%,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.hero-mid p{color:var(--ink-soft);font-size:clamp(1rem,2.2vw,1.22rem);max-width:56ch;margin:18px auto 0;text-wrap:pretty}.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;margin-top:26px}.trust span{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink-soft);font-weight:500}.trust svg{width:16px;height:16px;color:var(--good)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:8px 0 18px}.section-head h2{font-size:clamp(1.2rem,2.4vw,1.5rem);font-weight:700;letter-spacing:-.015em;margin:0;position:relative;padding-left:15px}.section-head h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:.85em;border-radius:3px;background:linear-gradient(var(--accent),#7c3aed)}.section-head .count{color:var(--muted);font-size:13px}.explore{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.tool-search{position:relative;display:flex;align-items:center}.tool-search>svg{position:absolute;left:16px;width:18px;height:18px;color:var(--muted);pointer-events:none}.tool-search input{width:100%;box-sizing:border-box;padding:15px 44px 15px 48px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);color:var(--ink);font-size:15px;font-family:inherit;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}.tool-search input::placeholder{color:var(--muted)}.tool-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent),var(--shadow)}.tool-search:focus-within>svg{color:var(--accent)}.tool-search .clear{position:absolute;right:11px;width:26px;height:26px;border:none;background:var(--surface-2);border-radius:50%;color:var(--muted);cursor:pointer;font-size:13px;line-height:1;display:grid;place-items:center}.tool-search .clear:hover{color:var(--ink)}.tool-cats{display:flex;flex-wrap:wrap;gap:8px}.tool-cat{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--ink-soft);font-size:13.5px;font-weight:600;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.tool-cat svg{width:15px;height:15px;flex:none;color:var(--c,var(--accent));transition:color .15s}.tool-cat span{font-size:11px;font-weight:700;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:1px 7px;min-width:12px;text-align:center}.tool-cat:hover{color:var(--c,var(--accent));background:color-mix(in srgb,var(--c,var(--accent)) 8%,var(--surface))}.tool-cat.on,.tool-cat:hover{border-color:var(--c,var(--accent))}.tool-cat.on{background:var(--c,var(--accent));color:#fff;box-shadow:0 6px 16px -6px color-mix(in srgb,var(--c,var(--accent)) 60%,transparent)}.tool-cat.on svg,.tool-cat.on:hover{color:#fff}.tool-cat.on span{background:rgba(255,255,255,.24);color:#fff}.explore-count{font-size:13px;color:var(--muted);margin-bottom:14px}.explore-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:54px 20px 64px;text-align:center;color:var(--muted)}.explore-empty svg{width:30px;height:30px;opacity:.5}.explore-empty b{color:var(--ink);font-size:16px}.linkbtn{border:none;background:none;color:var(--accent);font:inherit;cursor:pointer;padding:0;text-decoration:underline}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));grid-gap:16px;gap:16px;padding-bottom:64px}.card{position:relative;display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}a.card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--c,var(--accent)) 55%,var(--line));box-shadow:0 18px 42px -14px color-mix(in srgb,var(--c,var(--accent)) 40%,transparent),var(--shadow)}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;border-radius:var(--radius) var(--radius) 0 0;background:var(--c,var(--accent));opacity:0;transition:opacity .15s ease}a.card:hover:before{opacity:1}.card .ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--c,var(--accent)) 13%,transparent);color:var(--c,var(--accent));transition:background .15s ease,color .15s ease,transform .15s ease}.card .ico svg{width:24px;height:24px}a.card:hover .ico{background:var(--c,var(--accent));color:#fff;transform:scale(1.06) rotate(-3deg)}.card h3{margin:0;font-size:1.06rem;font-weight:600}.card p{margin:0;color:var(--ink-soft);font-size:13.5px;line-height:1.5}.card .go{margin-top:auto;font-size:13px;font-weight:600;color:var(--c,var(--accent));display:inline-flex;align-items:center;gap:6px}.card .go svg{width:15px;height:15px}.card:hover .go svg{transform:translateX(3px);transition:transform .2s var(--ease-out,ease)}.card.soon{opacity:.72}.card.soon:hover{transform:none}.tag-soon{position:absolute;top:16px;right:16px;font-size:11px;font-weight:600;background:var(--surface-2);border:1px solid var(--line);padding:3px 9px;border-radius:999px}.tag-soon,footer{color:var(--muted)}footer{border-top:1px solid var(--line);padding:26px 0 40px;font-size:13.5px}footer .wrap{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between}footer a:hover{color:var(--accent)}.tool{padding:clamp(24px,4vw,40px) 0 64px}.tool-head{text-align:center;margin-bottom:26px}.tool-head .eyebrow{margin-bottom:14px}.tool-head h1{font-size:clamp(1.7rem,4vw,2.4rem);letter-spacing:-.02em;margin:0;font-weight:700}.tool-head p{color:var(--ink-soft);max-width:60ch;margin:12px auto 0}.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13.5px;font-weight:500;margin-bottom:4px}.back:hover{color:var(--accent)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(18px,3vw,30px);min-width:0}.drop{border:2px dashed var(--line-strong);border-radius:14px;background:var(--surface-2);padding:clamp(30px,6vw,60px) 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.drop.over,.drop:hover{border-color:var(--accent);background:var(--accent-soft)}.drop .dico{width:54px;height:54px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin:0 auto 14px}.drop .dico svg{width:28px;height:28px}.drop h3{margin:0 0 6px;font-size:1.1rem;font-weight:600}.drop p{margin:0;color:var(--muted);font-size:13.5px}.drop .pill{display:inline-block;margin-top:14px;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:14px;padding:9px 18px;border-radius:10px}.stage{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}@media (max-width:720px){.stage{grid-template-columns:1fr}}.frame{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface-2)}.frame .flabel{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--surface)}.frame .fimg{display:grid;place-items:center;min-height:220px;padding:14px}.frame .fimg img{max-height:420px;border-radius:6px}.checker{background-image:linear-gradient(45deg,#c9ced7 25%,transparent 0),linear-gradient(-45deg,#c9ced7 25%,transparent 0),linear-gradient(45deg,transparent 75%,#c9ced7 0),linear-gradient(-45deg,transparent 75%,#c9ced7 0);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}@media (prefers-color-scheme:dark){.checker{background-image:linear-gradient(45deg,#2b3542 25%,transparent 0),linear-gradient(-45deg,#2b3542 25%,transparent 0),linear-gradient(45deg,transparent 75%,#2b3542 0),linear-gradient(-45deg,transparent 75%,#2b3542 0)}}.toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.btn,.toolbar{align-items:center}.btn{display:inline-flex;gap:8px;cursor:pointer;border:none;border-radius:10px;font-size:14px;font-weight:600;padding:11px 20px;font-family:inherit}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.primary:hover{background:var(--accent-2)}.btn.primary:disabled{opacity:.55;cursor:default}.btn.ghost{background:var(--surface-2);color:var(--ink);border:1px solid var(--line-strong)}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.btn svg{width:17px;height:17px}.progress{margin-top:22px;text-align:center}.progress .bar{height:8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden;max-width:420px;margin:0 auto}.progress .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .3s ease}.progress .msg{margin-top:10px;color:var(--ink-soft);font-size:13.5px}.progress .sub{color:var(--muted);font-size:12.5px;margin-top:2px}.note{margin-top:18px;font-size:13px;color:var(--muted)}.err,.note{text-align:center}.err{margin-top:16px;color:var(--danger);font-size:13.5px}.spin{width:16px;height:16px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.ctl-row{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:flex-end;padding-bottom:18px;border-bottom:1px solid var(--line)}.ctl{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-soft)}.ctl span b{color:var(--ink)}.ctl input[type=range]{width:190px;accent-color:var(--accent)}.ctl .sel,.sel{background:var(--surface);color:var(--ink);padding:8px 10px;font-size:13.5px;font-family:inherit}.ctl .sel,.ctl.add,.sel{border:1px solid var(--line-strong);border-radius:9px;cursor:pointer}.ctl.add{flex-direction:row;align-items:center;gap:7px;margin-left:auto;color:var(--accent);padding:9px 13px}.ctl.add:hover{border-color:var(--accent);background:var(--accent-soft)}.ctl.add svg{width:16px;height:16px}.cmp-preview{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin:18px 0 4px}@media (max-width:640px){.cmp-preview{grid-template-columns:1fr}}.cmp-preview .frame .fimg{min-height:200px;max-height:44vh;overflow:hidden}.cmp-preview .frame .fimg img{max-height:42vh;object-fit:contain}.filelist{display:flex;flex-direction:column;gap:8px;margin:18px 0}.filerow{display:flex;align-items:center;gap:14px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);cursor:pointer;transition:border-color .15s}.filerow:hover{border-color:var(--line-strong)}.filerow.sel{border-color:var(--accent);background:var(--accent-soft)}.thumb{width:52px;height:52px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#fff;flex:none}.finfo{flex:1 1;min-width:0}.fname{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fsize{font-size:13px;color:var(--ink-soft);display:flex;align-items:center;gap:8px;margin-top:2px;flex-wrap:wrap}.fsize b{color:var(--ink)}.farrow,.fmuted{color:var(--muted)}.ferr{color:var(--danger)}.fsave{font-weight:700;color:var(--good);background:color-mix(in srgb,var(--good) 14%,transparent);padding:1px 8px;border-radius:999px;font-size:12px}.fsave.neg{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent)}.cmp-note,.fsave.zero{color:var(--muted);background:var(--surface-2)}.cmp-note{font-size:11.5px;padding:7px 12px;border-top:1px solid var(--line);line-height:1.4}.fdim{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ficon{flex:none;width:36px;height:36px;border-radius:9px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);cursor:pointer;display:grid;place-items:center;font-size:14px}.ficon:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.ficon:disabled{opacity:.4;cursor:default}.ficon svg{width:17px;height:17px}.segmented{display:inline-flex;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden}.segmented button{border:none;background:var(--surface);color:var(--ink-soft);font-family:inherit;font-size:13.5px;font-weight:600;padding:8px 16px;cursor:pointer;border-right:1px solid var(--line)}.segmented button:last-child{border-right:none}.segmented button.on{background:var(--accent);color:var(--on-accent)}.fbadge{font-size:11px;font-weight:700;letter-spacing:.03em;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;padding:1px 7px}.fbadge.on{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.wrap6{flex-wrap:wrap}.numin{width:120px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:9px;padding:8px 10px;font-size:13.5px;font-family:inherit}.cropwrap{display:flex;justify-content:center;padding:6px 0 20px;border-bottom:1px solid var(--line);margin-bottom:18px}.cropstage{position:relative;display:inline-block;line-height:0;overflow:hidden;border-radius:10px;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:100%}.cropimg{display:block;max-width:100%;max-height:460px;-webkit-user-drag:none}.cropbox{position:absolute;box-shadow:0 0 0 9999px rgba(10,14,22,.55);outline:1.5px solid #fff;cursor:move}.cropbox .cgrid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 0);background-size:33.33% 33.33%;opacity:.5}.ch{position:absolute;width:16px;height:16px;background:#fff;border:2px solid var(--accent);border-radius:50%;z-index:2}.ch.nw{left:-8px;top:-8px;cursor:nwse-resize}.ch.ne{right:-8px;top:-8px}.ch.ne,.ch.sw{cursor:nesw-resize}.ch.sw{left:-8px;bottom:-8px}.ch.se{right:-8px;bottom:-8px;cursor:nwse-resize}.summary{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line)}.stotal{font-size:14px;color:var(--ink-soft)}.wrap.wide{max-width:1240px}.panel.wide{padding:0;overflow:hidden}.invoice-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0}@media (max-width:900px){.invoice-layout{grid-template-columns:1fr}}.inv-form{padding:clamp(16px,2.4vw,26px);gap:20px;max-height:82vh;overflow-y:auto}.inv-form,.inv-sec{display:flex;flex-direction:column}.inv-sec{gap:10px}.inv-sec h4{margin:0;font-size:13px;font-weight:600;color:var(--ink-soft);display:flex;align-items:center;gap:8px}.saved-tag{font-size:10.5px;font-weight:600;color:var(--good);background:color-mix(in srgb,var(--good) 13%,transparent);padding:2px 8px;border-radius:999px}.inp{width:100%;box-sizing:border-box;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:9px;padding:9px 11px;font-size:13.5px;font-family:inherit}.inp:focus{outline:none;border-color:var(--accent)}.inp.ta{min-height:62px;resize:vertical;line-height:1.45}.inv-inline{display:flex;gap:10px;flex-wrap:wrap}.inv-inline .ctl{flex:1 1;min-width:90px}.inv-inline .ctl.grow{flex:2 1}.cswatch{width:100%;height:38px;border:1px solid var(--line-strong);border-radius:9px;background:none;cursor:pointer;padding:3px}.logo-row{display:flex;align-items:center;gap:10px}.logo-prev{height:40px;max-width:130px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff;padding:3px}.logo-ph{height:40px;width:90px;display:grid;place-items:center;border:1px dashed var(--line-strong);border-radius:8px;font-size:11px;color:var(--muted)}.btn.sm{padding:7px 12px;font-size:12.5px}.items{display:flex;flex-direction:column;gap:8px}.item-row{display:grid;grid-template-columns:1fr 62px 84px 74px 28px;grid-gap:6px;gap:6px;align-items:center}.item-row .amt,.item-row .price,.item-row .qty{text-align:right}.item-row .amt{font-size:12.5px;color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.inv-preview{background:var(--surface-2);border-left:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:12px}@media (max-width:900px){.inv-preview{border-left:none;border-top:1px solid var(--line)}}.inv-total-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.inv-total-bar b{font-size:17px;color:var(--ink)}.pdfframe{width:100%;height:72vh;min-height:460px;border:1px solid var(--line);border-radius:10px;background:#fff}.pdfframe.loading{display:grid;place-items:center;color:var(--muted)}.ctl.chk{flex-direction:row;align-items:center;gap:7px;font-weight:500;color:var(--ink-soft)}.qr-stage{display:grid;place-items:center;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px;min-height:300px}.qr-img{width:100%;max-width:340px;image-rendering:pixelated;border-radius:6px}.hint-line{margin:2px 0 0;font-size:12px;color:var(--muted);line-height:1.45}.inv-inline .inp.grow{flex:1 1;min-width:90px}.slider-ctl{flex-direction:column}.slider-ctl input[type=range]{width:100%;accent-color:var(--accent)}.chk{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-soft);cursor:pointer}.chk input{accent-color:var(--accent);width:15px;height:15px}.chk.inline{margin-left:auto;font-weight:500;font-size:11.5px}.chk-row{gap:8px 18px}.chk-row,.seg-row{display:flex;flex-wrap:wrap}.seg-row{align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:var(--ink-soft)}.inv-items{gap:10px}.inv-item,.inv-items{display:flex;flex-direction:column}.inv-item{border:1px solid var(--line);border-radius:11px;padding:10px;background:var(--surface-2);gap:9px}.inv-item-top{display:flex;align-items:center;gap:8px}.inv-item-top .desc{flex:1 1}.inv-item-amt{font-size:13px;font-weight:700;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.inv-item-btns{display:flex;gap:4px}.inv-item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));grid-gap:8px;gap:8px}.inv-item-grid label{display:flex;flex-direction:column;gap:4px;font-size:10.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.inv-item-grid .inp,.inv-item-grid .sel{padding:7px 8px;font-size:12.5px}.disc-in{display:flex;gap:0}.disc-in .inp{border-top-right-radius:0;border-bottom-right-radius:0}.disc-t{flex:none;min-width:40px;border:1px solid var(--line-strong);border-left:none;border-radius:0 9px 9px 0;background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;padding:0 8px}.disc-t.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.inv-pay{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inv-pay .inp{flex:1 1;min-width:80px}.inv-pay .amt-in{flex:none;width:100px;text-align:right}.inv-tb-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.inv-tb-total{font-size:13px;color:var(--muted)}.inv-tb-total b{font-size:18px;color:var(--ink)}.inv-tb-bal{font-size:13px;color:var(--muted)}.inv-tb-bal b{font-size:15px;color:var(--ink)}.inv-badge{font-size:10.5px;font-weight:800;letter-spacing:.04em;padding:3px 9px;border-radius:999px;color:#fff}.inv-badge.paid{background:#1a7f37}.inv-badge.partial{background:#cf8300}.inv-badge.overdue{background:#cc2a2a}.pp-stage{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0}.pp-frame{position:relative;overflow:hidden;border-radius:8px;box-shadow:var(--shadow);touch-action:none;cursor:-webkit-grab;cursor:grab;flex:none}.pp-frame:active{cursor:-webkit-grabbing;cursor:grabbing}.pp-img{position:absolute;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:none}.pp-guide{position:absolute;inset:0;pointer-events:none}.pp-guide ellipse{fill:none;stroke:rgba(21,89,214,.9);stroke-width:1.5;stroke-dasharray:5 4}.pp-guide line{stroke:rgba(21,89,214,.5);stroke-width:1;stroke-dasharray:4 4}.pp-guide text.pp-glabel{fill:rgba(21,89,214,.95);font-size:8px;font-weight:700;letter-spacing:.06em;paint-order:stroke;stroke:rgba(255,255,255,.75);stroke-width:2px}.pp-busy{position:absolute;inset:0;display:grid;place-items:center;padding:14px;background:rgba(9,13,20,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:6}.load-card{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 24px;box-shadow:var(--shadow-lg);min-width:210px;max-width:90%;animation:load-pop .3s var(--ease-out,ease)}@keyframes load-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.load-ring{width:46px;height:46px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent) 0deg,color-mix(in srgb,var(--accent) 25%,transparent) 200deg,transparent 300deg);-webkit-mask:radial-gradient(farthest-side,transparent 62%,#000 64%);mask:radial-gradient(farthest-side,transparent 62%,#000 64%);animation:spin .85s linear infinite}.load-msg{font-size:14px;font-weight:600;color:var(--ink);line-height:1.35}.load-bar{width:200px;max-width:100%;height:9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}.load-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));background-size:200% 100%;animation:load-shimmer 1.1s linear infinite;transition:width .35s ease}.load-bar i.indet{width:40%;animation:load-shimmer 1.1s linear infinite,load-indet 1.3s ease-in-out infinite}@keyframes load-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes load-indet{0%{margin-left:-42%}to{margin-left:102%}}.load-pct{font-size:14px;font-weight:800;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.load-hint{font-size:11.5px;color:var(--muted)}.pp-meta{font-size:12px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pos-grid{display:grid;grid-template-columns:repeat(3,40px);grid-gap:5px;gap:5px}.pos-grid button{width:40px;height:36px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);border-radius:8px;cursor:pointer;font-size:15px}.pos-grid button.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.on-tile{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.wm-stage{display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px;min-height:320px}.wm-img{max-width:100%;max-height:62vh;border-radius:6px}.cp-layout{display:grid;grid-template-columns:1fr 300px;grid-gap:20px;gap:20px}@media (max-width:820px){.cp-layout{grid-template-columns:1fr}}.cp-canvaswrap{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.cp-canvas{max-width:100%;max-height:66vh;border:1px solid var(--line);border-radius:10px;cursor:crosshair;background:var(--surface-2)}.cp-side{display:flex;flex-direction:column;gap:12px}.cp-swatch{height:96px;border-radius:12px;border:1px solid var(--line-strong);box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.cp-values{display:flex;flex-direction:column;gap:7px}.cp-val{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--line-strong);background:var(--surface);border-radius:9px;padding:9px 11px;cursor:pointer;font-family:inherit;text-align:left}.cp-val:hover{border-color:var(--accent)}.cp-k{font-size:10.5px;font-weight:700;letter-spacing:.05em;color:var(--muted);width:30px}.cp-v{flex:1 1;font-size:13.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink)}.cp-copy{color:var(--ink-soft);display:inline-flex}.cp-copy svg{width:15px;height:15px}.cp-pal-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--ink-soft);margin-top:4px}.cp-palette{display:flex;flex-direction:column;gap:6px}.cp-chip{display:flex;align-items:center;justify-content:flex-end;height:40px;border:1px solid var(--line);border-radius:8px;cursor:pointer;padding:0 10px}.cp-chip span{font-size:12px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#fff;text-transform:uppercase;mix-blend-mode:difference}.lang-chips{display:flex;flex-wrap:wrap;gap:7px}.lang-chip{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);border-radius:999px;padding:6px 13px;font-size:13px;font-weight:600;cursor:pointer}.lang-chip.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.ocr-thumbwrap{border:1px solid var(--line);border-radius:10px;background:var(--surface-2);padding:8px;display:grid;place-items:center}.ocr-thumb{max-width:100%;max-height:200px;border-radius:6px}.ocr-result{position:relative;min-height:300px;display:flex}.ocr-load{margin:auto}.ocr-text{flex:1 1;width:100%;min-height:340px;box-sizing:border-box;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:10px;padding:14px;font-size:14px;line-height:1.55;font-family:var(--font-mono,ui-monospace),monospace;resize:vertical}.ocr-text:focus{outline:none;border-color:var(--accent)}.tt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));grid-gap:10px;gap:10px;margin-bottom:16px}.tt-stat{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px 10px;text-align:center}.tt-n{display:block;font-size:1.5rem;font-weight:700;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.tt-k{font-size:11.5px;color:var(--muted);font-weight:600}.tt-area{width:100%;box-sizing:border-box;min-height:220px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:12px;padding:14px;font-size:15px;line-height:1.6;font-family:inherit;resize:vertical}.tt-area:focus{outline:none;border-color:var(--accent)}.tt-groups{display:flex;flex-direction:column;gap:12px;margin:16px 0}.tt-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tt-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);width:100%}.tt-btns{display:flex;flex-wrap:wrap;gap:7px}.tt-b{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.tt-b:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.pw-out{display:flex;gap:8px;align-items:stretch}.pw-field{flex:1 1;min-width:0;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);border-radius:11px;padding:14px 16px;font-size:clamp(15px,2.4vw,20px);font-family:var(--font-mono,ui-monospace),monospace;letter-spacing:.5px}.pw-field:focus{outline:none}.pw-icon{flex:none;width:48px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);border-radius:11px;cursor:pointer;display:grid;place-items:center}.pw-icon:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pw-icon.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.pw-icon svg{width:18px;height:18px}.pw-icon:disabled{opacity:.45;cursor:default}.pw-strength{display:flex;align-items:center;gap:12px;margin:14px 0 4px}.pw-meter{display:flex;gap:5px;flex:1 1}.pw-meter span{flex:1 1;height:7px;border-radius:999px;transition:background .25s}.pw-slabel{font-size:13px;font-weight:700;white-space:nowrap}.pw-len{margin:16px 0 6px}.pw-len input[type=range]{width:100%;accent-color:var(--accent)}.pw-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:8px;gap:8px;margin:8px 0 4px}.pw-opt{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:11px 13px;font-size:13.5px;font-weight:500;color:var(--ink-soft);cursor:pointer}.pw-opt.on{border-color:var(--accent);color:var(--ink);background:var(--accent-soft)}.pw-opt input{accent-color:var(--accent);width:16px;height:16px}.uc-cats{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.uc-cat{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);border-radius:999px;padding:7px 15px;font-size:13.5px;font-weight:600;cursor:pointer}.uc-cat.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.uc-row{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:14px;gap:14px;align-items:end}@media (max-width:640px){.uc-row{grid-template-columns:1fr}.uc-swap{transform:rotate(90deg);margin:-4px auto}}.uc-cell{display:flex;flex-direction:column;gap:8px;min-width:0}.uc-lab{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.uc-val{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:11px;padding:14px 16px;font-size:22px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;width:100%;box-sizing:border-box}.uc-val:focus{outline:none;border-color:var(--accent)}.uc-result{border:1px solid var(--line);background:var(--accent-soft);color:var(--accent);border-radius:11px;padding:14px 16px;font-size:22px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uc-swap{width:46px;height:46px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);border-radius:12px;cursor:pointer;display:grid;place-items:center}.uc-swap:hover{border-color:var(--accent);color:var(--accent)}.uc-swap svg{width:20px;height:20px}.uc-eq{flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:15px;color:var(--ink)}.json-status,.uc-eq{display:flex;font-weight:600}.json-status{align-items:flex-start;gap:8px;margin:16px 0 10px;padding:10px 14px;border-radius:10px;font-size:13.5px;line-height:1.45}.json-status svg{width:17px;height:17px;flex:none;margin-top:1px}.json-status.ok{color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent)}.json-status.err{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.json-area{width:100%;box-sizing:border-box;min-height:340px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:12px;padding:14px;font-size:13.5px;line-height:1.6;font-family:var(--font-mono,ui-monospace),monospace;resize:vertical;-moz-tab-size:2;tab-size:2;white-space:pre;overflow-wrap:normal;overflow-x:auto}.json-area:focus{outline:none;border-color:var(--accent)}.json-area.over{border-color:var(--accent);border-style:dashed;background:var(--accent-soft)}.jh-layout{display:flex;flex-direction:column}.jh-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:15px clamp(16px,3vw,26px);background:var(--surface-2);border-bottom:1px solid var(--line)}.jh-hint{color:var(--muted);font-size:13px}.jh-spacer{flex:1 1 auto}.jh-field{display:flex;flex-direction:column;gap:5px}.jh-field>label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.jh-fname{display:flex;align-items:stretch;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);overflow:hidden}.jh-fname:focus-within{border-color:var(--accent)}.jh-fname input{border:none;background:none;padding:8px 4px 8px 12px;font-size:13.5px;color:var(--ink);width:150px;outline:none;font-family:inherit}.jh-ext{display:grid;place-items:center;padding:0 11px;color:var(--muted);font-size:13px;background:var(--surface-2);border-left:1px solid var(--line)}.jh-body{padding:clamp(16px,3vw,26px);display:flex;flex-direction:column}.jh-area{width:100%;box-sizing:border-box;min-height:160px;max-height:32vh}.jh-pbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0 12px;padding-top:18px;border-top:1px solid var(--line)}.jh-ptitle{font-size:14px;font-weight:600;color:var(--ink-soft);display:inline-flex;align-items:center;gap:8px}.jh-frame{width:100%;height:72vh;min-height:460px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.02)}.jh-frame.loading{display:grid;place-items:center;color:var(--muted);font-size:14px}.sig-panel{padding:0;overflow:hidden}.sig-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:15px clamp(16px,3vw,26px);background:var(--surface-2);border-bottom:1px solid var(--line)}.sig-swatches{display:inline-flex;align-items:center;gap:6px}.sig-sw{width:26px;height:26px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line-strong);cursor:pointer;padding:0}.sig-sw.on{box-shadow:0 0 0 2px var(--accent)}.sig-color{width:30px;height:30px;padding:2px;border-radius:8px}.sig-size{min-width:150px}.sig-size input[type=range]{accent-color:var(--accent)}.sig-stage{padding:clamp(16px,3vw,26px);display:flex;flex-direction:column;gap:14px}.sig-padwrap{position:relative}.sig-canvas{width:100%;aspect-ratio:900/320;border:1px solid var(--line-strong);border-radius:12px;touch-action:none;cursor:crosshair;display:block}.sig-canvas.bg-white{background:#ffffff}.sig-canvas.bg-trans{background-color:#ffffff;background-image:linear-gradient(45deg,#e6e9ef 25%,transparent 0),linear-gradient(-45deg,#e6e9ef 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e6e9ef 0),linear-gradient(-45deg,transparent 75%,#e6e9ef 0);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.sig-baseline{left:6%;right:6%;bottom:26%;border-bottom:2px dashed rgba(21,89,214,.35)}.sig-baseline,.sig-hint{position:absolute;pointer-events:none}.sig-hint{inset:0;display:grid;place-items:center;color:#9aa3b2;font-size:15px}.sig-typein{width:100%;box-sizing:border-box;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:10px;padding:12px 14px;font-size:16px;font-family:inherit}.sig-typein:focus{outline:none;border-color:var(--accent)}.sig-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:0 clamp(16px,3vw,26px) 6px}.sig-left,.sig-right{display:flex;align-items:center;gap:10px}.segmented.sm button{padding:6px 12px;font-size:12.5px}.sig-panel .note{padding:0 clamp(16px,3vw,26px) 18px}.i2p-panel{padding:0;overflow:hidden}.i2p-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:15px clamp(16px,3vw,26px);background:var(--surface-2);border-bottom:1px solid var(--line)}.i2p-hint{color:var(--muted);font-size:13px}.i2p-opts{display:flex;flex-wrap:wrap;gap:14px 26px;padding:14px clamp(16px,3vw,26px);border-bottom:1px solid var(--line)}.i2p-og{display:flex;flex-direction:column;gap:6px}.i2p-og>span{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.i2p-og.off{opacity:.4}.i2p-drop{margin:clamp(16px,3vw,26px);border:2px dashed var(--line-strong);border-radius:14px;padding:54px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;cursor:pointer;color:var(--ink-soft);transition:border-color .15s,background .15s}.i2p-drop.over,.i2p-drop:hover{border-color:var(--accent);background:var(--accent-soft)}.i2p-drop b{font-size:17px;color:var(--ink)}.i2p-drop span{font-size:13px;color:var(--muted);max-width:420px}.i2p-dropico{color:var(--accent)}.i2p-dropico,.i2p-dropico svg{width:46px;height:46px}.i2p-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));grid-gap:14px;gap:14px;padding:clamp(16px,3vw,26px);align-items:start}.i2p-card{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,.03)}.i2p-page{position:absolute;top:8px;left:8px;z-index:2;min-width:22px;height:22px;padding:0 6px;border-radius:7px;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:700;display:grid;place-items:center;box-shadow:0 1px 3px rgba(0,0,0,.25)}.i2p-thumb{height:152px;background:var(--surface-2);display:grid;place-items:center;overflow:hidden;padding:6px;box-sizing:border-box}.i2p-thumb img{max-width:100%;max-height:100%;object-fit:contain;display:block;box-shadow:0 1px 4px rgba(0,0,0,.12)}.i2p-ph{color:var(--muted);display:grid;place-items:center}.i2p-ph svg{width:26px;height:26px}.i2p-ph.spin svg{animation:i2pspin .9s linear infinite}@keyframes i2pspin{to{transform:rotate(1turn)}}.i2p-cbar{display:flex;align-items:center;gap:6px;padding:8px;border-top:1px solid var(--line)}.i2p-fname{flex:1 1 auto;min-width:0;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.i2p-mini{width:26px;height:26px;flex:none;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);border-radius:7px;cursor:pointer;font-size:13px;line-height:1;display:grid;place-items:center}.i2p-mini:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.i2p-mini:disabled{opacity:.35;cursor:default}.i2p-mini.danger:hover{border-color:var(--danger);color:var(--danger)}.i2p-mini svg{width:14px;height:14px}.i2p-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:160px;border:2px dashed var(--line-strong);border-radius:12px;background:transparent;color:var(--muted);cursor:pointer;font-size:13px}.i2p-add:hover{border-color:var(--accent);color:var(--accent)}.i2p-add svg{width:24px;height:24px}.i2p-foot{gap:14px;align-items:center;justify-content:space-between;padding:4px clamp(16px,3vw,26px) clamp(16px,3vw,22px)}.i2p-foot,.i2p-foot-btns{display:flex;flex-wrap:wrap}.i2p-foot-btns{gap:10px}.btn.lg{padding:12px 22px;font-size:15px}.sel-card{position:relative;padding:0;cursor:pointer;text-align:left;font:inherit;color:inherit}.sel-card.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.sel-check{position:absolute;top:8px;right:8px;z-index:2;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line-strong);color:transparent}.sel-card.on .sel-check{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.sel-check svg{width:14px;height:14px}.jh-panel{padding:0;overflow:hidden}.cj-body{display:grid;grid-template-columns:1fr 1fr}@media (max-width:820px){.cj-body{grid-template-columns:1fr}}.cj-col{display:flex;flex-direction:column;gap:8px;padding:clamp(14px,2.4vw,22px);min-width:0}.cj-col+.cj-col{border-left:1px solid var(--line)}@media (max-width:820px){.cj-col+.cj-col{border-left:none;border-top:1px solid var(--line)}}.cj-collabel{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);min-height:26px}.cj-acts{display:inline-flex;gap:8px}.cj-area{min-height:200px;max-height:40vh;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.5;resize:vertical;white-space:pre;overflow:auto}.cj-area.drag{border-color:var(--accent);background:var(--accent-soft)}.cj-err{border:1px solid color-mix(in srgb,var(--danger) 40%,var(--line));background:color-mix(in srgb,var(--danger) 8%,transparent);color:var(--danger);border-radius:9px;padding:12px 14px;font-size:13px;display:flex;align-items:center;gap:8px}.cj-err svg{width:16px;height:16px;flex:none}.cj-preview{padding:0 clamp(14px,2.4vw,22px) clamp(12px,2vw,18px);border-top:1px solid var(--line)}.cj-preview .cj-collabel{padding-top:14px}.cj-note{text-transform:none;letter-spacing:0;font-weight:500;color:var(--muted)}.cj-tablewrap{overflow:auto;max-height:42vh;border:1px solid var(--line-strong);border-radius:10px}.cj-table{border-collapse:collapse;width:100%;font-size:12.5px}.cj-table td,.cj-table th{border:1px solid var(--line);padding:6px 10px;text-align:left;white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis}.cj-table th{position:-webkit-sticky;position:sticky;top:0;background:var(--accent);color:var(--on-accent);font-weight:600;z-index:1}.cj-table tbody tr:nth-child(2n) td{background:var(--surface-2)}.cj-table td{color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.diff-out{padding:0 clamp(14px,2.4vw,22px) clamp(12px,2vw,18px);border-top:1px solid var(--line)}.diff-stats{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:14px 0;font-size:13px;font-weight:600}.diff-add{color:var(--good)}.diff-del{color:var(--danger)}.diff-same{color:var(--good);display:inline-flex;align-items:center;gap:7px}.diff-same svg{width:15px;height:15px}.diff-wrap{overflow:auto;max-height:56vh;border:1px solid var(--line-strong);border-radius:10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55}.diff-side{display:grid;grid-template-columns:auto 1fr auto 1fr;min-width:max-content}.diff-pair{display:contents}.diff-num{padding:0 8px;text-align:right;color:var(--muted);background:var(--surface-2);border-right:1px solid var(--line);-webkit-user-select:none;-moz-user-select:none;user-select:none;position:-webkit-sticky;position:sticky}.diff-cell{padding:1px 12px;white-space:pre-wrap;word-break:break-word;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent)}.diff-cell.del{background:color-mix(in srgb,var(--danger) 13%,transparent)}.diff-cell.ins{background:color-mix(in srgb,var(--good) 15%,transparent)}.diff-cell.blank{background:var(--surface-2)}.diff-pair.eq .diff-cell{color:var(--ink-soft)}.diff-unified{min-width:max-content}.diff-line{display:flex}.diff-sign{width:26px;flex:none;text-align:center;color:var(--muted);background:var(--surface-2);border-right:1px solid var(--line);-webkit-user-select:none;-moz-user-select:none;user-select:none}.diff-text{padding:1px 12px;white-space:pre-wrap;word-break:break-word;flex:1 1}.diff-line.del{background:color-mix(in srgb,var(--danger) 12%,transparent)}.diff-line.del .diff-sign{color:var(--danger)}.diff-line.ins{background:color-mix(in srgb,var(--good) 13%,transparent)}.diff-line.ins .diff-sign{color:var(--good)}.diff-line.eq .diff-text{color:var(--ink-soft)}.loan-panel{padding:clamp(16px,2.6vw,26px)}.loan-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(18px,3vw,34px);gap:clamp(18px,3vw,34px)}@media (max-width:780px){.loan-grid{grid-template-columns:1fr}}.loan-inputs{display:flex;flex-direction:column;gap:14px}.loan-field{display:flex;align-items:stretch;border:1px solid var(--line-strong);border-radius:9px;overflow:hidden;background:var(--surface)}.loan-field:focus-within{border-color:var(--accent)}.loan-cur{display:grid;place-items:center;padding:0 12px;background:var(--surface-2);color:var(--muted);font-size:13px;font-weight:600;border-right:1px solid var(--line)}.loan-field .inp{border:none;border-radius:0}.loan-range{width:100%;accent-color:var(--accent);margin-top:-4px}.loan-results{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:20px;gap:16px}.loan-emi,.loan-results{display:flex;flex-direction:column}.loan-emi{gap:2px}.loan-emi span{font-size:12.5px;color:var(--muted);font-weight:600}.loan-emi b{font-size:clamp(26px,5vw,34px);color:var(--accent);line-height:1.1}.loan-emi small{font-size:12px;color:var(--muted)}.loan-donut{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.loan-dt1{font-size:20px;font-weight:700;fill:var(--ink)}.loan-dt2{font-size:10px;fill:var(--muted)}.loan-legend{display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:var(--ink-soft)}.loan-legend span{display:inline-flex;align-items:center;gap:8px}.loan-legend i{width:12px;height:12px;border-radius:3px;flex:none}.loan-stats{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:14px}.loan-stats div{display:flex;justify-content:space-between;gap:12px;font-size:13.5px}.loan-stats span{color:var(--muted)}.loan-stats b{color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.loan-stats .tot{border-top:1px solid var(--line);padding-top:8px;font-size:15px}.loan-stats .tot b{color:var(--accent)}.loan-sched{margin-top:clamp(18px,3vw,26px)}.loan-sched .cj-collabel{margin-bottom:10px}.loan-sched .cj-table td{text-align:right}.loan-sched .cj-table td:first-child,.loan-sched .cj-table th:first-child{text-align:left}.loan-sched .cj-table th:not(:first-child){text-align:right}.svg-panel{padding:0;overflow:hidden}.svg-panel>.i2p-drop{margin:clamp(16px,3vw,26px)}.svg-bar{align-items:center;gap:12px 16px;padding:15px clamp(16px,3vw,24px);background:var(--surface-2);border-bottom:1px solid var(--line)}.svg-bar,.svg-presets{display:flex;flex-wrap:wrap}.svg-presets{gap:8px;padding:14px clamp(16px,3vw,24px) 0}.svg-preset{padding:9px 15px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink-soft);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.svg-preset:hover{border-color:var(--accent);color:var(--accent)}.svg-preset.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.svg-detected{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--good);align-self:center}.svg-detected svg{width:14px;height:14px}.svg-banner{display:flex;align-items:flex-start;gap:9px;margin:12px clamp(16px,3vw,24px) 0;padding:11px 14px;border:1px solid color-mix(in srgb,var(--warn) 45%,var(--line));background:color-mix(in srgb,var(--warn) 10%,transparent);border-radius:10px;font-size:12.5px;line-height:1.5;color:var(--ink-soft)}.svg-banner svg{width:16px;height:16px;flex:none;color:var(--warn);margin-top:1px}.qs-body{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--line);border-top:1px solid var(--line)}@media (max-width:760px){.qs-body{grid-template-columns:1fr}}.qs-stage{background:var(--surface);display:grid;place-items:center;min-height:340px;overflow:hidden;padding:14px}.qs-img,.qs-video{max-width:100%;max-height:44vh;border-radius:10px;display:block}.qs-drop{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:var(--ink-soft);cursor:pointer;padding:30px}.qs-drop b{font-size:15px;color:var(--ink)}.qs-drop span{font-size:12.5px;color:var(--muted)}.qs-result{background:var(--surface);padding:clamp(16px,3vw,26px);display:flex;flex-direction:column;gap:14px;justify-content:center}.qs-kind{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--good)}.qs-kind svg{width:16px;height:16px}.qs-text{font-size:15px;line-height:1.55;word-break:break-word;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:14px;max-height:34vh;overflow:auto;white-space:pre-wrap}.qs-fields{display:flex;flex-direction:column;gap:8px}.qs-fields>div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:8px}.qs-fields span{color:var(--muted);font-size:13px}.qs-fields b{color:var(--ink);font-size:14px;word-break:break-all;text-align:right}.qs-actions{display:flex;flex-wrap:wrap;gap:10px}.qs-empty{color:var(--muted);font-size:14px;line-height:1.5;text-align:center;padding:20px}.qs-empty.err{color:var(--danger);display:flex;flex-direction:column;align-items:center;gap:4px}.qs-empty svg{width:18px;height:18px}.jwt-part{display:flex;flex-direction:column;gap:5px}.jwt-plabel{font-size:10.5px;font-weight:700;letter-spacing:.05em;color:var(--muted)}.jwt-json{margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;line-height:1.5;background:var(--surface-2);border:1px solid var(--line);padding:12px;overflow:auto;max-height:26vh;white-space:pre-wrap;word-break:break-word;color:var(--ink)}.jwt-badge,.jwt-json{font-size:12.5px;border-radius:9px}.jwt-badge{display:inline-flex;align-items:center;gap:7px;font-weight:600;padding:8px 12px;width:-moz-fit-content;width:fit-content}.jwt-badge svg{width:15px;height:15px}.jwt-badge.ok{color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent)}.jwt-badge.exp{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.jwt-foot{display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--line);padding:16px clamp(14px,2.4vw,22px) clamp(12px,2vw,18px)}.jwt-claims{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:10px;gap:10px}.jwt-claims>div{display:flex;flex-direction:column;gap:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:9px 12px}.jwt-claims span{font-size:11px;color:var(--muted);font-weight:600}.jwt-claims b{font-size:12.5px;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.jwt-verify{flex-direction:column}.jwt-verify,.jwt-vrow{display:flex;gap:8px}.jwt-vrow .inp{flex:1 1}.rx-bar,.rx-input{align-items:center}.rx-input{display:flex;gap:6px;flex:1 1;min-width:220px;background:var(--surface);border:1px solid var(--line-strong);border-radius:9px;padding:6px 10px;font-family:ui-monospace,monospace}.rx-input:focus-within{border-color:var(--accent)}.rx-slash{color:var(--muted);font-size:15px}.rx-pattern{flex:1 1;border:none;background:none;outline:none;font-family:ui-monospace,monospace;font-size:14px;color:var(--accent);min-width:0}.rx-flags{color:var(--muted);font-size:13px;min-width:24px}.rx-flagbtns{display:flex;gap:4px}.rx-flag{width:30px;height:30px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface);color:var(--muted);font-family:ui-monospace,monospace;font-weight:700;cursor:pointer}.rx-flag.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.rx-body{padding:clamp(14px,2.4vw,22px);display:flex;flex-direction:column;gap:10px}.rx-highlight{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;line-height:1.7;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:12px;white-space:pre-wrap;word-break:break-word;min-height:44px;color:var(--ink)}.rx-highlight mark{background:color-mix(in srgb,var(--accent) 26%,transparent);color:inherit;border-radius:3px;padding:1px 0;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.rx-area{min-height:90px;font-family:ui-monospace,monospace;font-size:13px}.rx-matches{display:flex;flex-direction:column;gap:6px;max-height:34vh;overflow:auto}.rx-match{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:12.5px}.rx-mnum{width:22px;height:22px;flex:none;border-radius:6px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:700;display:grid;place-items:center}.rx-mtext{font-family:ui-monospace,monospace;color:var(--ink);word-break:break-all}.rx-mpos{color:var(--muted);font-size:11px}.rx-groups{display:flex;flex-wrap:wrap;gap:4px 10px;width:100%;padding-left:30px;color:var(--ink-soft);font-family:ui-monospace,monospace;font-size:11.5px}.rx-groups b{color:var(--accent)}.uuid-list{display:flex;flex-direction:column;gap:6px;padding:clamp(14px,2.4vw,22px);max-height:56vh;overflow:auto}.uuid-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:10px 14px;cursor:pointer;font:inherit;text-align:left;transition:border-color .12s}.uuid-row:hover{border-color:var(--accent)}.uuid-row code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13.5px;color:var(--ink);word-break:break-all}.uuid-copy{color:var(--muted);font-size:11.5px;display:inline-flex;align-items:center;flex:none}.uuid-copy svg{width:15px;height:15px}.sig-templates{gap:8px}.sig-bar2,.sig-templates{display:flex;flex-wrap:wrap}.sig-bar2{gap:10px;align-items:center}.sig-preview{background:#ffffff;border:1px solid var(--line-strong);border-radius:10px;padding:24px;overflow:auto;min-height:160px;color:#333}.sig-preview a{color:inherit}.sig-help{font-size:13px}.sig-help-body{margin-top:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:7px}.sig-help-body p{margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-soft)}.sig-help-body b{color:var(--ink)}.sig-tip{border-top:1px solid var(--line);padding-top:8px;color:var(--muted)!important}.tr-body{padding:clamp(14px,2.4vw,22px);display:flex;flex-direction:column;gap:12px}.tr-text{min-height:140px;font-size:14px;line-height:1.6}.tr-segments{display:flex;flex-direction:column;gap:2px;max-height:40vh;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:6px}.tr-seg{display:flex;gap:12px;padding:5px 8px;border-radius:6px;font-size:13px;line-height:1.5}.tr-seg:hover{background:var(--surface-2)}.tr-time{flex:none;color:var(--accent);font-family:ui-monospace,monospace;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-top:1px}.tr-txt{color:var(--ink-soft)}.tr-adv{padding-top:18px;padding-bottom:18px;row-gap:12px;align-items:center;background:var(--surface-2)}.tr-adv .i2p-og{gap:8px}.tr-recdot{width:12px;height:12px;border-radius:50%;background:#e23b3b;flex:none;animation:trpulse 1.1s ease-in-out infinite}@keyframes trpulse{0%,to{opacity:1}50%{opacity:.3}}.svg-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:14px 22px;gap:14px 22px;align-items:end;padding:16px clamp(16px,3vw,24px)}.svg-controls.adv{padding-top:0;border-top:1px dashed var(--line);margin:0 clamp(16px,3vw,24px);padding-left:0;padding-right:0}.svg-controls .ctl input[type=range]{width:100%;accent-color:var(--accent)}.svg-toggles{display:flex;flex-direction:column;gap:8px}.svg-preview{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--line);border-top:1px solid var(--line)}@media (max-width:760px){.svg-preview{grid-template-columns:1fr}}.svg-pane{background:var(--surface);display:flex;flex-direction:column;min-width:0}.svg-plabel{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--line)}.svg-plabel span{text-transform:none;letter-spacing:0;font-weight:500;color:var(--muted)}.svg-busy{color:var(--accent)!important;font-weight:600!important}.svg-view{position:relative;overflow:auto;height:52vh;min-height:320px;display:grid;place-items:center;padding:10px;box-sizing:border-box}.svg-view.checker{background-color:#fff;background-image:linear-gradient(45deg,#eceef2 25%,transparent 0),linear-gradient(-45deg,#eceef2 25%,transparent 0),linear-gradient(45deg,transparent 75%,#eceef2 0),linear-gradient(-45deg,transparent 75%,#eceef2 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.svg-view img{display:block;width:auto;height:auto}.svg-view .svg-holder{display:contents}.svg-view .svg-holder svg{display:block;width:auto;height:auto;max-width:var(--z,100%);max-height:var(--zh,100%)}.svg-empty,.svg-err{padding:24px;color:var(--muted);font-size:13.5px;display:flex;align-items:center;gap:8px}.svg-err{color:var(--danger)}.svg-err svg{width:16px;height:16px;flex:none}.svg-foot{flex-wrap:wrap;justify-content:space-between;gap:14px;padding:14px clamp(16px,3vw,24px)}.svg-foot,.svg-zoom{display:flex;align-items:center}.svg-zoom{gap:10px;font-size:12.5px;font-weight:600;color:var(--ink-soft)}.svg-zoom input[type=range]{width:160px;accent-color:var(--accent)}.svg-actions{display:flex;gap:10px}.svg-panel .note{padding:0 clamp(16px,3vw,24px) 18px}.hash-body{padding:clamp(16px,2.6vw,24px);display:flex;flex-direction:column;gap:16px}.hash-area{min-height:120px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.hash-drop{border:2px dashed var(--line-strong);border-radius:14px;padding:30px 20px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.hash-drop.over,.hash-drop:hover{border-color:var(--accent);background:var(--accent-soft)}.hash-drop b{font-size:15px;color:var(--ink);word-break:break-all}.hash-drop span{font-size:12.5px;color:var(--muted)}.hash-rows{display:flex;flex-direction:column;gap:8px}.hash-empty{color:var(--muted);font-size:13.5px;padding:8px 0}.hash-row{display:grid;grid-template-columns:92px 1fr auto;grid-gap:12px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--surface-2);transition:opacity .15s,border-color .15s}.hash-row.match{border-color:var(--good);background:color-mix(in srgb,var(--good) 8%,transparent)}.hash-row.dim{opacity:.55}.hash-algo{font-size:12px;color:var(--ink);display:flex;flex-direction:column}.hash-algo,.hash-ok{font-weight:700;gap:3px}.hash-ok{font-size:10px;color:var(--good);display:inline-flex;align-items:center}.hash-ok svg{width:11px;height:11px}.hash-hex{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;color:var(--ink-soft);word-break:break-all;line-height:1.5}.hash-verify{border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:10px}.hash-vstatus{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:9px;width:-moz-fit-content;width:fit-content}.hash-vstatus svg{width:15px;height:15px}.hash-vstatus.ok{color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent)}.hash-vstatus.no{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.stotal b{color:var(--ink)}.sactions{display:flex;gap:10px}.fav-opts{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 20px;padding:16px clamp(16px,3vw,24px);border-bottom:1px solid var(--line)}.fav-color{width:42px;height:34px;padding:0;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);cursor:pointer}.fav-previews{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;padding:clamp(16px,3vw,24px)}.fav-mock{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:14px}.fav-mocklabel{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:10px}.fav-tabs{display:flex;gap:4px;padding:6px 6px 0;border-radius:8px 8px 0 0}.fav-tabs.light{background:#dfe3ea}.fav-tabs.dark{background:#2a2f3a;margin-top:6px}.fav-tab{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:8px 8px 0 0;font-size:12px;max-width:160px;white-space:nowrap;overflow:hidden}.fav-tab span:first-of-type{overflow:hidden;text-overflow:ellipsis}.fav-tab i{font-style:normal;opacity:.5;margin-left:2px}.fav-tabs.light .fav-tab{color:#3d4658}.fav-tabs.light .fav-tab.active{background:#f6f8fb;color:#161d2b}.fav-tabs.dark .fav-tab{color:#b7c1cf}.fav-tabs.dark .fav-tab.active{background:#151c27;color:#e9edf3}.fav-tab img{display:block;border-radius:2px;flex-shrink:0;image-rendering:-webkit-optimize-contrast}.fav-dot{width:12px;height:12px;border-radius:3px;background:currentColor;opacity:.35;flex-shrink:0}.fav-address{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:12.5px;color:var(--muted)}.fav-lock{display:inline-flex;color:var(--good,#1a7f37)}.fav-lock,.fav-lock svg{width:14px;height:14px}.fav-devices{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start;padding:6px 2px}.fav-devices figure{margin:0;text-align:center}.fav-devices figcaption{margin-top:7px;font-size:11px;color:var(--muted)}.fav-android,.fav-ios{width:72px;height:72px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.18)}.fav-ios{border-radius:16px}.fav-android{border-radius:14px}.fav-android.circle{border-radius:50%}.fav-android img,.fav-ios img{width:100%;height:100%;display:block;object-fit:cover}.fav-files{padding:0 clamp(16px,3vw,24px) clamp(16px,3vw,24px)}.fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:12px;gap:12px}.fav-file{display:flex;align-items:center;gap:12px;text-align:left;padding:10px;background:var(--surface);border:1px solid var(--line-strong);border-radius:11px;cursor:pointer;font-family:inherit;transition:border-color .15s,transform .05s}.fav-file:hover{border-color:var(--accent)}.fav-file:active{transform:scale(.99)}.fav-thumb{width:68px;height:68px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.fav-thumb img{display:block;image-rendering:-webkit-optimize-contrast}.fav-meta{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.fav-meta code{font-size:12px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-meta span{font-size:11px;color:var(--muted)}.fav-dl{color:var(--muted);display:inline-flex;flex-shrink:0}.fav-dl svg{width:18px;height:18px}.fav-file:hover .fav-dl{color:var(--accent)}.fav-code{padding:0 clamp(16px,3vw,24px) clamp(14px,2.4vw,22px)}.fav-codebar{display:flex;align-items:center;gap:12px;margin-bottom:10px}.fav-pre{margin:0;padding:14px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;overflow-x:auto;font-size:12.5px;line-height:1.6}.fav-pre code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink-soft);white-space:pre}.fav-hint{margin:10px 0 0;font-size:12.5px;color:var(--muted);line-height:1.5}.fav-hint code{background:var(--surface-2);padding:1px 5px;border-radius:5px;font-size:11.5px}@media (max-width:640px){.fav-previews{grid-template-columns:1fr}}.hero-flank{position:relative;display:grid;grid-template-columns:minmax(210px,250px) minmax(0,1fr) minmax(210px,250px);grid-gap:clamp(20px,3.4vw,52px);gap:clamp(20px,3.4vw,52px);align-items:start;padding:clamp(30px,5vw,60px) 0 clamp(26px,4vw,44px)}.hero-flank:after,.hero-flank:before{content:"";position:absolute;top:8%;width:min(28vw,340px);height:66%;z-index:-1;filter:blur(64px);opacity:.48;pointer-events:none;border-radius:50%}.hero-flank:before{left:-3%;background:radial-gradient(circle,rgba(37,99,235,.32),transparent 70%)}.hero-flank:after{right:-3%;background:radial-gradient(circle,rgba(124,58,237,.3),transparent 70%)}.hero-mid{text-align:center;align-self:center}.hero-mid .eyebrow{margin-bottom:2px}.hero-side{display:flex;flex-direction:column;gap:11px}.side-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-left:3px}.side-label svg{width:15px;height:15px;color:var(--accent)}.palette{display:flex;flex-direction:column;border-radius:16px;box-shadow:var(--shadow-lg)}.swatch{position:relative;display:flex;align-items:center;gap:13px;padding:13px 14px;text-decoration:none;transition:filter .18s ease}.swatch:first-child{border-radius:16px 16px 0 0}.swatch:last-child{border-radius:0 0 16px 16px}.swatch:hover{filter:brightness(1.04) saturate(1.05);z-index:6}.sw-mono{position:relative;flex:none;width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:rgba(0,0,0,.17);font-size:25px;font-weight:800;letter-spacing:-.02em;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}.sw-rank{position:absolute;top:4px;right:6px;font-size:9px;font-weight:700;opacity:.6;letter-spacing:0}.sw-name{font-size:14.5px;font-weight:700;letter-spacing:-.01em;line-height:1.18}.sw-pop{position:absolute;top:calc(100% - 8px);left:0;right:0;z-index:7;display:flex;flex-direction:column;gap:4px;padding:10px 15px 15px;border-radius:0 0 15px 15px;box-shadow:0 22px 34px -12px rgba(8,15,40,.5);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.swatch:focus-visible .sw-pop,.swatch:hover .sw-pop{opacity:1;transform:none;pointer-events:auto}.sw-tag{font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.82}.sw-desc{font-size:12px;line-height:1.4;opacity:.92}.sw-open{font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;margin-top:2px}.sw-open svg{width:15px;height:15px}.swatch:hover .sw-open svg{transform:translateX(3px);transition:transform .2s ease}@media (max-width:900px){.hero-flank{grid-template-columns:1fr 1fr;gap:20px 18px}.hero-mid{order:-1;grid-column:1/-1}.hero-flank:after,.hero-flank:before{display:none}}@media (max-width:560px){.hero-flank{grid-template-columns:1fr}.sw-mono{width:48px;height:48px;font-size:22px}}.topbar-promise{flex:1 1;display:flex;justify-content:center;min-width:0}.topbar-promise span{font-size:13.5px;font-weight:600;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.005em}.topbar-promise em{font-style:normal;font-weight:700;background:linear-gradient(100deg,#2563eb,#7c3aed 55%,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent}@media (max-width:940px){.topbar-promise span{display:none}}.mascot_stage__LZETt{position:fixed;right:16px;bottom:16px;width:132px;height:150px;z-index:340;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 12px 22px rgba(15,30,60,.22))}.mascot_stage__LZETt:focus-visible{border-radius:50%;outline:2px solid var(--accent);outline-offset:-10px}.mascot_stage__LZETt canvas,.mascot_stage__LZETt>div{width:100%!important;height:100%!important}.mascot_stage__LZETt>div{position:relative;z-index:1}.mascot_idleMark__TCRsc{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;opacity:1;transition:opacity .26s ease}.mascot_idleMarkGone__dijxU{opacity:0}.mascot_hint__4_dlJ{position:fixed;right:20px;bottom:172px;z-index:335;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:none;border-radius:999px;background:var(--ink);color:var(--surface);font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;box-shadow:0 12px 30px -12px rgba(10,10,12,.55);animation:mascot_hintIn__2MNhR .45s ease both}.mascot_hint__4_dlJ span{color:var(--accent)}@keyframes mascot_hintIn__2MNhR{0%{opacity:0;transform:translateY(8px)}}.mascot_panel__FbYHu{position:fixed;right:20px;bottom:172px;z-index:336;width:min(380px,calc(100vw - 32px));height:min(70vh,560px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-strong);border-radius:18px;box-shadow:0 28px 70px -22px rgba(10,20,40,.5);overflow:hidden;transform-origin:bottom right;opacity:0;visibility:hidden;transform:translateY(14px) scale(.97);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}.mascot_panelOpen__qmygu{opacity:1;visibility:visible;transform:none;transition:opacity .3s ease,transform .3s ease}.mascot_panelHead__5YT6r{display:flex;align-items:center;gap:11px;padding:13px 15px;border-bottom:1px solid var(--line);background:var(--surface-2)}.mascot_panelDot__e1HGK{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18);flex:none}.mascot_panelTitle__NqU8y{display:flex;flex-direction:column;line-height:1.2;flex:1 1;min-width:0}.mascot_panelTitle__NqU8y strong{font-family:var(--font-display),inherit;font-weight:700;font-size:15px;color:var(--ink)}.mascot_panelSub__9T3qO{color:var(--accent);font-size:11px;margin-top:2px}.mascot_panelClose___mLmN{color:var(--muted);font-size:15px;line-height:1;padding:5px;border:none;background:none;border-radius:8px;cursor:pointer;transition:color .2s,background .2s}.mascot_panelClose___mLmN:hover{color:var(--ink);background:var(--line)}.mascot_msgs__S_tLd{flex:1 1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.mascot_msgWrap__gcIL7{display:flex;flex-direction:column;gap:8px}.mascot_msgBot__q7waU,.mascot_msgUser__MwvPf{max-width:86%;padding:10px 13px;border-radius:15px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.mascot_msgBot__q7waU{align-self:flex-start;background:var(--surface-2);color:var(--ink-soft);border-bottom-left-radius:5px}.mascot_msgUser__MwvPf{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:5px}.mascot_toolCards__IzgrD{display:flex;flex-direction:column;gap:7px;align-self:stretch}.mascot_toolCard__JMTTZ{display:flex;align-items:center;gap:11px;padding:10px 11px;background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;text-decoration:none;color:var(--ink);cursor:pointer;transition:border-color .15s,transform .05s,background .15s}.mascot_toolCard__JMTTZ:hover{border-color:var(--accent);background:var(--accent-soft)}.mascot_toolCard__JMTTZ:active{transform:scale(.99)}.mascot_toolIco__d2xz1{display:inline-flex;flex:none;width:34px;height:34px;align-items:center;justify-content:center;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.mascot_toolIco__d2xz1 svg{width:19px;height:19px}.mascot_toolText__iiQtc{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.mascot_toolText__iiQtc strong{font-size:13.5px;font-weight:600;line-height:1.25}.mascot_toolText__iiQtc span{font-size:11px;color:var(--muted)}.mascot_toolOpen__InTXM{display:inline-flex;align-items:center;gap:3px;flex:none;font-size:11.5px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.03em}.mascot_toolOpen__InTXM svg{width:14px;height:14px}.mascot_typing__MKQEs{display:inline-flex;gap:4px;padding:2px 0}.mascot_typing__MKQEs i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:mascot_blink__jyqss 1.2s ease-in-out infinite}.mascot_typing__MKQEs i:nth-child(2){animation-delay:.18s}.mascot_typing__MKQEs i:nth-child(3){animation-delay:.36s}@keyframes mascot_blink__jyqss{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.mascot_chips__rV3U5{display:flex;flex-wrap:wrap;gap:8px;padding:0 15px 12px}.mascot_chip__Wky6u{padding:7px 12px;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--ink-soft);font-family:inherit;font-size:12.5px;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.mascot_chip__Wky6u:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.mascot_chip__Wky6u:disabled{opacity:.5}.mascot_inputRow__FClXX{display:flex;align-items:center;gap:8px;padding:11px 12px 13px;border-top:1px solid var(--line);background:var(--surface-2)}.mascot_input___OL33{flex:1 1;min-width:0;padding:10px 14px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);font-family:inherit;font-size:14px;color:var(--ink);outline:none;transition:border-color .2s}.mascot_input___OL33:focus{border-color:var(--accent)}.mascot_sendBtn____Nrf{flex:none;width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;background:var(--accent);color:#fff;font-size:16px;line-height:1;transition:background .2s,opacity .2s}.mascot_sendBtn____Nrf:hover:not(:disabled){background:var(--accent-2)}.mascot_sendBtn____Nrf:disabled{opacity:.4;cursor:default}@media (max-width:560px){.mascot_stage__LZETt{width:108px;height:124px;right:10px;bottom:10px}.mascot_hint__4_dlJ,.mascot_panel__FbYHu{bottom:140px;right:12px}}@media (prefers-reduced-motion:reduce){.mascot_panel__FbYHu{transition:opacity .2s ease,visibility 0s}.mascot_hint__4_dlJ{animation:none}.mascot_idleMark__TCRsc{transition:none}}@font-face{font-family:josefin;src:url(/tools/_next/static/media/d3f4148e673eefa1-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:josefin;src:url(/tools/_next/static/media/d426e27a540fb37b-s.p.woff2) format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:josefin;src:url(/tools/_next/static/media/dfa838533585ac88-s.p.woff2) format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:josefin;src:url(/tools/_next/static/media/f0a41d057f0cb19e-s.p.woff2) format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:josefin Fallback;src:local("Arial");ascent-override:73.39%;descent-override:24.46%;line-gap-override:0.00%;size-adjust:102.20%}.__className_fedbeb{font-family:josefin,josefin Fallback}.__variable_fedbeb{--font-display:"josefin","josefin Fallback"}@font-face{font-family:moonhouse;src:url(/tools/_next/static/media/e1364afff2b84c06-s.woff2) format("woff2");font-display:swap}@font-face{font-family:moonhouse Fallback;src:local("Arial");ascent-override:53.90%;descent-override:17.97%;line-gap-override:0.00%;size-adjust:139.15%}.__className_149f62{font-family:moonhouse,moonhouse Fallback}.__variable_149f62{--font-brand:"moonhouse","moonhouse Fallback"}