:root{--chassis:#24211d;--panel:#322d26;--panel-raised:#3c362c;--screen:#12140f;--amber:#e8a33d;--amber-dim:#b97e2c;--phosphor:#8fcb8a;--cream:#ede6d6;--muted:#a79e8c;--rust:#c1502e;--line: rgba(237,230,214,.09)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{background:radial-gradient(ellipse at 50% -10%,#2c2820,#1a1712 60%,#131110);color:var(--cream);font-family:IBM Plex Sans,-apple-system,sans-serif;min-height:100vh;padding:28px 16px 60px;-webkit-font-smoothing:antialiased}.display-font{font-family:Big Shoulders Display,Arial Narrow,sans-serif}.mono{font-family:IBM Plex Mono,monospace}a{color:var(--amber)}.console{max-width:1040px;margin:0 auto;background:repeating-linear-gradient(100deg,rgba(255,255,255,.015) 0px,rgba(255,255,255,.015) 1px,transparent 1px,transparent 3px),linear-gradient(160deg,var(--panel-raised),var(--chassis) 60%);border-radius:14px;border:1px solid rgba(0,0,0,.6);box-shadow:0 30px 60px -20px #000000b3,inset 0 1px #ffffff0f,inset 0 -2px #0006;padding:22px 22px 26px;position:relative}.rivet{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#6b6152,#201c16 70%);box-shadow:0 1px #ffffff14,inset 0 1px 1px #0009}.rivet.tl{top:14px;left:14px}.rivet.tr{top:14px;right:14px}.rivet.bl{bottom:14px;left:14px}.rivet.br{bottom:14px;right:14px}.nameplate{display:flex;align-items:baseline;justify-content:space-between;padding:0 6px 16px;border-bottom:1px solid var(--line);margin-bottom:18px;flex-wrap:wrap;gap:8px}.nameplate h1{font-family:Big Shoulders Display,sans-serif;font-weight:800;font-size:clamp(26px,4vw,34px);letter-spacing:.06em;margin:0;color:var(--cream);text-shadow:0 1px 0 rgba(0,0,0,.5)}.nameplate .sub{font-size:11px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.nameplate .badge{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);border:1px solid var(--amber-dim);border-radius:3px;padding:3px 7px;white-space:nowrap}.screen{background:var(--screen);border-radius:8px;border:1px solid rgba(0,0,0,.7);box-shadow:inset 0 2px 10px #000c,inset 0 0 40px #8fcb8a08;position:relative;overflow:hidden;height:150px;margin-bottom:14px}.screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0px,rgba(0,0,0,.25) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply}#viz{width:100%;height:100%;display:block}.dropzone{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;z-index:2;text-align:center;padding:12px;transition:background .15s ease;background:transparent;border:none}.dropzone:hover,.dropzone.drag{background:#e8a33d0f}.dropzone .slot{width:46px;height:8px;border-radius:2px;background:#000;box-shadow:inset 0 1px 3px #000000e6,0 1px #ffffff0f}.dropzone .msg{font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.08em;color:var(--phosphor)}.dropzone .msg.small{color:var(--muted);font-size:10px}.hidden-input{display:none}.track-meta{position:absolute;top:8px;left:12px;right:12px;z-index:2;font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--phosphor);letter-spacing:.04em;text-shadow:0 0 6px rgba(143,203,138,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transport{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.xport-btn{width:38px;height:34px;border-radius:5px;border:1px solid rgba(0,0,0,.6);background:linear-gradient(180deg,#4a4335,#34302a);box-shadow:0 2px #00000080,inset 0 1px #ffffff14;color:var(--cream);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.xport-btn:active{transform:translateY(1px);box-shadow:0 1px #00000080}.xport-btn:disabled{opacity:.35;cursor:not-allowed}.xport-btn.play{color:var(--amber)}.scrub{flex:1;min-width:140px;display:flex;align-items:center;gap:10px}.time{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);min-width:38px}.time.now{color:var(--phosphor)}input[type=range].seek{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--amber) 0%,var(--amber) var(--pct,0%),#1a1712 var(--pct,0%),#1a1712 100%);outline:none}input[type=range].seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--cream);border:2px solid var(--amber-dim);margin-top:0;box-shadow:0 1px 2px #0009}input[type=range].seek::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--cream);border:2px solid var(--amber-dim)}input[type=range].seek::-moz-range-track{height:4px;border-radius:2px;background:#1a1712}input[type=range].seek::-moz-range-progress{height:4px;border-radius:2px;background:var(--amber)}.rack{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.module{background:linear-gradient(180deg,#ffffff05,#0000001f),var(--panel);border:1px solid rgba(0,0,0,.5);border-radius:8px;padding:12px 10px 14px;box-shadow:inset 0 1px #ffffff0a;display:flex;flex-direction:column;align-items:center;gap:10px}.module.wide{grid-column:span 2}.module.full{grid-column:1 / -1}.plate{width:100%;display:flex;align-items:center;justify-content:space-between;font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:6px}.plate .led{width:6px;height:6px;border-radius:50%;background:#3a2f1e;box-shadow:inset 0 0 1px #000c;transition:background .2s,box-shadow .2s}.plate .led.on{background:var(--amber);box-shadow:0 0 6px 1px #e8a33dd9}.readout{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--phosphor);min-height:14px}.vfaders{display:flex;gap:14px;justify-content:center;width:100%}.vfader-col{display:flex;flex-direction:column;align-items:center;gap:6px}.vfader-wrap{width:34px;height:120px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(180deg,transparent 0,transparent 10px,var(--line) 10px,var(--line) 11px);border-radius:3px}input[type=range].vfader{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:104px;height:20px;background:transparent;transform:rotate(-90deg);cursor:pointer}input[type=range].vfader::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,#1a1712,#1a1712)}input[type=range].vfader::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:15px;border-radius:3px;margin-top:-5.5px;background:linear-gradient(180deg,#f0c374,var(--amber-dim));border:1px solid #7a5a20;box-shadow:0 1px 2px #0009;position:relative}input[type=range].vfader::-moz-range-track{height:4px;border-radius:2px;background:#1a1712}input[type=range].vfader::-moz-range-thumb{width:26px;height:15px;border-radius:3px;border:1px solid #7a5a20;background:linear-gradient(180deg,#f0c374,var(--amber-dim))}.vfader-label{font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.hfader-row{width:100%;display:flex;flex-direction:column;gap:4px}.hfader-row label{font-family:IBM Plex Mono,monospace;font-size:9.5px;color:var(--muted);letter-spacing:.06em;display:flex;justify-content:space-between}input[type=range].hfader{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:#1a1712;outline:none}input[type=range].hfader::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:3px;margin-top:-5.5px;background:linear-gradient(180deg,#f0c374,var(--amber-dim));border:1px solid #7a5a20;box-shadow:0 1px 2px #0009}input[type=range].hfader::-moz-range-thumb{width:15px;height:15px;border-radius:3px;border:1px solid #7a5a20;background:linear-gradient(180deg,#f0c374,var(--amber-dim))}.rockers{display:flex;gap:6px;width:100%}.rocker{flex:1;padding:9px 2px;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.05em;color:var(--muted);background:linear-gradient(180deg,#29241d,#201c17);border:1px solid rgba(0,0,0,.6);border-radius:4px;cursor:pointer;box-shadow:0 2px #00000080,inset 0 1px #ffffff0d}.rocker.active{color:var(--screen);background:linear-gradient(180deg,var(--amber),var(--amber-dim));box-shadow:inset 0 2px 3px #0006;transform:translateY(1px)}.spatial-info{font-family:IBM Plex Mono,monospace;font-size:9.5px;color:var(--muted)}.checkline{display:flex;align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:9.5px;color:var(--muted)}.checkline input{accent-color:var(--amber)}.patchbay{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.patch{font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.06em;padding:7px 12px;border-radius:4px;color:var(--cream);background:var(--panel);border:1px solid rgba(0,0,0,.5);cursor:pointer}.patch:hover{border-color:var(--amber-dim);color:var(--amber)}.patch.mood{border-color:#a18cd166}.patch.mood:hover{border-color:#a18cd1;color:#c3b2ea}.printstrip{display:flex;align-items:center;gap:14px;padding-top:14px;border-top:1px solid var(--line);flex-wrap:wrap}.booster{display:flex;align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:9.5px;color:var(--muted);background:var(--panel);border:1px solid rgba(0,0,0,.5);border-radius:6px;padding:8px 12px}.booster input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:90px;height:4px;border-radius:2px;background:#1a1712;outline:none}.booster input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:3px;margin-top:-4.5px;background:linear-gradient(180deg,#f0c374,var(--amber-dim));border:1px solid #7a5a20}.booster input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:3px;border:1px solid #7a5a20;background:linear-gradient(180deg,#f0c374,var(--amber-dim))}.booster .boost-read{color:var(--phosphor);min-width:34px}.booster input[type=checkbox]{accent-color:var(--amber)}.rec-btn{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.1em;background:linear-gradient(180deg,#4a4335,#34302a);color:var(--cream);border:1px solid rgba(0,0,0,.6);border-radius:5px;padding:10px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 2px #00000080,inset 0 1px #ffffff14}.rec-btn:disabled{opacity:.4;cursor:not-allowed}.rec-dot{width:8px;height:8px;border-radius:50%;background:var(--rust)}.rec-dot.blink{animation:blink 1s steps(1) infinite}@media (prefers-reduced-motion:reduce){.rec-dot.blink{animation:none;opacity:.6}}@keyframes blink{50%{opacity:.15}}.print-status{font-family:IBM Plex Mono,monospace;font-size:10.5px;color:var(--muted)}.print-status.ok{color:var(--phosphor)}.print-status.err{color:var(--rust)}.print-bar{width:120px;height:6px;border-radius:3px;overflow:hidden;background:var(--screen);border:1px solid rgba(0,0,0,.6);box-shadow:inset 0 1px 2px #0009}.print-bar-fill{height:100%;background:linear-gradient(90deg,var(--amber-dim),var(--amber));transition:width .15s linear}.hint{font-size:10.5px;color:var(--muted);margin-top:10px;line-height:1.5}::-webkit-scrollbar{width:10px}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--amber);outline-offset:2px}@media (max-width:720px){.rack{grid-template-columns:repeat(2,1fr)}.module.wide,.module.full{grid-column:span 2}}@media (max-width:460px){.rack{grid-template-columns:1fr}.module.wide,.module.full{grid-column:1}.vfader-wrap{height:100px}}