:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--body:#131518;--panel:#23272c;--panel-raised:#2c3137;--panel-sunk:#1a1d21;--edge:#3a4149;--edge-bright:#4d565f;--legend:#99a3ad;--legend-dim:#6c757e;--ink:#e8edf2;--lamp:#ffb020;--lamp-dim:#8a5f14;--phosphor:#7fe04d;--glass:#070c08;--grid:#7fe04d1c;--axis:#7fe04d33;--danger:#ff6b5a;--legend-face:"Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--readout-face:"JetBrains Mono", "Cascadia Mono", "SF Mono", ui-monospace, Consolas, monospace;--gap:18px;--radius:3px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable;overflow-y:scroll}body{background:radial-gradient(120% 90% at 50% 0%, #1b1f24 0%, var(--body) 60%);color:var(--ink);font-family:var(--legend-face);min-height:100vh;margin:0;padding:clamp(10px,2.5vw,32px);font-size:15px;line-height:1.45}.instrument{background:linear-gradient(180deg, var(--panel-raised) 0%, var(--panel) 22%);border:1px solid var(--edge);border-radius:var(--radius);max-width:1240px;margin:0 auto;box-shadow:inset 0 1px #ffffff0f,0 18px 50px #00000073}.nameplate{border-bottom:1px solid var(--edge);align-items:baseline;gap:14px;padding:16px clamp(14px,3vw,26px);display:flex}.nameplate h1{letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:clamp(15px,2.2vw,19px);font-weight:700}.nameplate p{color:var(--legend-dim);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:12px}.nameplate__lamp{background:var(--lamp-dim);border-radius:50%;width:9px;height:9px;margin-left:auto;transition:background .12s linear,box-shadow .12s linear;box-shadow:inset 0 0 0 1px #00000080}.nameplate__lamp[data-on=true]{background:var(--lamp);box-shadow:inset 0 0 0 1px #0006,0 0 10px 1px #ffb020a6}.bench{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:clamp(16px,2.5vw,34px);padding:clamp(14px,3vw,26px);display:grid}.bay{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.legend{letter-spacing:.22em;text-transform:uppercase;color:var(--legend);align-items:baseline;gap:10px;margin:0;font-size:11px;font-weight:700;display:flex}.legend:after{content:"";background:var(--edge);flex:1;height:1px}.legend span{letter-spacing:.08em;text-transform:none;color:var(--legend-dim);white-space:nowrap;order:1;font-weight:400}.tube{aspect-ratio:1;background:var(--glass);border:1px solid var(--edge-bright);border-radius:var(--radius);width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000c,inset 0 2px 12px #000000e6,0 0 26px -8px #7fe04d2e}.tube canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#drawingArea{cursor:crosshair;touch-action:none}.readout{background:var(--edge);border:1px solid var(--edge);border-radius:var(--radius);gap:1px;margin:0;padding:0;display:grid;overflow:hidden}.readout>div{background:var(--panel-sunk);justify-content:space-between;align-items:baseline;gap:14px;padding:9px 13px;display:flex}.readout dt{letter-spacing:.2em;text-transform:uppercase;color:var(--legend-dim);font-size:10px}.readout dd{font-family:var(--readout-face);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--lamp);text-align:right;margin:0;font-size:clamp(14px,1.6vw,17px)}.panel{background:var(--panel-sunk);border:1px solid var(--edge);border-radius:var(--radius);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 14px;margin:0;padding:16px 14px 14px;display:grid}.panel legend{letter-spacing:.2em;text-transform:uppercase;color:var(--legend);padding:0 7px;font-size:10px;font-weight:700}.panel label{letter-spacing:.06em;color:var(--legend);font-size:12px}.row{gap:8px;min-width:0;display:flex}.row input[type=text]{flex:auto;min-width:0}.bank{flex-wrap:wrap;gap:8px;display:flex}.switches{border:1px solid var(--edge-bright);border-radius:var(--radius);display:flex;overflow:hidden}.switches button{border:0;border-radius:0}.switches button+button{border-left:1px solid var(--edge-bright)}button,select,input[type=text],input[type=file]{font:inherit;letter-spacing:.08em;color:var(--ink);background:linear-gradient(180deg, var(--panel-raised), #262a30);border:1px solid var(--edge-bright);border-radius:var(--radius);min-height:44px;padding:0 14px;font-size:12px}button{text-transform:uppercase;cursor:pointer;font-weight:700;box-shadow:inset 0 1px #ffffff0f}button:hover:not(:disabled){border-color:var(--legend-dim)}button:active:not(:disabled){background:#1e2227;box-shadow:inset 0 2px 4px #00000080}button:disabled,input:disabled{opacity:.4;cursor:not-allowed}button[aria-pressed=true]{color:#1a1204;background:linear-gradient(180deg, #ffc352, var(--lamp));border-color:var(--lamp);text-shadow:none}.lamp{color:var(--lamp);border-color:var(--lamp-dim)}.lamp:hover:not(:disabled){border-color:var(--lamp)}select{width:100%;min-width:0}select option{background-color:var(--panel-raised);color:var(--ink)}input[type=file]{letter-spacing:.02em;width:100%;padding:9px 10px;font-size:11px}input[type=file]::file-selector-button{font:inherit;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--panel-raised);border:1px solid var(--edge-bright);border-radius:var(--radius);cursor:pointer;margin-right:10px;padding:5px 10px;font-size:11px;font-weight:700}:focus-visible{outline:2px solid var(--lamp);outline-offset:2px}.hint{letter-spacing:.05em;color:var(--legend-dim);margin:0;font-size:11px}kbd{font-family:var(--readout-face);color:var(--legend);background:var(--panel-sunk);border:1px solid var(--edge);border-radius:2px;padding:2px 5px;font-size:10px}body[data-busy]{cursor:progress}body[data-busy] .bench{pointer-events:none}body[data-busy] button,body[data-busy] select,body[data-busy] input{cursor:progress;opacity:.55}.toaster{z-index:10;pointer-events:none;flex-direction:column;gap:8px;max-width:min(360px,100vw - 24px);display:flex;position:fixed;bottom:clamp(10px,2.5vw,32px);right:clamp(10px,2.5vw,32px)}.toast{letter-spacing:.04em;color:var(--ink);background:var(--panel-raised);border:1px solid var(--edge-bright);border-left:3px solid var(--legend-dim);border-radius:var(--radius);margin:0;padding:11px 15px;font-size:12px;animation:.14s ease-out toast-in;box-shadow:0 10px 30px #0000008c}.toast--info{border-left-color:var(--phosphor)}.toast--error{border-left-color:var(--danger);color:#ffd9d3}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.traces summary{letter-spacing:.2em;text-transform:uppercase;color:var(--legend);cursor:pointer;padding:6px 0;font-size:11px;font-weight:700}.trace{flex-direction:column;gap:5px;margin-top:10px;display:flex}.trace span{letter-spacing:.16em;text-transform:uppercase;color:var(--legend-dim);font-size:10px}.trace canvas{aspect-ratio:640/180;background:var(--glass);border:1px solid var(--edge);border-radius:var(--radius);width:100%;height:auto;display:block}@media (max-width:900px){.bench{grid-template-columns:minmax(0,1fr)}.bay:first-child{order:-1}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}