:root{--bg: #0a0e14;--surface: #121820;--surface-2: #1a2230;--border: #1e2d3d;--border-hi: #2e4060;--text: #c8d8e8;--text-muted: #5a7090;--binaural: #00e5ff;--acid: #39ff14;--accent: #ff3399;--knob-color: var(--binaural);--radius: 8px;--radius-sm: 4px;--gap: 16px;--panel-pad: 20px;font-family:Courier New,Courier,monospace;font-size:14px;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:14px var(--panel-pad);border-bottom:1px solid var(--border);background:var(--surface)}.app-header h1{font-size:1.4rem;letter-spacing:.15em;color:var(--binaural);text-transform:lowercase}.subtitle{font-size:.72rem;color:var(--text-muted);margin-top:3px;display:block;letter-spacing:.05em}.header-status{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);transition:background .2s}.status-dot.running{background:var(--acid);box-shadow:0 0 6px var(--acid);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.app-main{display:flex;flex-direction:column;gap:var(--gap);padding:var(--gap);flex:1;max-width:1200px;width:100%;margin:0 auto}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--panel-pad)}.panel-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-bottom:16px;display:flex;align-items:center;gap:8px}.panel-icon{color:var(--knob-color, var(--binaural))}.panel-hint{font-size:.65rem;color:var(--text-muted);margin-left:auto;letter-spacing:.02em;text-transform:none}.engines-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}@media (max-width: 700px){.engines-row{grid-template-columns:1fr}}.binaural-panel{--knob-color: var(--binaural);border-color:#00e5ff22}.acid-panel{--knob-color: var(--acid);border-color:#39ff1422}.knobs-row{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px}.knob{display:flex;flex-direction:column;align-items:center;gap:5px;-webkit-user-select:none;user-select:none}.knob-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.knob-body{width:68px;height:68px;border-radius:50%;cursor:grab;outline:none;position:relative;touch-action:none}.knob-body:focus-visible{box-shadow:0 0 0 2px var(--knob-color, var(--binaural))}.knob-body.dragging{cursor:grabbing}.knob-svg{width:100%;height:100%;overflow:visible}.knob-track{stroke:var(--border-hi)}.knob-arc{stroke:var(--knob-color, var(--binaural));filter:drop-shadow(0 0 3px var(--knob-color, var(--binaural)))}.knob-centre{fill:var(--surface-2);stroke:var(--border-hi);stroke-width:1.5}.knob-indicator{stroke:var(--knob-color, var(--binaural))}.knob-value{font-size:.75rem;color:var(--text);min-width:56px;text-align:center}.preset-group{display:flex;align-items:center;gap:10px;margin-bottom:10px}.preset-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);min-width:42px}.btn-group{display:flex;gap:4px;flex-wrap:wrap}.pill-btn{padding:4px 10px;border-radius:20px;border:1px solid var(--border-hi);background:transparent;color:var(--text-muted);font-family:inherit;font-size:.72rem;cursor:pointer;transition:all .15s;letter-spacing:.04em}.pill-btn:hover{border-color:var(--knob-color, var(--binaural));color:var(--knob-color, var(--binaural))}.pill-btn.active{background:var(--knob-color, var(--binaural));border-color:var(--knob-color, var(--binaural));color:var(--bg);font-weight:700}.control-row{display:flex;align-items:center;gap:10px;margin-top:10px}.action-btn{padding:5px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-hi);background:transparent;color:var(--binaural);font-family:inherit;font-size:.72rem;cursor:pointer;transition:all .15s}.action-btn:hover{background:var(--binaural);color:var(--bg)}.value-tag{font-size:.75rem;color:var(--binaural);font-family:monospace}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.75rem;color:var(--text-muted)}.toggle-label input[type=checkbox]{accent-color:var(--knob-color, var(--binaural));width:14px;height:14px;cursor:pointer}.toggle-text{color:var(--text-muted);transition:color .15s}.toggle-label:has(input:checked) .toggle-text{color:var(--knob-color, var(--binaural))}.transport-panel{display:flex;align-items:center;gap:24px;padding:14px var(--panel-pad)}.transport-btns{display:flex;gap:8px}.transport-btn{padding:8px 20px;border-radius:var(--radius-sm);border:1px solid var(--border-hi);background:transparent;color:var(--text-muted);font-family:inherit;font-size:.85rem;letter-spacing:.06em;cursor:pointer;transition:all .15s}.transport-btn:hover{border-color:var(--acid);color:var(--acid)}.transport-btn.active{background:var(--acid);border-color:var(--acid);color:var(--bg);font-weight:700}.transport-info{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-muted);margin-left:auto}.transport-info #transport-step{color:var(--acid);min-width:20px;text-align:center}.info-label{text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}.sequencer-panel{--knob-color: var(--acid)}.sequencer-wrap{overflow-x:auto;padding-bottom:4px}.seq-grid{display:flex;gap:5px;min-width:max-content}.seq-step{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border-radius:var(--radius-sm);border:1px solid transparent;transition:border-color .05s,background .05s;min-width:48px}.seq-step.playing{border-color:var(--acid);background:#39ff140f}.seq-step:nth-child(4n+1){border-left:2px solid var(--border-hi)}.seq-num{width:32px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--border-hi);background:transparent;color:var(--text-muted);font-family:inherit;font-size:.7rem;cursor:pointer;transition:all .1s;text-align:center}.seq-num:hover{border-color:var(--acid);color:var(--acid)}.seq-num.active{background:var(--acid);border-color:var(--acid);color:var(--bg);font-weight:700}.seq-note{width:48px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:.65rem;padding:2px;text-align:center;cursor:pointer}.seq-note:focus{border-color:var(--acid);outline:none}.seq-btn{width:22px;height:20px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;font-family:inherit;font-size:.65rem;font-weight:700;cursor:pointer;transition:all .1s;text-align:center;line-height:1}.seq-btn.accent{color:var(--accent)}.seq-btn.accent:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.seq-btn.accent.on{background:var(--accent);border-color:var(--accent);color:var(--bg)}.seq-btn.slide{color:var(--binaural)}.seq-btn.slide:hover{background:var(--binaural);color:var(--bg);border-color:var(--binaural)}.seq-btn.slide.on{background:var(--binaural);border-color:var(--binaural);color:var(--bg)}.visualizer-panel{padding-bottom:12px}#visualizer{display:block;width:100%;height:210px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0a0e14}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}