@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/hanken-grotesk-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(../fonts/jetbrains-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-display:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--navy:#0a2540;--on-navy:#fff;--fg:#0a2540;--surface:#fff;--line:#e3e8ee;--accent:#635bff;--ok:#0b7a55;--ok-bg:#d6f5e8;--warn:#7a5200;--warn-bg:#ffeccc;--bg:#fff;--surface-2:#f6f9fc;--line-strong:#8792a2;--grid:#e6ebf2;--muted:#425466;--accent-fg:#fff;--accent-soft:#efeeff;--bad:#c0213a;--bad-bg:#fde4e8;--neutral-bg:#eef2f7;--btn-dark-bg:var(--navy);--btn-dark-fg:var(--on-navy);--logo-tile:#0a2540;--logo-cell:#fff;--logo-accent:#8f87ff;--band:linear-gradient(100deg, #ff3d9a, #c13cf0 34%, #6a4bff 67%, #1f8bff);--radius-pill:999px;--radius-control:12px;--radius-card:16px;--radius-sm:8px;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:calc(clamp(26px, 3.4vw, 32px));--weight-semibold:600;--weight-bold:700;--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent);--shadow:0 1px 2px #0a25400f, 0 6px 20px -8px #32325d2e;--shadow-lg:0 2px 4px #0a25400f, 0 18px 40px -16px #32325d47;--ease-out:cubic-bezier(.23, 1, .32, 1);--tap:44px;--gutter:16px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1220;--surface:#111a2e;--surface-2:#17223a;--line:#243149;--line-strong:#6b7a93;--grid:#1a253d;--fg:#e6edf6;--muted:#a3b2c7;--accent:#8f87ff;--accent-fg:#0a2540;--accent-soft:#221f4d;--ok:#4fd6a4;--ok-bg:#0f3a2c;--warn:#f5c46b;--warn-bg:#3d2d0a;--bad:#ff8f9e;--bad-bg:#44151f;--neutral-bg:#1d2943;--btn-dark-bg:#e6edf6;--btn-dark-fg:#0a2540;--logo-tile:#e6edf6;--logo-cell:#0b1220;--logo-accent:#635bff;--shadow:0 1px 2px #00000059, 0 8px 24px -8px #0000008c;--shadow-lg:0 2px 4px #00000059, 0 18px 40px -16px #000000a6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b1220;--surface:#111a2e;--surface-2:#17223a;--line:#243149;--line-strong:#6b7a93;--grid:#1a253d;--fg:#e6edf6;--muted:#a3b2c7;--accent:#8f87ff;--accent-fg:#0a2540;--accent-soft:#221f4d;--ok:#4fd6a4;--ok-bg:#0f3a2c;--warn:#f5c46b;--warn-bg:#3d2d0a;--bad:#ff8f9e;--bad-bg:#44151f;--neutral-bg:#1d2943;--btn-dark-bg:#e6edf6;--btn-dark-fg:#0a2540;--logo-tile:#e6edf6;--logo-cell:#0b1220;--logo-accent:#635bff;--shadow:0 1px 2px #00000059, 0 8px 24px -8px #0000008c;--shadow-lg:0 2px 4px #00000059, 0 18px 40px -16px #000000a6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font:400 16px/1.5 var(--font-body);padding-inline:var(--gutter);caret-color:var(--accent)}::selection{background:var(--accent);color:var(--accent-fg)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}dd,dl,h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}}.sr-only{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn,.sr-only{white-space:nowrap}.btn{min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--fg);font:var(--weight-semibold) var(--text-md)/18px var(--font-body);cursor:pointer;transition:transform .14s var(--ease-out),background-color .14s ease,border-color .14s ease,color .14s ease;justify-content:center;align-items:center;gap:8px;padding:0 24px;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-fg)}.btn.danger.solid,.btn.dark,.btn.ghost,.btn.light,.btn.primary{border-color:#0000}.btn.dark{background:var(--btn-dark-bg);color:var(--btn-dark-fg)}.btn.light{color:var(--navy);background:#fff}.btn.ghost{background:0 0}.btn.danger{color:var(--bad)}.btn.danger.solid{background:var(--bad);color:var(--surface)}.btn.small{min-height:38px;padding:0 18px;font-size:15px}.btn.large{min-height:48px;padding:0 26px}.btn.icon{width:var(--tap);padding:0}.btn.small.icon{width:38px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn[aria-busy=true]{cursor:progress;opacity:.8}.btn .spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite ui-spin}@keyframes ui-spin{to{transform:rotate(1turn)}}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}.btn.primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 86%,var(--fg));border-color:#0000}.btn.dark:hover:not(:disabled){background:color-mix(in srgb,var(--btn-dark-bg) 84%,var(--accent));border-color:#0000}.btn.light:hover:not(:disabled){background:#eef1f6;border-color:#0000}.btn.ghost:hover:not(:disabled){border-color:#0000}.btn.danger:hover:not(:disabled){background:var(--bad-bg)}.btn.danger.solid:hover:not(:disabled){background:var(--bad);filter:brightness(1.08)}}@media (pointer:coarse){.btn.small{min-height:var(--tap)}.btn.small.icon{width:var(--tap)}}.field{gap:6px;min-width:0;display:grid}.field>label,.label{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.help{color:var(--muted);text-wrap:pretty;font-size:13px}.help[data-s=bad]{color:var(--bad)}.help[data-s=warn]{color:var(--warn)}.input,input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select.sel,textarea{appearance:none;width:100%;min-height:var(--tap);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-control);font-size:var(--text-md);padding:10px 14px;line-height:1.35;transition:border-color .14s,box-shadow .14s}textarea{resize:vertical;min-height:84px}input[type=search]::-webkit-search-cancel-button{display:none}input::-moz-placeholder{color:color-mix(in srgb,var(--muted) 80%,transparent)}textarea::-moz-placeholder{color:color-mix(in srgb,var(--muted) 80%,transparent)}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 80%,transparent)}.input:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}[aria-invalid=true]{border-color:var(--bad)!important}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);min-width:0;padding:16px}.card.flush{padding:0;overflow:hidden}@media (width>=560px){.card:not(.flush){padding:24px}}.badge{border-radius:var(--radius-pill);background:var(--neutral-bg);width:fit-content;color:var(--muted);font:var(--weight-semibold) var(--text-xs)/18px var(--font-body);white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.badge[data-tone=ok]{background:var(--ok-bg);color:var(--ok)}.badge[data-tone=warn]{background:var(--warn-bg);color:var(--warn)}.badge[data-tone=bad]{background:var(--bad-bg);color:var(--bad)}.badge[data-tone=accent]{background:var(--accent-soft);color:var(--accent)}.tabs{background:var(--surface-2);border:1px solid var(--line);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.tab,.tabs{border-radius:var(--radius-pill)}.tab{min-height:var(--tap);color:var(--muted);font:var(--weight-semibold) var(--text-sm)/1 var(--font-body);cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .14s var(--ease-out);background:0 0;border:0;padding:0 16px}.tab:active{transform:scale(.97)}.tab[aria-selected=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px #0a25401f,0 0 0 1px var(--line)}@media (hover:hover) and (pointer:fine){.tab:hover:not([aria-selected=true]){color:var(--fg)}}.band{height:calc(clamp(48px,9vw,112px));margin-inline:calc(var(--gutter) * -1);background:var(--band);clip-path:polygon(0 0,100% 0,100% 30%,0 100%);display:block}.app{max-width:1120px;margin-inline:auto;padding-block:18px 28px}.app-band{margin-bottom:-8px}.top{flex-direction:column;gap:8px;margin-bottom:18px}.brand,.tool,.top{display:flex}.brand{align-items:center;gap:10px}.glyph{flex:none;width:26px;height:26px}.brand-name{font:var(--weight-semibold) var(--text-xl)/26px var(--font-body);letter-spacing:-.2px}.lede{color:var(--muted);text-wrap:pretty;max-width:58ch;font-size:14px}.tool{flex-direction:column;gap:14px}.stage{display:contents}.live{top:env(safe-area-inset-top,0);z-index:5;background:var(--bg);margin-inline:calc(var(--gutter) * -1);padding-block:10px;padding-inline:var(--gutter);border-bottom:1px solid var(--line);order:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;display:grid;position:sticky}.panel{order:1;min-width:0}.actions{bottom:env(safe-area-inset-bottom,0);z-index:5;background:var(--bg);margin-inline:calc(var(--gutter) * -1);padding:10px var(--gutter);border-top:1px solid var(--line);order:2;position:sticky}@media (width>=880px){.tool{grid-template-columns:minmax(0,1fr) 440px;align-items:start;gap:48px;display:grid}.panel{order:1}.stage{top:calc(20px + env(safe-area-inset-top,0px));order:2;position:sticky}.live,.stage{display:block}.live{margin:0}.actions,.live{background:0 0;border:0;padding:0;position:static}.actions{margin:14px 0 0}}.paper{--step:8px;--gx:0px;--gy:0px;aspect-ratio:1;background-color:var(--surface);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:var(--step) var(--step);background-position:var(--gx) var(--gy);border:1px solid var(--line);border-radius:var(--radius-control);place-items:center;width:calc(clamp(116px,34vw,150px));display:grid;position:relative;overflow:hidden}@media (width>=880px){.paper{border-radius:var(--radius-card);width:100%;box-shadow:var(--shadow-lg)}}.qr{line-height:0;position:relative}.qr svg{width:100%;height:auto;display:block}.qr.is-transparent{background-color:#fff;background-image:conic-gradient(#d9dfe9 25%,#fff 0 50%,#d9dfe9 0 75%,#fff 0);background-size:12px 12px}.empty{text-align:center;border:1.5px dashed var(--line-strong);background:var(--surface);border-radius:4px;place-items:center;padding:8px;font-size:13px;display:grid;inset:14%}.dim,.empty{color:var(--muted);position:absolute}.dim{font:500 11px/1 var(--font-mono);pointer-events:none;display:none}.dim span{background:var(--surface);white-space:nowrap;padding:2px 6px;position:absolute}@media (width>=880px){.dim{display:block}.dim-x{border:1px solid var(--line-strong);border-bottom:0;height:8px}.dim-x span{top:-2px;left:50%;transform:translate(-50%,-50%)}.dim-y{border:1px solid var(--line-strong);border-right:0;width:8px}.dim-y span{top:50%;left:-2px;transform:translate(-50%,-50%)rotate(-90deg)}.readout{grid-template-columns:auto minmax(0,1fr);align-items:center;margin-top:16px}}.readout{gap:8px;min-width:0;display:grid}.chip{background:var(--surface-2);border-radius:999px;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:5px 12px 5px 10px;font-size:13px;font-weight:600;line-height:1.25;display:inline-flex}.dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.chip[data-s=ok] .dot{background:var(--ok)}.chip[data-s=ok]{color:var(--ok);background:var(--ok-bg)}.chip[data-s=warn] .dot{background:var(--warn)}.chip[data-s=warn]{color:var(--warn);background:var(--warn-bg)}.chip[data-s=bad] .dot{background:var(--bad)}.chip[data-s=bad]{color:var(--bad);background:var(--bad-bg)}.chip[data-s=busy] .dot{animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.facts{gap:2px;font-size:13px;display:grid}.facts div{justify-content:space-between;gap:8px;display:flex}.facts dt{color:var(--muted)}.facts dd{font:500 12.5px/1.6 var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}@media (width>=880px){.facts{grid-template-columns:repeat(3,auto);justify-content:end;gap:4px 18px}.facts div{flex-direction:column;gap:0}.facts dd{text-align:left}}.actions-row{flex-wrap:wrap;gap:8px;display:flex}.split{flex:190px;min-width:0;display:flex}.split .btn{white-space:nowrap;border-top-right-radius:0;border-bottom-right-radius:0;flex:1;padding:0 12px 0 18px}.actions .btn:not(.primary){padding:0 12px}.split select{border:1px solid #0000;border-left-color:color-mix(in srgb,var(--accent-fg) 30%,transparent);background:var(--accent);min-height:44px;color:var(--accent-fg);border-radius:0 var(--radius-pill) var(--radius-pill) 0;font:500 13px var(--font-mono);cursor:pointer;padding:0 14px 0 10px}.split select option{background:var(--surface);color:var(--fg)}.split select:disabled{opacity:.45;cursor:not-allowed}.note{min-height:20px;color:var(--muted);margin-top:6px;font-size:13px}.note[data-s=bad]{color:var(--bad)}.tabpanel{gap:24px;padding-top:20px;display:grid}.tabpanel[hidden]{display:none}.group{gap:10px;display:grid}.group>h3{font:700 13px/1.2 var(--font-body);color:var(--muted)}.fields{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=560px){.fields.two{grid-template-columns:1fr 1fr}}.check{cursor:pointer;align-items:center;gap:10px;min-height:36px;font-size:14px;display:flex}input[type=checkbox],input[type=range]{accent-color:var(--accent)}input[type=checkbox]{flex:none;width:18px;height:18px}input[type=range]{width:100%;min-height:32px}.sample{color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-sm);width:fit-content;max-width:100%;padding:8px 12px;font-size:13px}.seg,.types{flex-wrap:wrap;gap:8px;display:flex}.pill{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);cursor:pointer;min-height:40px;transition:background-color .14s ease,color .14s ease,border-color .14s ease,transform .14s var(--ease-out);padding:0 16px;font-size:14px;font-weight:600}.opt:active,.pill:active,.switch-opt:active{transform:scale(.97)}.pill[aria-checked=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}@media (hover:hover) and (pointer:fine){.pill:hover:not([aria-checked=true]){background:var(--surface-2);border-color:var(--line-strong)}}@media (pointer:coarse){.pill{min-height:var(--tap)}}.opt{border-radius:var(--radius-control);border:1px solid var(--line);background:var(--surface);cursor:pointer;min-width:56px;min-height:52px;color:var(--muted);transition:border-color .14s ease,background-color .14s ease,transform .14s var(--ease-out);place-items:center;gap:4px;padding:8px;font-size:12px;font-weight:600;display:grid}.opt svg{background:#fff;border-radius:6px;width:32px;height:32px;padding:3px}.opt.wide{text-align:left;flex:120px;justify-items:start;min-width:0;min-height:52px;padding:8px 12px}.opt.wide b{color:var(--fg);font-size:15px}.opt.preset svg{width:60px;height:38px}.opt[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--fg);box-shadow:inset 0 0 0 1px var(--accent)}.opt:disabled{opacity:.45;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.opt:hover:not([aria-checked=true]):not(:disabled){background:var(--surface-2)}}.colorrow{flex-wrap:wrap;align-items:center;gap:12px;min-height:44px;display:flex}.colorrow .label{flex:110px}.colorrow input[type=color]{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:8px;width:44px;height:36px;padding:2px}.hex{font:500 12.5px var(--font-mono);color:var(--muted);width:70px}.logo-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.logo-thumb{border:1px solid var(--line-strong);background:var(--surface) center/contain no-repeat;border-radius:8px;width:44px;height:44px}input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.fileBtn:focus-within{outline:2px solid var(--accent);outline-offset:2px}.diag li{border-top:1px solid var(--line);align-items:baseline;gap:10px;padding:8px 0;font-size:14px;display:flex}.diag li:first-child{border-top:0}.diag .dot{margin-top:6px}.diag li[data-s=ok] .dot{background:var(--ok)}.diag li[data-s=warn] .dot{background:var(--warn)}.diag li[data-s=bad] .dot{background:var(--bad)}.diag b{font-weight:600}.diag span,.foot{color:var(--muted)}.bigval{font:700 28px/1.1 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.readbox{width:100%;min-height:64px;font:400 13px/1.5 var(--font-mono)}.foot{border-top:1px solid var(--line);gap:4px;max-width:70ch;margin-top:28px;padding-top:16px;font-size:13px;display:grid}.sw,.tabpanel-body{display:contents}.num{font-variant-numeric:tabular-nums}.form-err{grid-column:1/-1}.form-err:empty{display:none}.qr:not(.is-fitted){width:76%}.brand{color:inherit;width:fit-content;text-decoration:none}a.brand:focus-visible{border-radius:6px}.fileBtn{align-items:center;display:inline-flex;position:relative}.facts dd{min-width:0}.mode{border-top:1px solid var(--line);gap:10px;padding-top:18px;display:grid}.mode-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.switch{background:var(--surface-2);border:1px solid var(--line);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:inline-grid}.switch,.switch-opt{border-radius:var(--radius-pill)}.switch-opt{min-height:var(--tap);color:var(--muted);cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .14s var(--ease-out);background:0 0;border:0;padding:0 18px;font-size:14px;font-weight:600}.switch-opt[aria-checked=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px #0a25401f,0 0 0 1px var(--line)}@media (hover:hover) and (pointer:fine){.switch-opt:hover:not([aria-checked=true]){color:var(--fg)}}.mode-body{border-radius:var(--radius-card);background:var(--accent-soft);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out);gap:12px;margin-top:4px;padding:16px 18px 18px;display:grid}@starting-style{.mode-body{opacity:0;transform:translateY(-4px)}}.mode-gains{text-wrap:pretty;gap:4px;font-size:14px;font-weight:500;display:grid}.mode-gains li{padding-left:18px;position:relative}.mode-gains li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.58em;left:2px}.mode-go{justify-content:center;justify-self:start;align-items:center;gap:8px;display:inline-flex}.mode-go .spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite mode-spin}@keyframes mode-spin{to{transform:rotate(1turn)}}@media (width<=559px){.mode-go{justify-self:stretch}}.status-page{grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.status-card{place-self:center;justify-items:start;gap:12px;max-width:44ch;padding-block:48px 96px;display:grid}.status-card h1{font:700 calc(clamp(28px,6vw,40px))/1.1 var(--font-display);letter-spacing:-.02em;text-wrap:balance}.status-card .btn{align-items:center;margin-top:8px;text-decoration:none;display:inline-flex}.status-code{font:500 13px/1 var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums}@media (width<=359px){.split{flex-basis:100%}.actions-row>.btn{flex:1}}