:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1417;--panel:#141b1f;--panel-2:#192126;--rule:#26343b;--rule-soft:#1d272c;--grid-minor:#182126;--grid-major:#223037;--ink:#dbe3e6;--ink-2:#94a4aa;--ink-3:#66787f;--series-1:#c28700;--series-2:#1f7dcf;--series-3:#bd4238;--series-4:#48aa77;--series-5:#9252ad;--warn:#d08a2c;--bad:#cf5a4e;--ok:#48aa77;--font-ui:"IBM Plex Sans Condensed", "IBM Plex Sans JP", system-ui, sans-serif;--font-body:"IBM Plex Sans JP", "IBM Plex Sans Condensed", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--tape-h:9px;--gutter-l:62px;--gutter-r:18px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eceff0;--panel:#fbfcfc;--panel-2:#f2f5f6;--rule:#c6d1d5;--rule-soft:#dde4e7;--grid-minor:#e6ebed;--grid-major:#d3dcdf;--ink:#121a1d;--ink-2:#4f5f66;--ink-3:#74858c;--series-1:#b37a00;--series-2:#006dc3;--series-3:#b6322b;--series-4:#33a36d;--series-5:#80369e;--warn:#9a6300;--bad:#a83227;--ok:#1f7d52}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:15px;line-height:1.6}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--series-2);outline-offset:2px}.shell{max-width:1120px;margin:0 auto;padding:0 20px 64px}.masthead{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-end;gap:16px;padding:22px 0 12px;display:flex}.wordmark{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:27px;font-weight:600;line-height:1}.wordmark span{color:var(--series-1)}.tagline{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-3);margin:7px 0 0;font-size:11px}.controls{border-bottom:1px solid var(--rule-soft);flex-wrap:wrap;align-items:flex-end;gap:14px;padding:18px 0;display:flex}.field{flex-direction:column;flex:320px;gap:6px;min-width:240px;display:flex}.field>label,.eyebrow{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.field input[type=text]{background:var(--panel);border:1px solid var(--rule);font-family:var(--font-body);border-radius:2px;width:100%;padding:9px 11px;font-size:15px}.field input[type=text]::placeholder{color:var(--ink-3)}.hint{color:var(--ink-3);font-size:11.5px;font-family:var(--font-mono)}.segmented{border:1px solid var(--rule);border-radius:2px;display:flex;overflow:hidden}.segmented button{background:var(--panel);border:0;border-left:1px solid var(--rule);font-family:var(--font-mono);color:var(--ink-2);cursor:pointer;padding:9px 13px;font-size:12.5px}.segmented button:first-child{border-left:0}.segmented button[aria-pressed=true]{background:var(--panel-2);color:var(--ink);box-shadow:inset 0 -2px 0 var(--series-1)}.run{background:var(--ink);color:var(--bg);border:1px solid var(--ink);font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:2px;padding:10px 22px;font-weight:600}.run:hover{background:var(--series-1);border-color:var(--series-1);color:#0e1417}.run[data-stop=true]{color:var(--ink);border-color:var(--rule);background:0 0}.icon-button{border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:2px;place-items:center;gap:4px;width:40px;height:40px;display:grid}.icon-button i{background:var(--ink);width:17px;height:1px;display:block}.icon-button i+i{margin-top:4px}.readout{flex-wrap:wrap;align-items:baseline;gap:20px;padding:16px 0 8px;display:flex}.readout dl{align-items:baseline;gap:8px;margin:0;display:flex}.readout dt{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.readout dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:0;font-size:15px}.readout .swatch{border-radius:1px;width:9px;height:9px;margin-right:7px;display:inline-block}.zoom-state{font-family:var(--font-mono);color:var(--ink-3);align-items:center;gap:10px;margin-left:auto;font-size:11.5px;display:flex}.zoom-state button{border:1px solid var(--rule);font-family:var(--font-mono);color:var(--ink-2);cursor:pointer;background:0 0;border-radius:2px;padding:3px 9px;font-size:11.5px}.plot-frame{border:1px solid var(--rule);background:var(--panel);border-radius:2px}.plot{width:100%;height:420px}.tape{border-top:1px solid var(--rule);margin-top:26px;padding-top:14px}.tape-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.tape-legend{font-family:var(--font-mono);color:var(--ink-3);gap:16px;font-size:11px;display:flex}.tape-legend span:before{content:"";width:16px;height:var(--tape-h);vertical-align:-1px;background:var(--ink-3);margin-right:6px;display:inline-block}.tape-legend .lossy:before{background:repeating-linear-gradient(135deg, var(--bad) 0 2px, transparent 2px 5px);border:1px solid var(--bad)}.tape-rows{gap:7px;margin-top:12px;display:grid}.tape-row{grid-template-columns:var(--gutter-l) 1fr;align-items:center;gap:0;display:grid}.tape-row>.tape-name{font-family:var(--font-mono);color:var(--ink-2);padding-right:var(--gutter-r);grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:10px;font-size:11.5px;display:flex}.tape-row>.tape-name em{color:var(--ink-3);font-size:11px;font-style:normal}.tape-track{height:var(--tape-h);margin-right:var(--gutter-r);background:var(--panel-2);border:1px solid var(--rule-soft);grid-column:2;position:relative}.tape-fill{position:absolute;top:0;bottom:0}.tape-fill[data-frontier=true]{box-shadow:inset 1px 0 0 var(--series-1)}.tape-fill[data-lossy=true]{background:repeating-linear-gradient(135deg, var(--bad) 0 2px, transparent 2px 5px)}.tape-axis{grid-template-columns:var(--gutter-l) 1fr;margin-top:8px;display:grid}.tape-axis>div{margin-right:var(--gutter-r);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);grid-column:2;justify-content:space-between;font-size:10.5px;display:flex}.tape-status{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}.tape-status[data-phase=scanning]{color:var(--series-1)}.tape-status[data-phase=done]{color:var(--ok)}.tape-status[data-phase=error]{color:var(--bad)}.empty{border:1px solid var(--rule);background:var(--panel);background-image:linear-gradient(var(--grid-minor) 1px, transparent 1px), linear-gradient(90deg, var(--grid-minor) 1px, transparent 1px);background-size:22px 22px;border-radius:2px;margin-top:22px;padding:34px 30px}.empty h2{font-family:var(--font-ui);margin:0 0 10px;font-size:19px;font-weight:600}.empty p{max-width:62ch;color:var(--ink-2);margin:0;font-size:14px}.notice{border-left:2px solid var(--warn);color:var(--ink-2);margin-top:14px;padding:6px 0 6px 12px;font-size:13px}.menu-wrap{position:relative}.menu{background:var(--panel);border:1px solid var(--rule);z-index:20;border-radius:2px;width:min(360px,100vw - 40px);max-height:min(76vh,640px);padding:4px 0;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.menu section{border-bottom:1px solid var(--rule-soft);padding:12px 16px}.menu section:last-child{border-bottom:0}.menu h3{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:0 0 9px;font-size:11px;font-weight:600}.menu label.row{cursor:pointer;align-items:flex-start;gap:9px;padding:4px 0;font-size:13.5px;display:flex}.menu label.row input{accent-color:var(--series-1);margin-top:4px}.menu .sub{color:var(--ink-3);margin:2px 0 0 26px;font-size:11.5px}.menu .relay-url{font-family:var(--font-mono);font-size:12.5px}.menu .menu-button{border:1px solid var(--rule);cursor:pointer;text-align:left;background:0 0;border-radius:2px;width:100%;padding:7px 12px;font-size:13px}.log{border:1px solid var(--rule);background:var(--panel);border-radius:2px;max-height:260px;margin-top:24px;overflow:auto}.log h3{background:var(--panel);border-bottom:1px solid var(--rule-soft);font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:0;padding:8px 12px;font-size:11px;position:sticky;top:0}.log ol{font-family:var(--font-mono);margin:0;padding:6px 12px 10px;font-size:11.5px;line-height:1.75;list-style:none}.log li{color:var(--ink-2);word-break:break-all;gap:8px;display:flex}.log .dir{color:var(--ink-3)}.log .dir[data-dir=out]{color:var(--series-2)}.log .relay{color:var(--ink-3);flex:none}footer{border-top:1px solid var(--rule-soft);font-family:var(--font-mono);color:var(--ink-3);margin-top:40px;padding-top:14px;font-size:11.5px}footer a{color:var(--ink-2)}@media (max-width:640px){:root{--gutter-l:0px;--gutter-r:0px}.wordmark{font-size:21px}.segmented{flex-wrap:wrap}.segmented button{padding:8px 11px}.plot{height:320px}.tape-row,.tape-axis{grid-template-columns:1fr}.tape-track,.tape-axis>div{grid-column:1}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}