:root{--blue:#405892;--blue-deep:#3d4483;--navy:#1f1e40;--charcoal:#181a1c;--offwhite:#f4f4f2;--canvas:#131416;--surface:var(--offwhite);--surface-sunk:#ededeb;--surface-line:#cfd1d5;--panel-line:#68718a;--ink:var(--charcoal);--ink-soft:#464d5e;--chrome-ink:var(--offwhite);--chrome-ink-soft:#bbbdcb;--chrome-line:#333551;--blue-bright:#77adf5;--green:#56c19a;--green-deep:#1b8864;--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--fs-h1:1.375rem;--fs-lead:.95rem;--fs-body:.9375rem;--fs-label:.8125rem;--fs-mono:.85rem;--fs-micro:.72rem;--gap-row:12px;--gap-panel:16px;--gap-shell:20px;--pad-panel:24px;--radius-control:6px;--radius-panel:8px;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur:.15s;--z-base:0;--z-sticky:100;--z-overlay:400;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-ui);background:var(--canvas);color:var(--ink)}@supports (color:lab(0% 0 0)){:root{--surface-sunk:lab(93.642% -.185281 1.12426);--surface-line:lab(83.7383% -.2473 -2.25645);--panel-line:lab(47.5364% 1.01811 -14.7993);--ink-soft:lab(32.5364% .406057 -11.099);--chrome-ink-soft:lab(76.6436% 1.38158 -7.40551);--chrome-line:lab(22.9373% 5.11129 -17.8779);--blue-bright:lab(69.2503% -3.11476 -42.1815);--green-deep:lab(50.4182% -37.7496 10.6976)}}*{box-sizing:border-box}html,body{margin:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input{font:inherit}button{cursor:pointer}::selection{background:var(--blue);color:var(--offwhite)}.canvas{background-color:var(--canvas);background-image:radial-gradient(#f4f4f20a 1px,#0000 1.4px);background-position:50%;background-size:22px 22px;align-content:start;justify-items:center;min-height:100dvh;padding:clamp(16px,6vh,72px) 16px clamp(32px,8vh,80px);display:grid}.window{background:var(--surface);border:1px solid var(--panel-line);border-radius:var(--radius-panel);grid-template-rows:auto 1fr auto;width:min(780px,100%);display:grid;overflow:hidden}.titlebar{background:var(--navy);color:var(--chrome-ink);border-bottom:1px solid var(--chrome-line);justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.brand{font-size:var(--fs-label);letter-spacing:.14em;align-items:center;gap:9px;margin:0;font-weight:700;line-height:1;display:inline-flex}.brand__mark{color:var(--chrome-ink);flex:none;display:block}.brand__mode{border-left:1px solid var(--chrome-line);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.18em;color:var(--chrome-ink-soft);margin-left:2px;padding-left:9px;font-weight:500}.pill{font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--chrome-ink-soft);white-space:nowrap;align-items:center;gap:7px;font-weight:600;display:inline-flex}.pill__dot{background:currentColor;flex:none;width:8px;height:8px}.pill[data-state=live],.pill[data-state=transfer],.pill[data-state=done]{color:var(--chrome-ink)}.pill[data-state=live] .pill__dot,.pill[data-state=transfer] .pill__dot,.pill[data-state=done] .pill__dot{background:var(--green)}.pill[data-state=error],.pill[data-state=closed]{color:var(--chrome-ink)}.pill[data-state=error] .pill__dot{background:var(--offwhite)}.pill[data-state=live] .pill__dot,.pill[data-state=transfer] .pill__dot{animation:pulse 1.6s var(--ease-out) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.body{gap:var(--gap-shell);padding:var(--pad-panel);display:grid}.lead{gap:4px;display:grid}.lead h1{font-size:var(--fs-h1);letter-spacing:-.01em;color:var(--navy);text-wrap:balance;margin:0;font-weight:700;line-height:1.2}.statusbar{background:var(--navy);color:var(--chrome-ink-soft);border-top:1px solid var(--chrome-line);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex}.statusbar__flag{align-items:center;gap:7px;display:inline-flex}.statusbar__flag:before{content:"";background:var(--blue-bright);width:7px;height:7px}.statusbar__right{text-align:right;overflow-wrap:anywhere;color:var(--chrome-ink)}.section{gap:var(--gap-panel);display:grid}.section__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.section__title{font-size:var(--fs-label);letter-spacing:.02em;color:var(--navy);margin:0;font-weight:600}.section__meta{font-family:var(--font-mono);font-size:var(--fs-mono);color:var(--ink-soft);font-variant-numeric:tabular-nums}.divider{background:var(--surface-line);border:0;height:1px;margin:0}.wire{align-items:center;padding:4px 6px 30px;display:flex}.wire__node{flex:none;justify-content:center;align-items:center;display:flex;position:relative}.wire__square{background:var(--surface-sunk);border:1.5px solid var(--surface-line);width:15px;height:15px;transition:background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out)}.wire__square[data-state=active]{background:var(--surface);border-color:var(--green-deep)}.wire__square[data-state=active]:after{content:"";background:var(--green);animation:pulse 1.4s var(--ease-out) infinite;position:absolute;inset:4px}.wire__square[data-state=live],.wire__square[data-state=done]{background:var(--green);border-color:var(--green-deep)}.wire__label{font-size:var(--fs-micro);letter-spacing:.04em;white-space:nowrap;color:var(--ink-soft);transition:color var(--dur) var(--ease-out);font-weight:600;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%)}.wire__node[data-on=true] .wire__label{color:var(--navy)}.wire__seg{background:var(--surface-line);height:2px;transition:background-color var(--dur) var(--ease-out);flex:auto;margin:0 9px}.wire__seg[data-state=live]{background-color:var(--green-deep)}.wire__seg[data-state=flow]{background-color:var(--green-deep);background-image:repeating-linear-gradient(90deg, var(--green) 0, var(--green) 7px, transparent 7px, transparent 14px);background-size:14px 100%;animation:.5s linear infinite wire-march}@keyframes wire-march{to{background-position-x:14px}}.field{gap:9px;display:grid}.field__label{font-size:var(--fs-label);color:var(--navy);font-weight:600}.field__hint{font-size:var(--fs-label);color:var(--ink-soft);margin:0}.filein{width:100%;font-size:var(--fs-body);color:var(--ink);background:var(--surface-sunk);border:1px dashed var(--surface-line);border-radius:var(--radius-control);transition:border-color var(--dur) var(--ease-out);padding:9px 10px}.filein:hover{border-color:var(--blue-deep)}.filein:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-color:#0000}.filein::file-selector-button{font:600 var(--fs-label) / 1 var(--font-ui);color:var(--navy);background:var(--surface);border:1px solid var(--blue-deep);border-radius:var(--radius-control);cursor:pointer;transition:border-color var(--dur) var(--ease-out);margin-right:12px;padding:7px 12px}.filein::file-selector-button:hover{border-color:var(--blue)}.dropzone{z-index:var(--z-overlay);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease-out);background:#131416d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dropzone--active{opacity:1}.dropzone__inner{font-size:var(--fs-label);letter-spacing:.02em;color:var(--offwhite);border:2px dashed var(--green);border-radius:var(--radius-panel);background:#1f1e40b3;padding:26px 38px;font-weight:600}.row{gap:var(--gap-row);flex-wrap:wrap;align-items:center;display:flex}.btn{font-size:var(--fs-label);border-radius:var(--radius-control);transition:background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);border:1px solid #0000;align-items:center;gap:8px;padding:10px 15px;font-weight:600;line-height:1;display:inline-flex}.btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--blue);border-color:var(--blue);color:var(--offwhite)}.btn--primary:hover:not(:disabled){background:var(--blue-deep);border-color:var(--blue-deep)}.btn--secondary{background:var(--surface);border-color:var(--blue-deep);color:var(--navy)}.btn--secondary:hover:not(:disabled){border-color:var(--blue)}.btn--secondary[data-done=true]{border-color:var(--blue);color:var(--blue)}.btn--danger{background:var(--surface);border-color:var(--charcoal);color:var(--charcoal)}.btn--danger:hover:not(:disabled){background:var(--charcoal);color:var(--offwhite)}.btn__check{color:var(--blue);font-size:.9em}.btn--primary .btn__check{color:var(--offwhite)}.manifest{border:1px solid var(--surface-line);border-radius:var(--radius-control);overflow:hidden}.manifest__row{justify-content:space-between;align-items:baseline;gap:14px;padding:9px 12px;display:flex}.manifest__row+.manifest__row{border-top:1px solid var(--surface-line)}.manifest__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-body);color:var(--ink);overflow:hidden}.manifest__idx{font-family:var(--font-mono);font-size:var(--fs-mono);color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-right:9px}.manifest__size{font-family:var(--font-mono);font-size:var(--fs-mono);color:var(--ink-soft);font-variant-numeric:tabular-nums;flex:none}.manifest__foot{background:var(--surface-sunk);border-top:1px solid var(--surface-line);font-size:var(--fs-label);color:var(--navy);justify-content:space-between;align-items:baseline;gap:14px;padding:9px 12px;font-weight:600;display:flex}.manifest__foot .manifest__size{color:var(--navy);font-weight:600}.readouts{gap:var(--gap-panel);display:grid}.readout{grid-template-columns:64px 1fr;align-items:start;gap:12px;display:grid}.readout__key{font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);padding-top:1px;font-weight:600}.readout__val{min-width:0;font-size:var(--fs-body);color:var(--ink)}.url-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mono{font-family:var(--font-mono);font-size:var(--fs-mono);overflow-wrap:anywhere;color:var(--ink);line-height:1.5}.url-line .mono{flex:240px;min-width:0}.expiry{font-variant-numeric:tabular-nums}.expiry--soon{color:var(--ink);font-weight:600}.progress{gap:9px;display:grid}progress{appearance:none;border:0;width:100%;height:14px}progress::-webkit-progress-bar{background:var(--surface-sunk);border:1px solid var(--surface-line);border-radius:4px}progress::-webkit-progress-value{background:var(--green-deep);border-radius:3px;transition:width .12s linear}progress::-moz-progress-bar{background:var(--green-deep);border-radius:3px}.progress__meta{font-family:var(--font-mono);font-size:var(--fs-mono);color:var(--ink-soft);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.progress__pct{color:var(--green-deep);font-weight:600}.statusline{background:var(--surface-sunk);border:1px solid var(--surface-line);border-radius:var(--radius-control);font-size:var(--fs-body);color:var(--ink);align-items:flex-start;gap:10px;padding:11px 12px;line-height:1.45;display:flex}.statusline__dot{background:var(--ink-soft);flex:none;width:8px;height:8px;margin-top:5px}.statusline[data-tone=live] .statusline__dot,.statusline[data-tone=done] .statusline__dot{background:var(--green-deep)}.statusline[data-tone=done]{border-color:var(--green-deep)}.statusline[data-tone=error]{background:var(--charcoal);border-color:var(--charcoal);color:var(--offwhite)}.statusline[data-tone=error] .statusline__dot{background:var(--offwhite)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.wire__seg[data-state=flow]{background-image:none;background-color:var(--green-deep)}}@media (max-width:440px){.body{padding:18px}.readout{grid-template-columns:1fr;gap:4px}.titlebar{padding:10px 12px}.brand{letter-spacing:.1em}}
