:root{color:#f6f5f1;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f6f5f1;--muted:#979d96;--line:#292e2c;--panel:#111413;--panel-raised:#171a19;--acid:#d8ff3e;--acid-dark:#9dbd16;--danger:#ff655c;--blue:#75c9ff;background:#080a0a;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 78% -5%,#d8ff3e1a,#0000 31rem),#080a0a;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select,input[type=range],input[type=checkbox]{cursor:pointer}button,select{touch-action:manipulation}input[type=range]{touch-action:pan-y}button:focus-visible,input:focus-visible,select:focus-visible,pre:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.app-shell{max-width:1440px;padding:0 18px calc(118px + env(safe-area-inset-bottom));margin:0 auto}.topbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:14px;min-height:78px;display:grid}.brand{color:var(--ink);align-items:center;gap:11px;font-size:1.05rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{color:#10120d;background:var(--acid);border-radius:50%;place-items:center;width:35px;height:35px;font:800 .7rem DM Mono,monospace;display:grid}.style-picker{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 0 14px;display:grid}.style-picker span{color:#777d77;text-transform:uppercase;letter-spacing:.08em;font:500 .6rem DM Mono,monospace}.style-picker select{width:100%;min-height:40px;color:var(--ink);background:#0c0e0d;border:1px solid #353a37;border-radius:0;padding:0 36px 0 12px;font-size:.76rem;font-weight:700}.style-picker select:disabled{cursor:wait;opacity:.65}.project-picker{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:0 0 14px;display:grid}.project-picker>span{color:#777d77;text-transform:uppercase;letter-spacing:.08em;font:500 .6rem DM Mono,monospace}.project-picker button{min-width:0;min-height:40px;color:var(--ink);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#151817;border:1px solid #353a37;padding:0 12px;font-size:.75rem;font-weight:700;overflow:hidden}.engine-status{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-self:end;align-items:center;gap:8px;font:500 .72rem DM Mono,monospace;display:flex}.status-dot{background:#6d726e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #6d726e1f}.engine-status--ready .status-dot{background:var(--blue);box-shadow:0 0 0 4px #75c9ff1f}.engine-status--preparing .status-dot{background:#e6df77;box-shadow:0 0 0 4px #e6df771f}.engine-status--playing-scene .status-dot,.engine-status--playing-arrangement .status-dot,.engine-status--playing-transition .status-dot,.engine-status--exporting .status-dot{background:var(--acid);box-shadow:0 0 0 4px #d8ff3e21}.engine-status--error .status-dot,.engine-status--preparation-error .status-dot{background:var(--danger);box-shadow:0 0 0 4px #ff655c21}.hero{gap:26px;padding:54px 0 40px;display:grid}.eyebrow,.panel-kicker{color:var(--acid);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font:500 .68rem DM Mono,monospace}h1{letter-spacing:-.065em;max-width:850px;margin:0;font-size:clamp(2.8rem,9vw,6.7rem);font-weight:600;line-height:.91}.hero-copy{color:#b1b6b0;align-self:end;max-width:470px;margin:0;font-size:.95rem;line-height:1.75}.notice,.error-panel{border:1px solid var(--line);background:var(--panel);margin-bottom:16px;padding:16px}.notice{color:#d8dad7;border-left:3px solid var(--acid);font-size:.85rem}.notice--success{border-left-color:var(--blue)}.notice--action{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.notice--action button{color:#b9e4ff;background:#75c9ff14;border:1px solid #75c9ff73;min-height:34px;padding:0 11px;font-size:.68rem}.error-panel{border-color:#ff655c73;justify-content:space-between;gap:20px;display:flex}.error-panel h2{margin:0 0 5px;font-size:1rem}.error-panel p:last-child{color:#e7b1ad;margin:0;font-size:.85rem}.error-retry{color:#ffb1aa;background:#ff655c14;border:1px solid #ff655c8c;align-self:center;min-height:42px;padding:0 14px}.icon-button{color:var(--muted);background:0 0;border:0;align-self:start;font-size:1.5rem;line-height:1}.workspace-toolbar{border:1px solid var(--line);background:#111413f0;gap:10px;margin-bottom:12px;padding:12px;display:grid}.history-actions,.backup-actions{flex-wrap:wrap;gap:7px;display:flex}.workspace-toolbar button{color:#d6dad4;background:#181b19;border:1px solid #353a37;min-height:37px;padding:0 11px;font-size:.68rem}.history-actions button{min-width:82px}.history-actions span{color:var(--acid);margin-right:5px}.save-state{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;align-self:center;font:500 .61rem DM Mono,monospace}.save-state:before{content:"";background:#717771;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.save-state--saved:before{background:var(--blue)}.save-state--saving:before{background:var(--acid)}.save-state--error{color:#ff938c}.save-state--error:before{background:var(--danger)}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.workspace-grid{gap:12px;display:grid}.panel{border:1px solid var(--line);background:#111413f0;min-width:0}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding:19px 20px;display:flex}.panel-heading h2{letter-spacing:-.025em;margin:0;font-size:1.15rem}.panel-kicker{margin-bottom:5px;font-size:.61rem}.project-name,.track-count{color:var(--muted);text-align:right;font:400 .65rem DM Mono,monospace}.visualizer-panel{background:#090c0b;position:relative;overflow:hidden}.visualizer-heading{background:#101412f0;min-height:72px}.scope-fullscreen-button{color:#b9e4ff;background:#75c9ff12;border:1px solid #75c9ff6b;min-height:38px;padding:0 13px;font-size:.67rem}.club-scope-meta{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#0d100f;flex-wrap:wrap;align-items:center;gap:8px 15px;padding:10px 20px;font:500 .61rem DM Mono,monospace;display:flex}.club-scope-meta strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.club-scope-meta>span:last-child{align-items:center;gap:7px;margin-left:auto;display:inline-flex}.club-scope-meta .status-dot--playing-scene,.club-scope-meta .status-dot--playing-arrangement,.club-scope-meta .status-dot--playing-transition{background:var(--acid);box-shadow:0 0 0 4px #d8ff3e21}.club-scope-meta .status-dot--ready{background:var(--blue)}.club-scope-meta .status-dot--error{background:var(--danger)}.club-scope-canvas{background:#090c0b;width:100%;height:clamp(210px,38vw,310px);position:relative}.club-scope-canvas canvas{width:100%;height:100%;display:block}.club-scope-idle{color:#cedbd294;text-align:center;text-transform:uppercase;letter-spacing:.08em;pointer-events:none;margin:0;font:500 .62rem DM Mono,monospace;position:absolute;inset:50% 18px auto;transform:translateY(-50%)}.scope-fullscreen-transport{padding:12px max(14px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));border-top:1px solid var(--line);background:#0d100f;grid-template-columns:1fr 1fr;gap:7px;display:grid}.scope-fullscreen-transport button{min-height:44px;color:var(--ink);background:#191d1a;border:1px solid #3a403b;font-size:.68rem}.scope-fullscreen-transport button:first-child{border-color:#d8ff3e73}.scope-fullscreen-transport .scope-panic{color:#ffaaa4;border-color:#ff655c85}.visualizer-panel--fullscreen{z-index:80;background:#070a09;border:0;grid-template-rows:auto auto minmax(0,1fr) auto;width:100vw;height:100dvh;display:grid;position:fixed;inset:0}.visualizer-panel--fullscreen .club-scope-canvas{height:100%;min-height:0}.visualizer-panel--fullscreen .visualizer-heading{padding-top:max(19px, env(safe-area-inset-top))}.visualizer-panel:fullscreen{width:100vw;height:100dvh}.live-visuals{background:#090c0b;grid-template-rows:auto minmax(230px,1fr) auto;min-height:0;display:grid}.visual-tabs{border-bottom:1px solid var(--line);background:#0b100d;align-items:center;gap:5px;padding:8px 12px;display:flex}.visual-tabs button{min-height:34px;color:var(--muted);background:#111613;border:1px solid #333b35;padding:0 12px;font-size:.66rem}.visual-tabs button[aria-selected=true]{color:var(--acid);background:#d8ff3e14;border-color:#d8ff3e8c}.visual-tabs>span{color:#718077;text-transform:uppercase;margin-left:auto;font:.56rem DM Mono,monospace}.piano-roll{background:#090d0b;grid-template-columns:minmax(66px,112px) minmax(0,1fr);min-height:230px;display:grid}.piano-roll-labels{border-right:1px solid var(--line);grid-template-rows:repeat(8,1fr);display:grid}.piano-roll-labels button{color:#cad3cd;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#0c110e;border:0;border-bottom:1px solid #c2dac91a;border-radius:0;min-width:0;padding:0 7px;font-size:.58rem;overflow:hidden}.piano-roll-labels button:hover,.piano-roll-labels button:focus-visible{color:var(--acid);background:#151c16}.piano-roll-labels button span{color:#637168;margin-right:6px;font-family:DM Mono,monospace}.piano-roll-canvas{min-width:0;min-height:230px;position:relative}.piano-roll-canvas canvas{width:100%;height:100%;display:block}.mix-check{border-top:1px solid var(--line);background:#0d120f;grid-template-columns:repeat(3,minmax(120px,1fr)) minmax(150px,auto);align-items:center;gap:9px 14px;padding:9px 14px;display:grid}.mix-check label{min-width:0;color:var(--muted);text-transform:uppercase;grid-template-columns:auto minmax(40px,1fr) auto;align-items:center;gap:7px;font:.56rem DM Mono,monospace;display:grid}.mix-check label b{min-width:58px;color:var(--ink);text-align:right;text-transform:none;font-weight:500}.mix-check meter{width:100%;height:8px;accent-color:var(--acid)}.mix-check .meter-danger meter{accent-color:#ff8b57}.mix-check-warning{color:#83a08e;text-align:right;text-transform:uppercase;margin:0;font:600 .59rem DM Mono,monospace}.mix-check-warning--active{color:#ff9f70}.song-progress{border-top:1px solid var(--line);background:#0a0f0c;padding:10px 14px 12px}.song-progress-track{background:#070a08;border:1px solid #354038;border-radius:4px;height:25px;display:flex;position:relative;overflow:hidden}.song-progress-track>span{color:#839087;background:#151b17;border-right:1px solid #c2dac933;place-items:center;min-width:7px;display:grid}.song-progress-track>span.is-active{color:#eaff9a;box-shadow:inset 0 -2px var(--acid);background:#d8ff3e2e}.song-progress-track i{text-overflow:ellipsis;white-space:nowrap;max-width:95%;font:.52rem DM Mono,monospace;overflow:hidden}.song-progress-track .song-progress-tail{color:#6b7970;background:repeating-linear-gradient(135deg,#101512,#101512 4px,#151b17 4px 8px)}.song-progress-playhead{z-index:2;width:2px;box-shadow:0 0 8px var(--acid);background:#efffb2;position:absolute;top:0;bottom:0;transform:translate(-1px)}.song-progress p{color:#96a49b;margin:7px 0 0;font:.57rem DM Mono,monospace}.visualizer-panel--fullscreen .live-visuals{min-height:0}.visualizer-panel--fullscreen .piano-roll,.visualizer-panel--fullscreen .piano-roll-canvas{height:100%;min-height:0}.control-grid{display:grid}.control-field{border-bottom:1px solid var(--line);align-content:start;gap:14px;min-width:0;min-height:166px;padding:21px 20px;display:grid;position:relative}.control-field:last-child{border-bottom:0}.control-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font:500 .68rem DM Mono,monospace}.value-readout{letter-spacing:-.06em;font-size:2.55rem;font-weight:600;line-height:1}.value-readout small{color:var(--muted);letter-spacing:0;margin-left:3px;font-size:.85rem}.control-field input[type=range]{width:100%;height:3px;accent-color:var(--acid);margin:7px 0 0}.range-caption,.energy-scale{color:#696f6a;text-transform:uppercase;justify-content:space-between;font:400 .58rem DM Mono,monospace;display:flex}.control-field select{width:100%;min-height:46px;color:var(--ink);background:#0c0e0d;border:1px solid #353a37;border-radius:0;margin-top:8px;padding:0 13px}.field-note{color:#676d68;font:400 .62rem DM Mono,monospace}.groove-controls,.morph-controls{border-top:1px solid var(--line);background:linear-gradient(135deg,#d8ff3e09,#0000 52%);padding:18px 20px 21px}.morph-controls{background:linear-gradient(135deg,#75c9ff0a,#0000 52%)}.groove-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.groove-heading h3{margin:0;font-size:.88rem}.groove-heading p{max-width:620px;color:var(--muted);margin:5px 0 0;font-size:.65rem;line-height:1.5}.groove-current{color:var(--acid);text-transform:uppercase;border:1px solid #d8ff3e59;flex:none;padding:5px 8px;font:600 .55rem DM Mono,monospace}.groove-preset-list{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.groove-preset-list button{color:#b6beb8;background:#111412;border:1px solid #3b423d;min-height:34px;padding:0 10px;font:500 .58rem DM Mono,monospace}.groove-preset-list button[aria-pressed=true]{border-color:var(--acid-dark);color:var(--acid);background:#d8ff3e14}.groove-slider-grid,.morph-slider-grid{gap:13px;margin-top:17px;display:grid}.groove-slider{gap:7px;min-width:0;display:grid}.groove-slider>span{color:#c8cec9;letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;font:600 .59rem DM Mono,monospace;display:flex}.groove-slider output{color:var(--acid)}.groove-slider input{width:100%;accent-color:var(--acid)}.groove-slider small{color:#747c76;font:400 .56rem/1.35 DM Mono,monospace}.arrangement-heading{align-items:end}.arrangement-summary{text-align:right;gap:3px;font:400 .63rem DM Mono,monospace;display:grid}.arrangement-summary strong{color:var(--ink);font-size:.72rem}.arrangement-summary span{color:var(--muted)}.arrangement-name-row{border-bottom:1px solid var(--line);padding:15px 20px}.arrangement-name-row label,.scene-editor label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:7px;font:500 .59rem DM Mono,monospace;display:grid}.arrangement-name-row input,.scene-editor input,.scene-editor select{width:100%;min-height:42px;color:var(--ink);background:#0c0e0d;border:1px solid #353a37;border-radius:0;padding:0 11px}.timeline{border-bottom:1px solid var(--line);scrollbar-color:#4a504c #151817;gap:8px;padding:20px;display:flex;overflow-x:auto}.scene-block{flex:var(--scene-bars) 0 calc(var(--scene-bars) * 5px + 60px);min-height:128px;color:var(--ink);text-align:left;background:#151817;border:1px solid #343936;align-content:space-between;gap:7px;padding:13px;display:grid;position:relative}.scene-block:hover{border-color:#626961}.scene-block--selected{border-color:var(--acid-dark);background:#d8ff3e12}.scene-block--playing{box-shadow:inset 0 4px 0 var(--acid)}.scene-index{color:#676e68;font:400 .57rem DM Mono,monospace}.scene-selected-badge{border:1px solid var(--acid-dark);color:var(--acid);letter-spacing:.04em;text-transform:uppercase;background:#11150d;padding:3px 5px;font:600 .46rem DM Mono,monospace;position:absolute;top:9px;right:9px}.scene-block strong{text-overflow:ellipsis;white-space:nowrap;align-self:end;font-size:.86rem;overflow:hidden}.scene-block small{color:var(--muted);white-space:nowrap;font:400 .58rem DM Mono,monospace}.transition-badge{color:#b9e4ff;text-overflow:ellipsis;white-space:nowrap;font:500 .54rem DM Mono,monospace;overflow:hidden}.scene-morph-badge{color:#d8ff3e;text-overflow:ellipsis;white-space:nowrap;font:500 .5rem DM Mono,monospace;overflow:hidden}.scene-editor{gap:12px;padding:17px 20px 20px;display:grid}.transition-editor{border:1px solid #303632;align-items:end;gap:12px;margin:2px 0 0;padding:14px;display:grid}.transition-editor legend{color:#b9e4ff;letter-spacing:.07em;text-transform:uppercase;padding:0 7px;font:600 .61rem DM Mono,monospace}.transition-editor button{color:#b9e4ff;background:#75c9ff12;border:1px solid #75c9ff7a;min-height:42px;padding:0 13px}.transition-strength input{width:100%;accent-color:var(--blue)}.transition-strength span{justify-content:space-between;display:flex}.transition-note{color:#777e78;margin:-2px 0 0;font:400 .63rem/1.55 DM Mono,monospace}.scene-actions{flex-wrap:wrap;gap:7px;display:flex}.scene-actions button{color:#d6dad4;background:#181b19;border:1px solid #353a37;min-height:38px;padding:0 11px;font-size:.7rem}.scene-actions .scene-delete{color:#ff938c;border-color:#ff655c59}.scene-actions .scene-template-reset{border-color:#ff655c59;margin-left:auto}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.55}.scene-presets{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:7px;padding:13px 20px;display:flex}.scene-presets>span{width:100%;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font:500 .59rem DM Mono,monospace}.scene-presets button,.variation-controls button,.sound-toggle,.track-reset{color:#d6dad4;background:#181b19;border:1px solid #353a37;min-height:34px;padding:0 10px;font-size:.67rem}.scene-presets button:hover,.variation-controls button:hover,.sound-toggle:hover{border-color:#6b736c}.scene-presets button[aria-pressed=true]{border-color:var(--acid);color:#101407;background:var(--acid);font-weight:700}.performance-toolbar{border-bottom:1px solid var(--line);background:#75c9ff06;flex-wrap:wrap;align-items:center;gap:8px;padding:13px 20px;display:flex}.comparison-actions{gap:6px;display:flex}.performance-toolbar button{color:#d6dad4;background:#181b19;border:1px solid #3b423d;min-height:34px;padding:0 10px;font-size:.67rem}.comparison-actions button[aria-pressed=true],.solo-button[aria-pressed=true]{border-color:var(--acid);color:#11140a;background:var(--acid)}.performance-toolbar .clear-solo{color:#b9e4ff;border-color:#75c9ff61}.performance-state{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-left:auto;font:500 .59rem DM Mono,monospace}.comparison-notice{color:#e5efbd;background:#d8ff3e0e;border-bottom:1px solid #d8ff3e3d;margin:0;padding:10px 20px;font-size:.72rem}.song-mix{border-bottom:1px solid var(--line);background:#d8ff3e05;padding:17px 20px 19px}.song-mix-heading{justify-content:space-between;align-items:end;gap:14px;display:flex}.song-mix-heading h3{margin:3px 0 0;font-size:.98rem}.song-mix-state{color:var(--acid);letter-spacing:.06em;text-transform:uppercase;font:600 .6rem DM Mono,monospace}.song-mix-help{color:var(--muted);margin:7px 0 13px;font-size:.68rem;line-height:1.5}.song-mix-presets{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:16px;display:flex}.song-mix-presets>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-right:4px;font:500 .58rem DM Mono,monospace}.song-mix-presets button{color:#d6dad4;background:#181b19;border:1px solid #3b423d;min-height:34px;padding:0 10px;font-size:.67rem}.song-mix-presets button:hover:not(:disabled){border-color:#77806f}.song-mix-presets button[aria-pressed=true]{border-color:var(--acid);color:#101407;background:var(--acid);font-weight:700;box-shadow:0 0 0 1px #d8ff3e33,0 0 16px #d8ff3e1f}.song-mix-presets button[aria-pressed=true]:hover:not(:disabled){background:#e4ff72;border-color:#efffb0}.song-mix-controls{gap:13px;margin-top:16px;display:grid}.song-mix-controls label{color:#adb2ad;grid-template-columns:minmax(76px,auto) minmax(90px,1fr) 52px;align-items:center;gap:9px;font:500 .61rem DM Mono,monospace;display:grid}.song-mix-controls input{width:100%;accent-color:var(--acid)}.song-mix-controls output{color:#c7cdc6;text-align:right}.detail-toggle{color:#d9ded8;letter-spacing:.03em;background:#151917;border:1px solid #3a423c;min-height:36px;margin-top:14px;padding:0 11px;font:600 .61rem DM Mono,monospace}.detail-toggle span{color:var(--acid);margin-left:6px}.detail-toggle[aria-expanded=true]{color:var(--acid);background:#d8ff3e0e;border-color:#d8ff3e8c}.export-progress{border:1px solid #d8ff3e52;border-left:3px solid var(--acid);background:#d8ff3e0b;gap:5px;margin:16px 0 0;padding:13px 15px;display:grid}.export-progress strong{color:var(--acid);letter-spacing:.04em;text-transform:uppercase;font:650 .72rem DM Mono,monospace}.export-progress>span:not(.visually-hidden){color:#e1e6de;font:500 .68rem DM Mono,monospace}.export-progress small{color:var(--muted);font-size:.66rem;line-height:1.5}.track-list{padding:0 20px}.track-row{border-bottom:1px solid var(--line);min-height:112px;padding:17px 0}.track-row:last-child{border-bottom:0}.track-row--muted .track-number,.track-row--muted .track-info{opacity:.45}.track-row--solo{box-shadow:inset 2px 0 var(--acid)}.track-row--solo-muted .track-number,.track-row--solo-muted .track-info,.track-row--solo-muted .track-performance{opacity:.38}.track-row-main{grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.track-number{color:#555b56;font:400 .62rem DM Mono,monospace}.track-info h3{margin:0 0 5px;font-size:.96rem}.track-info p{color:var(--muted);margin:0;font-size:.72rem;line-height:1.5;display:none}.toggle-control,.lock-control{align-items:center;gap:7px;font-size:.7rem;display:inline-flex}.toggle-control input,.lock-control input{opacity:0;pointer-events:none;position:absolute}.toggle-control span{background:#242825;border:1px solid #4b514c;border-radius:20px;width:35px;height:19px;position:relative}.toggle-control span:after{content:"";background:#899089;border-radius:50%;width:11px;height:11px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle-control input:checked+span{border-color:var(--acid-dark);background:#d8ff3e24}.toggle-control input:checked+span:after{background:var(--acid);transform:translate(16px)}.toggle-control input:focus-visible+span,.lock-control input:focus-visible+span{outline:2px solid var(--acid);outline-offset:3px}.toggle-control b,.lock-control b{font-weight:600}.lock-control{color:var(--muted);grid-column:2;justify-self:start}.lock-control span{color:var(--acid);font-size:.85rem}.solo-button{color:#b8bdb7;text-transform:uppercase;background:#171a18;border:1px solid #444a45;grid-column:3;min-height:31px;padding:0 9px;font:600 .61rem DM Mono,monospace}.track-performance{grid-template-columns:1fr auto;align-items:center;gap:10px;padding:14px 0 0 42px;display:grid}.track-level{color:var(--muted);grid-column:1/-1;grid-template-columns:auto minmax(80px,1fr) 28px;align-items:center;gap:9px;font:500 .61rem DM Mono,monospace;display:grid}.track-level input,.track-sound-panel input{width:100%;accent-color:var(--acid)}.track-level output,.track-sound-panel output{color:#aeb4ae;text-align:right}.variation-controls{align-items:center;gap:6px;display:flex}.variation-controls span{color:#8e948e;text-align:center;min-width:26px;font:500 .6rem DM Mono,monospace}.sound-toggle{min-width:76px;color:var(--acid);justify-self:end}.sound-toggle span{margin-left:5px}.track-sound-panel{background:#0d100f;border:1px solid #303532;gap:13px;margin:15px 0 0 42px;padding:15px;display:grid}.track-sound-panel label{color:#adb2ad;grid-template-columns:minmax(70px,auto) minmax(90px,1fr) 28px;align-items:center;gap:10px;font:500 .62rem DM Mono,monospace;display:grid}.track-reset{color:#aeb4ae;background:0 0;justify-self:start;margin-top:2px}.transport-panel{position:relative;overflow:hidden}.transport-panel:after{content:"";pointer-events:none;border:1px solid #d8ff3e1f;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;right:-75px;box-shadow:0 0 0 32px #d8ff3e06,0 0 0 64px #d8ff3e05}.transport-actions{z-index:1;grid-template-columns:1fr 1fr;gap:9px;padding:20px 20px 10px;display:grid;position:relative}.button{min-height:51px;color:var(--ink);text-transform:uppercase;letter-spacing:.08em;background:#191d1b;border:1px solid #363b38;font-size:.78rem;font-weight:700}.button span{margin-right:8px;font-size:.7rem}.button:disabled{opacity:.65}.button--play{border-color:var(--acid);color:#11140a;background:var(--acid);grid-column:1/-1;min-height:64px;font-size:.9rem}.button--arrangement{color:#b9e4ff;background:#75c9ff14;border-color:#75c9ff8c;grid-column:1/-1}.button--export{color:var(--acid);background:#d8ff3e0f;border-color:#5b6540}.button--test-export{grid-column:1}.button--song-export{grid-column:2}.button--panic{color:#ff938c;background:#ff655c12;border-color:#ff655c8c}.edit-actions{z-index:1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:22px;padding:17px 20px;display:flex;position:relative}.text-button{color:#c5c9c4;background:0 0;border:0;padding:0;font-size:.75rem}.text-button span{width:22px;color:var(--acid);display:inline-block}.gesture-note{z-index:1;color:#717771;margin:0;padding:18px 20px 22px;font:400 .64rem/1.6 DM Mono,monospace;position:relative}.code-panel{background:#0c0f0e}.panel-heading--code{align-items:end}.code-heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.copy-button{color:#cbd0ca;text-transform:uppercase;background:0 0;border:1px solid #343936;min-height:34px;padding:0 12px;font:500 .62rem DM Mono,monospace}.code-detail-toggle{text-transform:uppercase;margin-top:0}.code-tabs{border-bottom:1px solid var(--line);background:#0c0f0e;gap:1px;padding:12px 20px 0;display:flex}.code-tabs button{min-height:35px;color:var(--muted);text-transform:uppercase;background:#121513;border:1px solid #303532;border-bottom:0;padding:0 14px;font:500 .62rem DM Mono,monospace}.code-tabs button[aria-selected=true]{color:#11140a;background:var(--acid);border-color:var(--acid)}pre{color:#d5d9d3;tab-size:2;white-space:pre;background:repeating-linear-gradient(0deg,#0000,#0000 25px,#ffffff03 26px);min-height:390px;max-height:560px;margin:0;padding:22px 20px 30px;font:400 .7rem/1.82 DM Mono,monospace;overflow:auto}code{font-family:inherit}footer{color:#5d635e;letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:7px;padding:24px 1px 0;font:400 .58rem DM Mono,monospace;display:flex}.release-links{flex-wrap:wrap;gap:12px;display:flex}.release-links a{color:#aab0aa;text-underline-offset:3px;align-items:center;min-height:44px;display:inline-flex}.release-links a:hover{color:var(--acid)}.quick-transport{z-index:15;right:max(10px, env(safe-area-inset-right));bottom:max(9px, env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0f0df5;border:1px solid #414842;grid-template-columns:minmax(0,1fr);gap:8px;max-width:760px;margin-inline:auto;padding:9px;display:grid;position:fixed;box-shadow:0 16px 50px #00000094}.quick-transport-status{align-items:center;gap:9px;min-width:0;display:none}.quick-transport-status>span:last-child{min-width:0;display:grid}.quick-transport-status b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.quick-transport-status small{color:var(--muted);text-transform:uppercase;font:500 .55rem DM Mono,monospace}.quick-transport .status-dot--playing-scene,.quick-transport .status-dot--playing-arrangement,.quick-transport .status-dot--playing-transition,.quick-transport .status-dot--exporting{background:var(--acid);box-shadow:0 0 0 4px #d8ff3e21}.quick-transport .status-dot--ready{background:var(--blue)}.quick-transport .status-dot--error{background:var(--danger)}.quick-transport-actions{grid-template-columns:1fr 1fr 40px 58px;gap:6px;display:grid}.quick-transport-actions button{color:#e3e7e1;background:#191d1a;border:1px solid #3a403b;min-height:42px;padding:0 9px;font-size:.65rem}.quick-transport-actions button:first-child{border-color:#d8ff3e73}.quick-transport-actions .quick-panic{color:#ffaaa4;border-color:#ff655c85}.dialog-backdrop{z-index:20;background:#000000c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirmation-dialog{background:#111413;border:1px solid #454b47;width:min(100%,560px);max-height:calc(100dvh - 36px);padding:24px;overflow:auto;box-shadow:0 24px 80px #0000008c}.confirmation-dialog h2{margin:0;font-size:1.3rem}.confirmation-copy{color:#b8bdb7;margin-top:14px;font-size:.82rem;line-height:1.65}.confirmation-copy p{margin:0}.import-warnings{border-left:3px solid var(--acid);background:#181b19;margin-top:14px;padding:13px}.import-warnings strong{color:var(--ink);font-size:.74rem}.import-warnings ul{margin:8px 0 0;padding-left:18px}.import-valid{color:#b9e4ff}.confirmation-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.confirmation-actions button{min-height:42px;color:var(--ink);background:#191d1b;border:1px solid #3b413d;padding:0 14px;font-size:.72rem}.confirmation-actions .confirm-danger{color:#ffaaa4;background:#ff655c14;border-color:#ff655c8c}.library-dialog{background:#111413;border:1px solid #454b47;width:min(100%,980px);max-height:calc(100dvh - 36px);padding:22px;overflow:auto;box-shadow:0 24px 80px #0000009e}.library-heading,.library-group-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.library-heading h2{margin:0;font-size:clamp(1.45rem,5vw,2.25rem)}.library-heading p:last-child{color:var(--muted);margin:7px 0 0;font:500 .62rem DM Mono,monospace}.library-toolbar{align-items:center;gap:12px;margin:20px 0;display:flex}.library-toolbar button,.library-form-actions .button--play{border:1px solid var(--acid);color:#11140a;background:var(--acid);min-height:43px;padding:0 15px;font-weight:700}.library-toolbar span{color:#ffaaa4;font:500 .61rem DM Mono,monospace}.library-groups{gap:22px;display:grid}.library-group{min-width:0}.library-group-heading{border-bottom:1px solid var(--line);align-items:end;padding-bottom:8px}.library-group-heading h3{margin:0;font-size:.88rem}.library-group-heading span{color:var(--muted);text-transform:uppercase;font:500 .58rem DM Mono,monospace}.library-projects{gap:7px;padding-top:8px;display:grid}.library-project{background:#151817;border:1px solid #303532;gap:12px;padding:14px;display:grid}.library-project--active{background:#d8ff3e0b;border-color:#d8ff3e8c}.library-project-main{min-width:0}.library-project-main>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.library-project-main strong{overflow-wrap:anywhere;font-size:.82rem}.library-project-main p{color:#b5bab4;margin:6px 0;font:500 .62rem DM Mono,monospace}.library-project-main small{color:#737a73;font:400 .57rem DM Mono,monospace}.active-project-badge{color:#11140a;background:var(--acid);text-transform:uppercase;padding:3px 6px;font:700 .52rem DM Mono,monospace}.library-project-actions{flex-wrap:wrap;gap:6px;display:flex}.library-project-actions button,.library-form-actions button{color:#d8ddd7;background:#1b1f1c;border:1px solid #3a403c;min-height:35px;padding:0 10px;font-size:.65rem}.library-project-actions .scene-delete{color:#ffaaa4;border-color:#ff655c66}.library-form{border:1px solid var(--line);background:#171a19;gap:16px;max-width:560px;margin:24px auto 4px;padding:18px;display:grid}.library-form h3{margin:0}.library-form>label{color:var(--muted);text-transform:uppercase;gap:7px;font:500 .61rem DM Mono,monospace;display:grid}.library-form input,.library-form select{min-height:44px;color:var(--ink);background:#0c0e0d;border:1px solid #3a403c;padding:0 11px}.library-form>p{color:var(--muted);margin:0;font-size:.72rem}.library-form-actions{justify-content:flex-end;gap:8px;display:flex}.help-dialog{background:#111413;border:1px solid #454b47;width:min(100%,720px);max-height:calc(100dvh - 36px);padding:25px;position:relative;overflow:auto;box-shadow:0 24px 80px #0000009e}.help-dialog h2{max-width:540px;margin:0;font-size:clamp(1.45rem,5vw,2.3rem);line-height:1.05}.help-dialog>p:not(.panel-kicker){color:#aeb4ae;font-size:.82rem}.help-close{width:36px;height:36px;color:var(--muted);background:0 0;border:0;font-size:1.35rem;position:absolute;top:14px;right:14px}.quick-start-steps{background:var(--line);gap:1px;margin:22px 0 16px;padding:0;list-style:none;display:grid}.quick-start-steps li{background:#171a18;grid-template-columns:32px minmax(0,1fr);gap:11px;padding:13px;display:grid}.quick-start-steps li>span{color:var(--acid);font:500 .62rem DM Mono,monospace}.quick-start-steps strong{font-size:.79rem}.quick-start-steps p{color:var(--muted);margin:4px 0 0;font-size:.7rem;line-height:1.5}.shortcut-guide{border:1px solid var(--line);flex-wrap:wrap;gap:7px;padding:13px;display:flex}.shortcut-guide span{color:#aeb4ae;font-size:.64rem}kbd{color:var(--ink);background:#202421;border:1px solid #4b524c;border-bottom-width:2px;padding:2px 5px;font:500 .58rem DM Mono,monospace}.help-start{border:1px solid var(--acid);color:#11140a;background:var(--acid);width:100%;min-height:45px;margin-top:16px;font-weight:700}@media (width<=679px){.app-shell{padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right));padding-bottom:calc(128px + env(safe-area-inset-bottom))}.topbar{column-gap:9px}.engine-status{letter-spacing:.045em;text-align:right;min-width:0;font-size:.58rem}.style-picker select,.project-picker button,.workspace-toolbar button,.visual-tabs button,.groove-preset-list button,.library-project-actions button,.library-form-actions button,.performance-toolbar button,.detail-toggle,.song-mix-presets button{min-height:44px}.song-mix-heading{align-items:start}.song-mix-state{text-align:right;max-width:120px}.panel-heading--code{align-items:start}.code-heading-actions{max-width:150px}.code-heading-actions button{width:100%;min-height:44px}.button--export{letter-spacing:.045em;padding-inline:7px;font-size:.66rem}input[type=range]{min-height:44px;margin-block:-12px}.dialog-backdrop{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}.confirmation-dialog,.library-dialog,.help-dialog{max-height:calc(100dvh - max(20px, env(safe-area-inset-top)) - max(20px, env(safe-area-inset-bottom)));padding:18px}.quick-transport-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px 60px}.quick-transport-actions button{min-height:44px;padding-inline:6px}.visual-tabs>span{display:none}.piano-roll{grid-template-columns:72px minmax(0,1fr)}.piano-roll-labels button{padding-inline:5px;font-size:.52rem}.piano-roll-labels button span{display:none}.mix-check{grid-template-columns:1fr;gap:7px}.mix-check-warning{text-align:left}.song-progress-track i{display:none}.song-progress p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (width>=680px){.transition-editor{grid-template-columns:minmax(130px,1fr) minmax(160px,1.4fr) auto}.app-shell{padding-inline:28px}.topbar{grid-template-columns:1fr auto auto auto}.style-picker{border-top:0;border-right:1px solid var(--line);grid-column:auto;grid-template-columns:auto auto;padding:0 24px 0 0}.style-picker select{width:auto;min-width:158px}.project-picker{border-right:1px solid var(--line);grid-column:auto;grid-template-columns:auto auto;max-width:260px;padding:0 24px 0 0}.project-picker button{max-width:170px}.library-project{grid-template-columns:minmax(0,1fr) auto;align-items:center}.library-project-actions{justify-content:flex-end}.hero{grid-template-columns:1.35fr .65fr;padding-block:70px 54px}.workspace-toolbar{grid-template-columns:auto 1fr auto;align-items:center;padding:12px 16px}.save-state{justify-self:center}.control-grid{grid-template-columns:1fr 1fr}.control-field{border-right:1px solid var(--line)}.control-field:nth-child(2){border-right:0}.control-field--energy{border-right:0;grid-column:1/-1}.groove-slider-grid,.morph-slider-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.scene-editor{grid-template-columns:minmax(190px,1fr) 140px;align-items:end}.scene-actions{grid-column:1/-1}.scene-presets>span{width:auto;margin-right:5px}.song-mix-controls{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.track-row-main{grid-template-columns:34px minmax(190px,1fr) auto auto auto}.track-info p{display:block}.lock-control,.solo-button{grid-column:auto}.track-performance{grid-template-columns:minmax(190px,1fr) auto auto;padding-left:46px}.track-level{grid-column:auto}.track-sound-panel{grid-template-columns:1fr 1fr;margin-left:46px}.track-reset{grid-column:1/-1}footer{flex-direction:row;justify-content:space-between;align-items:center}.quick-transport{grid-template-columns:minmax(150px,.65fr) minmax(420px,1.35fr);align-items:center}.quick-transport-status{display:flex}.scope-fullscreen-transport{grid-template-columns:repeat(4,minmax(120px,1fr))}}@media (width>=1050px){.app-shell{padding-inline:42px}.workspace-grid{grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);align-items:start}.controls-panel,.arrangement-panel,.visualizer-panel,.tracks-panel{grid-column:1}.transport-panel{grid-area:1/2}.code-panel{grid-area:2/2}.hero-copy{justify-self:end}.control-grid{grid-template-columns:.7fr .85fr 1.45fr}.control-field,.control-field:nth-child(2){border-right:1px solid var(--line);border-bottom:0}.control-field--energy{border-right:0;grid-column:auto}.groove-slider-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.morph-slider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}pre{min-height:480px}}@media (prefers-reduced-motion:reduce){.club-scope-canvas,.club-scope-canvas canvas{transition:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}