:root{--desk-surface: #dcdad3;--chassis-cream: #f4f1ea;--chassis-subtle: #f9f7f2;--chassis-metal: #ebe8e1;--panel-border: #b8b5ac;--panel-border-dark: #2d2d2d;--panel-inset: #e2ded6;--well-black: #1c1c18;--well-dark-gray: #262622;--ink-black: #181919;--ink-charcoal: #2d2d2d;--ink-muted: #5f5e5e;--ink-faint: #747878;--amber-led: #fea619;--amber-led-glow: rgba(254, 166, 25, .85);--amber-crt: #ffb95f;--tr-red: #c0392b;--tr-orange: #d35400;--tr-yellow: #d4ac0d;--tr-cream: #f4f1ea;--led-off: #444748;--font-sans: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Courier Prime", monospace;--shadow-chassis: 0 16px 36px rgba(0, 0, 0, .18), 0 4px 10px rgba(0, 0, 0, .1);--shadow-panel: 0 2px 4px rgba(0, 0, 0, .08), inset 1px 1px 0 rgba(255, 255, 255, .8);--shadow-inset-track: inset 1px 2px 4px rgba(0, 0, 0, .65), inset -1px -1px 2px rgba(255, 255, 255, .2);--shadow-button-lift: inset 1px 1px 0 rgba(255, 255, 255, .95), inset -1px -1px 0 rgba(0, 0, 0, .25), 0 2px 4px rgba(0, 0, 0, .15);--shadow-button-pressed: inset 2px 2px 4px rgba(0, 0, 0, .35), 0 1px 0 rgba(255, 255, 255, .5)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--desk-surface);background-image:radial-gradient(circle at 10px 10px,rgba(0,0,0,.025) 2px,transparent 2.5px),radial-gradient(circle at 30px 30px,rgba(0,0,0,.015) 1px,transparent 1.5px);background-size:40px 40px;color:var(--ink-charcoal);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:24px 16px 48px;overflow-y:auto}.chassis-outer{width:100%;max-width:1320px;margin:0 auto}.hardware-chassis{background-color:var(--chassis-cream);border:2px solid var(--panel-border);border-radius:6px;box-shadow:var(--shadow-chassis);padding:28px 24px 24px;position:relative;display:flex;flex-col:column;gap:20px;flex-direction:column}.screw-head{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#c4c7c7,#858989,#5f6363);box-shadow:inset 1px 1px 2px #ffffffb3,0 1px 2px #00000059;position:absolute;z-index:10}.screw-head:after{content:"";position:absolute;top:50%;left:15%;right:15%;height:1.5px;background-color:#1c1c18;box-shadow:0 1px #fff6;transform:translateY(-50%) rotate(45deg)}.screw-tl{top:10px;left:10px}.screw-tr{top:10px;right:10px}.screw-bl{bottom:10px;left:10px}.screw-br{bottom:10px;right:10px}.chassis-header{background:linear-gradient(180deg,#faf8f5,#ebe8e1 40%,#dedbd4);border:1px solid var(--panel-border-dark);border-radius:4px;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:inset 0 1px #fff,0 2px 5px #00000014;flex-wrap:wrap;gap:16px}.header-left{display:flex;flex-direction:column;gap:2px}.model-badge{display:flex;align-items:baseline;gap:10px}.brand-name{font-size:20px;font-weight:800;letter-spacing:.08em;color:var(--ink-black)}.brand-model{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--tr-orange);border:1px solid var(--tr-orange);padding:1px 6px;border-radius:2px;background:#d354000f}.unit-serial{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;color:var(--ink-muted)}.header-status-panel{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.telemetry-box{background:var(--panel-inset);border:1px solid var(--panel-border);border-radius:3px;padding:5px 10px;display:flex;flex-direction:column;gap:2px;box-shadow:inset 1px 1px 2px #0000001a}.telemetry-label{font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--ink-muted);text-transform:uppercase}.telemetry-value-row{display:flex;align-items:center;gap:6px}.status-text{font-size:11px;font-weight:600;color:var(--ink-black)}.status-text.mono{font-family:var(--font-mono);font-size:11px;color:var(--ink-charcoal)}.led-indicator{width:8px;height:8px;border-radius:50%;background-color:var(--led-off);box-shadow:inset 1px 1px 1px #0009;display:inline-block;transition:all .2s ease}.led-indicator.active,.led-indicator.led-amber.active{background-color:var(--amber-led);box-shadow:0 0 7px var(--amber-led-glow),inset 1px 1px 1px #fff}.locale-selector{background:var(--panel-inset);border:1px solid var(--panel-border);border-radius:3px;padding:4px 8px;display:flex;flex-direction:column;gap:3px;box-shadow:inset 1px 1px 2px #0000001a}.locale-label{font-size:8px;font-weight:700;letter-spacing:.12em;color:var(--ink-muted);text-transform:uppercase;text-align:center}.lang-switch-bank{display:flex;gap:4px}.lang-btn{background:#ebe8e1;border:1px solid var(--panel-border-dark);border-radius:3px;padding:3px 8px;display:flex;align-items:center;gap:5px;cursor:pointer;box-shadow:var(--shadow-button-lift);outline:none;transition:all .08s ease}.lang-btn:active{transform:translateY(1px);box-shadow:var(--shadow-button-pressed)}.lang-btn.active{background:#dfdbd2;border-color:var(--tr-orange)}.lang-led{width:6px;height:6px;border-radius:50%;background-color:var(--led-off);box-shadow:inset 1px 1px 1px #000000b3;transition:all .15s ease}.lang-btn.active .lang-led{background-color:var(--amber-led);box-shadow:0 0 6px var(--amber-led-glow),inset 1px 1px 1px #fff}.lang-text{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--ink-black);letter-spacing:.05em}.header-transport-panel{display:flex;gap:10px}.switch-btn{background:#f1eee7;border:1px solid var(--panel-border-dark);border-radius:4px;padding:2px;box-shadow:var(--shadow-button-lift);cursor:pointer;outline:none;transition:all .1s ease}.switch-btn:active,.switch-btn.paused{box-shadow:var(--shadow-button-pressed);transform:translateY(2px);background:#e2ded6}.switch-cap{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--ink-black)}.btn-icon{font-size:12px}.switch-record .rec-dot{color:#c0392b;font-size:14px}.switch-record.recording{background:#fde8e8;border-color:#c0392b}.switch-record.recording .rec-dot{animation:blink-rec 1s infinite}@keyframes blink-rec{0%,to{opacity:1}50%{opacity:.2}}.modular-rack{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}@media (max-width: 1024px){.modular-rack{grid-template-columns:1fr}}.rack-module{background:var(--chassis-subtle);border:1px solid var(--panel-border-dark);border-radius:4px;padding:16px;position:relative;box-shadow:var(--shadow-panel);display:flex;flex-direction:column;gap:14px}.module-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--panel-border);padding:2px 24px 8px;position:relative}.module-title{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--ink-black);text-transform:uppercase}.module-code{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--ink-muted);border:1px solid var(--panel-border);padding:1px 5px;border-radius:2px;background:#ebe8e1}.screw-mini-tl{top:4px;left:6px;width:10px;height:10px}.screw-mini-tr{top:4px;right:6px;width:10px;height:10px}.crt-bezel{background:#11110f;border:3px solid #2d2d2a;border-radius:6px;padding:10px;box-shadow:inset 2px 2px 6px #000000e6,0 2px 4px #00000026}.crt-screen{background:var(--well-black);border:1px solid #33332c;border-radius:4px;padding:8px;position:relative;overflow:hidden;height:180px;display:flex;flex-direction:column}.crt-scanlines{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(#fea61906 50%,#0000004d 50%);background-size:100% 4px;z-index:2}.crt-meta-bar{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:10px;color:var(--amber-crt);letter-spacing:.1em;margin-bottom:4px;z-index:3;opacity:.9}.canvas-holder{flex:1;position:relative;width:100%;height:140px}#oscilloscope{width:100%;height:100%;display:block}.sequencer-panel{background:#ebe8e1;border:1px solid var(--panel-border);border-radius:4px;padding:12px;box-shadow:inset 1px 1px 2px #00000014}.sequencer-header-bar{display:flex;justify-content:space-between;margin-bottom:8px}.panel-section-title{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--ink-charcoal)}.scale-info{font-family:var(--font-mono);font-size:9px;color:var(--ink-muted)}.tr808-sequencer{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.step-cluster{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#dfdbd2;padding:6px;border-radius:4px;border:1px solid #c9c5bc}.step-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.step-led-housing{height:10px;display:flex;align-items:center;justify-content:center}.step-led{width:6px;height:6px;border-radius:50%;background-color:var(--led-off);box-shadow:inset 1px 1px 1px #000000b3;transition:all .05s ease}.step-led.active{background-color:var(--amber-led);box-shadow:0 0 8px var(--amber-led-glow),inset 1px 1px 1px #fff}.step-key{width:100%;height:32px;border-radius:3px;border:1px solid var(--panel-border-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-button-lift);font-family:var(--font-mono);font-size:10px;font-weight:700;outline:none;transition:all .05s ease}.step-key:active{transform:translateY(2px);box-shadow:var(--shadow-button-pressed)}.key-red{background:var(--tr-red);color:#fff}.key-orange{background:var(--tr-orange);color:#fff}.key-yellow{background:var(--tr-yellow);color:#1c1c18}.key-cream{background:var(--tr-cream);color:#1c1c18}.channel-mute-strip{display:flex;align-items:center;gap:14px;background:#f1eee7;border:1px solid var(--panel-border);border-radius:4px;padding:10px 14px}.mute-strip-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--ink-charcoal);white-space:nowrap}.mute-buttons-group{display:flex;gap:10px;flex-wrap:wrap;flex:1}.rocker-switch{flex:1;min-width:120px;background:#e5e2db;border:1px solid var(--panel-border-dark);border-radius:3px;padding:7px 10px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:var(--shadow-button-lift);transition:all .1s ease}.rocker-switch:active{transform:translateY(1px);box-shadow:var(--shadow-button-pressed)}.rocker-led{width:7px;height:7px;border-radius:50%;background-color:var(--led-off);box-shadow:inset 1px 1px 1px #000000b3;transition:all .2s ease}.rocker-switch.active .rocker-led{background-color:var(--amber-led);box-shadow:0 0 6px var(--amber-led-glow),inset 1px 1px 1px #fff}.rocker-switch.muted{background:#dcdad3;border-color:#88857f;box-shadow:var(--shadow-button-pressed)}.rocker-label{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--ink-charcoal)}.faders-deck{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;background:#f1eee7;border:1px solid var(--panel-border);border-radius:4px;padding:16px 12px;box-shadow:inset 1px 1px 2px #0000000d}.fader-strip{display:flex;flex-direction:column;align-items:center;gap:10px}.fader-header-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--ink-charcoal);text-transform:uppercase;text-align:center}.fader-slot-area{display:flex;align-items:center;gap:6px;height:180px}.scale-ticks{display:flex;flex-direction:column;justify-content:space-between;height:150px;font-family:var(--font-mono);font-size:9px;color:var(--ink-faint);text-align:right;-webkit-user-select:none;user-select:none}.slider-track-cutout{width:24px;height:170px;background:var(--well-black);border-radius:4px;box-shadow:var(--shadow-inset-track);position:relative;display:flex;justify-content:center;align-items:center}.hardware-fader{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:150px;height:24px;background:transparent;cursor:ns-resize;writing-mode:vertical-lr;direction:rtl;transform:rotate(0);margin:0}.hardware-fader:focus{outline:none}.hardware-fader::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:18px;background:linear-gradient(90deg,#e5e2db,#c4c7c7,#b3b6b6);border:1px solid #1c1c18;border-radius:2px;box-shadow:0 3px 6px #0006,inset 1px 1px #fff;cursor:pointer;position:relative}.hardware-fader::-moz-range-thumb{width:28px;height:18px;background:linear-gradient(90deg,#e5e2db,#c4c7c7,#b3b6b6);border:1px solid #1c1c18;border-radius:2px;box-shadow:0 3px 6px #0006,inset 1px 1px #fff;cursor:pointer}.fader-readout{background:var(--panel-inset);border:1px solid var(--panel-border);border-radius:3px;padding:4px 6px;width:100%;text-align:center;box-shadow:inset 1px 1px 2px #0000001a}.readout-val{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--ink-black)}.bottom-rack{display:grid;grid-template-columns:1fr 1.6fr;gap:18px}@media (max-width: 1024px){.bottom-rack{grid-template-columns:1fr}}.state-meters-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.meter-cell{background:#ebe8e1;border:1px solid var(--panel-border);border-radius:3px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;box-shadow:inset 1px 1px 2px #0000000d}.meter-cell-span{grid-column:span 2}.meter-tag{font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--ink-muted)}.meter-val{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--ink-black)}.meter-val.highlight-amber{color:var(--tr-orange)}.transition-meter-block{margin-top:4px;background:#ebe8e1;border:1px solid var(--panel-border);border-radius:3px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.transition-label-row{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--ink-charcoal)}.transition-val{font-family:var(--font-mono);color:var(--tr-orange)}.analog-segment-track{height:12px;background:var(--well-black);border-radius:2px;box-shadow:var(--shadow-inset-track);overflow:hidden;padding:1px}.analog-segment-fill{height:100%;width:0%;background:linear-gradient(90deg,#d35400,#fea619);box-shadow:0 0 8px #fea61999;transition:width .15s ease-out}.sound-banks-row{display:flex;flex-direction:column;gap:6px}.banks-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--ink-charcoal)}.banks-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}@media (max-width: 640px){.banks-buttons{grid-template-columns:repeat(2,1fr)}}.bank-key{background:#ebe8e1;border:1px solid var(--panel-border-dark);border-radius:3px;padding:7px 6px;font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--ink-charcoal);cursor:pointer;box-shadow:var(--shadow-button-lift);text-align:center;outline:none;transition:all .08s ease}.bank-key:active{transform:translateY(1px);box-shadow:var(--shadow-button-pressed);background:#dfdbd2}.bank-key:hover{border-color:var(--tr-orange);color:var(--ink-black)}.terminal-input-bar{display:flex;gap:8px;margin-top:2px}.lcd-input-well{flex:1;background:var(--well-black);border:1px solid #3d3d35;border-radius:4px;padding:8px 12px;display:flex;align-items:center;gap:8px;box-shadow:inset 1px 2px 4px #000c}.prompt-symbol{font-family:var(--font-mono);color:var(--amber-led);font-weight:700;font-size:14px}#prompt-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-mono);font-size:12px;color:#fdfaf2}#prompt-input::placeholder{color:#747878;font-size:11px}.key-indicator{font-family:var(--font-mono);font-size:9px;color:var(--amber-crt);opacity:.8}.execute-btn{background:var(--tr-orange);border:1px solid var(--panel-border-dark);border-radius:4px;padding:8px 16px;display:flex;align-items:center;gap:6px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;cursor:pointer;box-shadow:var(--shadow-button-lift);outline:none;transition:all .1s ease}.execute-btn:active{transform:translateY(2px);box-shadow:var(--shadow-button-pressed)}.execute-btn:disabled{opacity:.5;cursor:not-allowed;background:#747878}.thermal-log-box{background:#fdfaf5;border:1px dashed var(--panel-border);border-radius:3px;padding:8px 12px;box-shadow:inset 0 1px 2px #0000000a}.log-title-row{border-bottom:1px dashed var(--panel-border);padding-bottom:4px;margin-bottom:6px}.log-header-text{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--ink-muted)}.log-feed{display:flex;flex-direction:column;gap:4px}.history-item{font-family:var(--font-mono);font-size:11px;display:flex;flex-direction:column;gap:1px}.history-prompt{color:var(--ink-black);font-weight:700}.history-result{color:#27ae60;font-size:10px}