:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;max-width:none;height:100svh;min-height:100svh;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#d3d3d3;--muted:#8f8f8b;--dim:#5e5d59;--line:#30302e;--line-strong:#5a5a56;--soft:#0d0d0c;--surface:#242424;--surface-2:#000;--surface-3:#30302e;--chrome-hi:#3f3e3b;--chrome-mid:#252524;--chrome-low:#1b1a19;--green:#a7e229;--green-deep:#6f9c1e;--rose:#e05679;--gold:#f0b53e;--cyan:#46b6cc;--chrome-edge:#050605;--chrome-bevel:#ffffff1a;--shadow:inset 0 1px 0 #ffffff12, 0 1px 3px #00000070}*{box-sizing:border-box}body{color:var(--ink);background:#0d0d0c;margin:0;font-family:Segoe UI,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;line-height:1.25;overflow:hidden}button,input,select{font:inherit}button,.file-pill,select,input[type=number]{border:1px solid var(--line-strong);color:var(--ink);background:linear-gradient(#30302e,#1b1a19);border-radius:1px;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000006b}button,.file-pill{text-transform:uppercase;cursor:pointer;min-height:26px;padding:0 8px;font-size:11px;font-weight:800}button:hover:not(:disabled),.file-pill:hover{border-color:var(--green);color:#fff}button:disabled{cursor:not-allowed;opacity:.42}.app-shell{background:linear-gradient(#3c433b 0,#151815 39px,#070807 100%);height:100vh;min-height:100vh;padding:2px;overflow:hidden}.topbar{border:1px solid var(--chrome-edge);max-width:none;box-shadow:inset 0 1px 0 var(--chrome-bevel), 0 1px 0 #000;background:#20231f;border-radius:0;grid-template-columns:1fr;margin:0 0 2px;display:grid;overflow:visible}.title-strip{background:linear-gradient(#4a5148,#30362f 50%,#1a1e19);border-bottom:1px solid #111310;justify-content:space-between;align-items:center;gap:12px;min-height:18px;padding:2px 7px;display:flex}.topbar h1{color:#eef4eb;letter-spacing:0;margin:0;font-size:12px;line-height:1}.title-strip span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900}.menu-strip{min-height:19px;color:var(--muted);text-transform:uppercase;background:linear-gradient(#1c201a,#111310);border-bottom:1px solid #050605;flex-wrap:wrap;align-items:center;gap:0;padding:0 4px;font-size:10px;font-weight:800;display:flex}.menu-strip span{cursor:default;padding:4px 8px 3px}.menu-strip span:hover{color:var(--ink);background:#252821}.transport{min-height:34px;box-shadow:none;background:linear-gradient(135deg,#ffffff17 0 1px,#0000 1px 8px),linear-gradient(#353b34,#191d18);border:0;border-radius:0;grid-template-columns:auto auto 1fr;justify-content:flex-start;align-items:center;gap:5px;padding:4px 5px;display:grid}.transport-cluster{background:linear-gradient(#373c34,#1b1f1a);border:1px solid #0b0c0b;align-items:center;gap:3px;min-width:0;padding:3px;display:inline-flex;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000008c}.transport-cluster:last-child{justify-self:end}.transport-cluster button,.transport-cluster .file-pill{text-transform:uppercase;background:linear-gradient(#30352e,#151714);border-color:#0d0f0c;min-height:24px;padding:0 8px;font-size:10px}.transport-playback{gap:2px}.transport-playback .transport-icon{width:31px;min-width:31px;padding:0;font-size:0;position:relative;overflow:hidden}.transport-icon span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.transport-icon:before,.transport-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon-play:before,.icon-cursor-play:before{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid #10150e;width:0;height:0}.icon-stop:before{background:#cbd5c5;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0000006b}.icon-cursor-play:after{background:#cbd5c5;width:2px;height:14px;left:calc(50% - 8px)}.icon-transition-play:before{background:linear-gradient(135deg,#0000 0 44%,#cbd5c5 45% 55%,#0000 56%),linear-gradient(45deg,#0000 0 44%,#cbd5c5 45% 55%,#0000 56%);border-radius:10px;width:17px;height:12px}.transport-play{color:#10120f;min-width:58px;background:linear-gradient(#b7fb54,#6ca82d)!important;border-color:#6fa633!important}.primary{border-color:var(--green);color:#111;background:linear-gradient(#b7fb54,#6ca82d)}.workspace{flex-direction:column;gap:0;max-width:none;height:calc(100vh - 44px);min-height:0;margin:0;display:flex;overflow:hidden}.sequence-grid{grid-template-columns:minmax(320px, var(--library-pane-width,43%)) 5px minmax(420px, 1fr);order:1;flex:0 0 var(--top-pane-height,228px);gap:0;min-height:0;display:grid}.timeline-panel{flex:auto;order:3;min-height:302px}.control-grid{order:5;flex:0 0 var(--rack-pane-height,190px);min-height:0}.workspace-splitter{z-index:12;background:linear-gradient(90deg,#0000,#ffffff1a,#0000),linear-gradient(#30362f,#111310);border:1px solid #050605;flex:0 0 5px;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000008c}.workspace-splitter:before{content:"";opacity:.58;background:repeating-linear-gradient(90deg,#0000 0 4px,#a4ed4238 4px 5px,#0000 5px 9px);position:absolute;inset:1px}.workspace-splitter.horizontal{cursor:row-resize}.workspace-splitter.horizontal:before{background:repeating-linear-gradient(90deg,#0000 0 14px,#a4ed4247 14px 20px,#0000 20px 34px)}.workspace-splitter.vertical{cursor:col-resize;min-width:5px;height:100%}#topTimelineSplitter{order:2}#timelineRackSplitter{order:4}.workspace-splitter.vertical:before{background:repeating-linear-gradient(0deg,#0000 0 14px,#a4ed4247 14px 20px,#0000 20px 34px)}.workspace-splitter:focus-visible,.workspace-splitter.workspace-splitter-active{outline:1px solid var(--green);outline-offset:-1px;background:linear-gradient(90deg,#a4ed4233,#ffffff1f,#a4ed422e),linear-gradient(#394533,#151815)}body.resizing-workspace{-webkit-user-select:none;user-select:none}.table-head{background:linear-gradient(90deg,#a4ed421a,#0000 35%),linear-gradient(#343a33,#1a1e19);border-bottom:1px solid #111310;justify-content:space-between;align-items:center;gap:10px;min-height:26px;margin:-5px -5px 3px;padding:3px 5px;display:flex}.table-head h2{color:#c9c9c9;text-transform:uppercase;margin:0;font-size:11px;font-weight:900}.table-tools{align-items:center;gap:4px;min-width:374px;display:flex}.library-scope{width:148px;min-height:24px;color:var(--muted);background:linear-gradient(#2f342e,#1a1d19);border-radius:14px;font-size:10px;font-weight:900}.table-search{color:#111;background:linear-gradient(#fbfff8,#dde4da);border:1px solid #80887d;border-radius:14px;width:min(240px,30vw);min-height:24px;padding:0 8px;font-size:11px;font-weight:700}.table-wrap{background:repeating-linear-gradient(to bottom, #ffffff05 0 22px, transparent 22px 44px), var(--surface-2);border:1px solid #10120f;border-radius:0;flex:auto;height:auto;min-height:0;max-height:none;overflow:auto}.library-panel,.setlist-panel{flex-direction:column;min-height:0;padding:5px;display:flex}.setlist-panel .transport{background:linear-gradient(135deg,#0000 0 0,#ffffff14 0 1px,#0000 1px 100%),linear-gradient(#343933,#181b17);border-bottom:1px solid #111310;flex-wrap:nowrap;margin:-5px -5px 3px;display:flex;overflow-x:auto}.setlist-panel .transport-cluster{flex:none}.setlist-panel .transport-cluster:last-child{margin-left:auto}.setlist-panel .transport-cluster button,.setlist-panel .transport-cluster .file-pill{white-space:nowrap;min-height:22px;padding:0 6px;font-size:9px}.setlist-panel .transport-playback .transport-icon,.setlist-panel .transport-playback .transport-icon.transport-play{width:31px;min-width:31px;padding:0}.setlist-panel .table-head{margin-top:0}.flow-suggestions{background:linear-gradient(#20241e,#10120f);border:1px solid #10120f;grid-template-columns:minmax(170px,230px) minmax(0,1fr);align-items:center;gap:3px;min-height:33px;margin-top:3px;padding:3px;display:grid}.flow-title{min-width:0;color:var(--muted);text-transform:uppercase;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;font-size:9px;font-weight:900;display:flex}.flow-title b{color:#c9c9c9}.flow-title span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.flow-suggestion-list{gap:3px;min-width:0;display:flex;overflow:auto hidden}.flow-suggestion-row{background:linear-gradient(#171a16,#0d0f0c);border:1px solid #2a3028;flex:0 0 min(520px,100%);grid-template-columns:minmax(92px,1.1fr) minmax(76px,.9fr) 34px minmax(128px,1.25fr) auto auto;align-items:center;gap:4px;min-width:0;padding:2px 3px;display:grid}.flow-suggestion-row strong,.flow-suggestion-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flow-suggestion-row strong{color:var(--ink);font-size:10px}.flow-suggestion-row span{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:900}.flow-suggestion-row span:nth-child(3){min-height:19px;color:var(--green);border:1px solid #a4ed4259;place-items:center;display:grid}.flow-suggestion-row button,.flow-suggestion-list>button{min-height:21px;padding:0 6px;font-size:8px}table{border-collapse:collapse;width:100%;font-size:11px}.library-panel table{min-width:780px}.setlist-panel table{min-width:960px}.setlist-panel th:nth-child(10),.setlist-panel td:nth-child(10){width:184px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #20241f;border-right:1px solid #20241f;padding:3px 6px}th{z-index:1;color:var(--muted);text-transform:uppercase;background:linear-gradient(#30352e,#151714);font-size:9px;font-weight:900;position:sticky;top:0}.table-sort{width:100%;min-height:18px;box-shadow:none;color:inherit;font-size:inherit;font-weight:inherit;text-align:left;text-transform:inherit;background:0 0;border:0;justify-content:flex-start;padding:0;display:inline-flex}.table-sort:hover,.table-sort.active-sort{color:var(--green)}.table-sort:focus-visible{outline:1px solid var(--green);outline-offset:1px}td{color:#d8ddd5;font-size:11px;line-height:1.2}td.time-cell{color:#c9d7c4;font-variant-numeric:tabular-nums;font-weight:800}td.score-cell{min-width:42px;color:var(--green);font-variant-numeric:tabular-nums;text-align:center;font-weight:900}td.score-cell.queue-needs-help{color:var(--rose)}td.score-cell.queue-workable{color:var(--gold)}td.score-cell.queue-strong,td.score-cell.queue-excellent{color:var(--cyan)}td.score-cell.score-end{color:var(--dim)}tbody tr{cursor:default}tbody tr:hover td{background:#252a24}tbody tr.active-row td{color:#fff;background:linear-gradient(#38472d,#20291c)}tbody tr.library-selected-row td{color:#fff;box-shadow:inset 3px 0 0 var(--green);background:linear-gradient(#3d4c33,#263120)}tbody tr.library-selected-row:hover td{background:linear-gradient(#45563a,#2b3724)}tbody tr.dragging-row td{opacity:.54}tbody tr.drop-row td{box-shadow:inset 0 2px 0 var(--green)}.setlist-panel.setlist-drop-active .table-wrap{border-color:var(--green);box-shadow:inset 0 0 0 1px #a4ed42b8,inset 0 0 18px #a4ed421a}.timeline-canvas.timeline-drop-active{outline:2px solid var(--green);outline-offset:-2px}tbody tr.append-row td{color:var(--dim);text-align:center;text-transform:uppercase;font-size:10px;font-weight:900}.library-preview-btn{min-width:46px;min-height:20px;padding:0 6px;font-size:9px}.library-preview-btn.library-preview-active{border-color:var(--green);color:#10120f;background:linear-gradient(#b7fb54,#6ca82d)}.pair-controls,.deck-actions{flex-wrap:wrap;gap:4px;display:flex}.pair-controls button{min-height:22px;padding:0 6px;font-size:9px}.pair-label{min-width:0;min-height:24px;color:var(--green);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#242922,#111310);border:1px solid #30342f;border-radius:2px;padding:5px 9px;font-size:11px;font-weight:900;overflow:hidden}.move-cell{gap:3px;display:flex}.move-cell .mini-btn{min-height:21px;padding:0 5px;font-size:8px}.mix-fix-mini:not(:disabled){color:var(--cyan);border-color:#46b6ccb8}.mix-audition-mini:not(:disabled){color:var(--green);border-color:#a4ed42b8}.mix-lock-mini:not(:disabled){color:var(--gold);border-color:#f0b53eb8}.mix-lock-mini.active-lock{border-color:var(--gold);color:#111;background:linear-gradient(#f0b53e,#8a5d12)}.transition-select{color:#30302e;background:#87c108;border-radius:0;min-width:132px;min-height:24px;padding:0 6px;font-size:10px;font-weight:900}.sample-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:4px;display:grid}.sample-slot{background:linear-gradient(#1d211b,#121411);border:1px solid #30342f;border-radius:0;grid-template-columns:minmax(48px,1fr) repeat(4,auto);align-items:center;gap:4px;min-width:0;padding:4px;display:grid}.sample-slot.active-sfx{border-color:var(--green);background:#90d9481a}.sample-slot b{color:#c9c9c9;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900;overflow:hidden}.sample-slot button,.sample-slot .file-pill{min-height:22px;padding:0 5px;font-size:10px}.mini-btn{min-height:24px;padding:0 7px;font-size:10px}.danger-mini{color:#ff829c}.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.deck,.panel{box-shadow:inset 0 1px 0 var(--chrome-bevel), inset 1px 0 0 #ffffff0a, 0 1px 0 #000;background:linear-gradient(#282e27,#1a1d19);border:1px solid #111310;border-radius:0}.deck{min-width:0;overflow:hidden}.deck-head,.panel h2{justify-content:space-between;align-items:center;gap:10px;display:flex}.deck-head{background:linear-gradient(#343a33,#1b1e1a);border-bottom:1px solid #111310;padding:5px 6px}.deck-head h2,.panel h2{color:#c9c9c9;letter-spacing:0;text-transform:uppercase;margin:0;font-size:11px;font-weight:900}.deck-head>div{align-items:center;gap:8px;min-width:0;display:flex}.deck-badge{background:var(--green-deep);color:#fff;border-radius:0;place-items:center;width:22px;height:22px;font-weight:900;display:grid}.deck-badge-b{background:#a92f4f}.file-pill{place-items:center;display:inline-grid}.file-pill input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.waveform{border-top:1px solid #111;border-bottom:1px solid var(--line);width:100%;height:94px;display:block}.section-strip{border-bottom:1px solid var(--line);min-height:34px;display:flex;overflow:hidden}.deck-preview-strip{border-bottom:1px solid var(--line);background:linear-gradient(#1c201a,#0d0f0c);grid-template-columns:minmax(0,1fr) 74px;align-items:center;gap:5px;min-height:25px;padding:3px 5px;display:grid}.deck-preview-strip input{min-width:0;accent-color:var(--green)}.deck-preview-strip span{color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:900;overflow:hidden}.section-strip button{border:0;border-right:1px solid var(--line);min-width:52px;min-height:28px;color:var(--muted);white-space:nowrap;background:#181a18;border-radius:0;flex-grow:1;padding:0 7px;font-size:11px}.section-strip button.active{color:var(--green);background:#90d9482e}.metrics,.render-stats{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.metrics span,.render-stats span{background:#181a18;gap:2px;padding:9px 10px;display:grid}.metrics b,.render-stats b{font-size:16px}.metrics small,.render-stats small{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900}.control-grid{grid-template:"transition tools"minmax(0,1fr)"rack rack"66px/minmax(300px,1fr) minmax(420px,1.5fr);gap:2px;display:grid}.panel{min-height:0;padding:5px;overflow:hidden}.panel h2{margin-bottom:6px}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:6px;display:grid}.cue-edit-grid,.bpm-edit-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:end;gap:5px;margin-bottom:6px;display:grid}.bpm-edit-grid{grid-template-columns:minmax(0,1fr) auto}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:6px;display:grid}.recipe-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:6px;display:grid}.recipe-actions button{text-overflow:ellipsis;white-space:nowrap;min-height:25px;padding:0 6px;font-size:10px;overflow:hidden}.recipe-actions button.active-lock{border-color:var(--gold);color:#111;background:linear-gradient(#f0b53e,#8a5d12)}.preset-grid button{text-overflow:ellipsis;white-space:nowrap;min-height:26px;padding:0 7px;font-size:10px;overflow:hidden}.preset-grid button.active-preset{background:var(--green);border-color:var(--green);color:#111}.mix-doctor,.set-doctor{border:1px solid var(--line);background:#111310;gap:5px;padding:6px;display:grid}.set-doctor{margin-top:6px}.set-doctor.set-health-ready{border-color:#a4ed4294}.set-doctor.set-health-strong{border-color:#46b6cc94}.set-doctor.set-health-review{border-color:#f0b53ea8}.set-doctor.set-health-repair{border-color:#e05679b8}.mix-doctor>div,.set-doctor>div{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:7px;display:grid}.mix-doctor b,.set-doctor>div b{color:var(--green);font-size:18px;line-height:1}.mix-doctor span,.mix-doctor p,.set-doctor span,.set-doctor p{color:var(--muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:900;overflow:hidden}.mix-doctor p,.set-doctor p{margin:0}.set-doctor-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid}.set-doctor-stats span{background:linear-gradient(#171a16,#0d0f0c);border:1px solid #2b302a;gap:1px;min-width:0;padding:4px;display:grid}.set-doctor-stats b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.1;overflow:hidden}.set-doctor-stats small{color:var(--muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:8px;font-weight:900;overflow:hidden}.set-doctor-stats .stat-good b{color:var(--green)}.set-doctor-stats .stat-warn b{color:var(--gold)}.set-doctor-stats .stat-note b{color:var(--cyan)}.transition-queue{border:1px solid var(--line);background:#0e100d;gap:5px;margin-top:6px;padding:6px;display:grid}.queue-title{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:9px;font-weight:900;display:flex}.queue-title b{color:#c9c9c9}.queue-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-title button{min-height:22px;padding:0 6px;font-size:8px}.queue-title select{width:74px;min-height:22px;padding:0 5px;font-size:8px}.queue-list{gap:3px;max-height:142px;display:grid;overflow:auto}.queue-list button{color:#c8d0c5;text-align:left;text-transform:none;background:linear-gradient(#171a16,#0d0f0c);border-color:#30342f;grid-template-columns:24px minmax(0,1fr) 42px 58px;align-items:center;gap:5px;min-height:30px;padding:3px 5px;display:grid}.queue-list button strong,.queue-list button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-list button strong{color:var(--ink);font-size:10px}.queue-list button span{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:900}.queue-list button.queue-active{border-color:var(--green);background:#a4ed4229}.queue-list button.queue-needs-help{border-color:#e05679b8}.queue-list button.queue-workable{border-color:#f0b53ea3}.queue-list button.queue-strong{border-color:#46b6cca3}.queue-list button.queue-locked{border-color:#f0b53ed1}.queue-list button.queue-locked>span:first-child{color:var(--gold)}.queue-score{min-height:20px;color:var(--green);background:#111310;border:1px solid #30342f;place-items:center;font-size:10px;font-weight:900;display:inline-grid}label{color:var(--muted);text-transform:uppercase;gap:5px;font-size:10px;font-weight:900;display:grid}select{text-transform:none;width:100%;min-height:28px;padding:0 7px}input[type=number]{width:100%;min-height:28px;padding:0 7px}.range-label{margin-bottom:8px}input[type=range]{accent-color:var(--green);width:100%}.nudge-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px;display:grid}.nudge-row button{padding:0 8px;font-size:11px}.overlay-inspector,.clip-inspector,.section-editor,.beat-grid-editor{border:1px solid var(--line);background:#111310;border-radius:0;gap:6px;padding:6px;display:grid}.inspector-head{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;display:grid}.inspector-head b{color:#c9c9c9;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:900;overflow:hidden}.inspector-actions{grid-template-columns:repeat(4,auto) minmax(0,1fr);align-items:center;gap:6px;display:grid}.inspector-actions span{color:var(--muted);text-align:right;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:900;overflow:hidden}.overlay-inspector .field-row,.section-editor .field-row{margin-bottom:0}.section-actions{grid-template-columns:auto auto auto minmax(0,1fr)}.beat-grid-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:5px;display:grid}.beat-grid-row button{min-height:28px;padding:0 8px}.render-panel{grid-area:rack;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(132px,174px) minmax(0,1fr) minmax(260px,380px);gap:5px;min-width:0;display:grid;overflow:hidden}.render-panel h2{grid-column:1/-1;margin-bottom:0}.transition-panel{grid-area:transition;overflow:auto}.slicer-panel{grid-area:tools;overflow:auto}.preview-panel{grid-area:preview;display:none;overflow:hidden}.render-panel .sample-slots{grid-column:2;grid-template-columns:repeat(6,minmax(96px,1fr));margin:0}.render-panel .sample-slot{min-height:24px;padding:3px}.preview-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0}.preview-panel .deck-head{min-height:34px;padding:4px 6px}.preview-panel .deck-head h2{font-size:11px}.preview-panel .deck-badge{width:22px;height:22px;font-size:11px}.preview-panel .deck-actions{gap:4px}.preview-panel .deck-actions button,.preview-panel .deck-actions .file-pill{min-height:24px;padding:0 7px;font-size:10px}.preview-panel .waveform{height:74px}.preview-panel .deck-preview-strip{min-height:22px;padding:2px 5px}.preview-panel .section-strip{min-height:22px}.preview-panel .section-strip button{min-width:44px;min-height:22px;padding:0 5px;font-size:9px}.preview-panel .metrics span{padding:5px 6px}.preview-panel .metrics b{font-size:12px}.preview-panel .metrics small{font-size:9px}.eq-rack{border:1px solid var(--line);background:#111310;border-radius:0;grid-column:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:5px;display:grid}.eq-rack label{margin:0}.mix-canvas{display:none}.render-stats{border:1px solid var(--line);border-radius:0;grid-area:2/1;grid-template-columns:1fr;margin:0;display:grid;overflow:hidden}.render-panel .render-stats span{padding:5px 6px}.render-panel .render-stats b{font-size:12px}.render-panel .render-stats small{font-size:9px}.timeline-panel{z-index:4;flex-direction:column;padding:3px;display:flex;position:relative}.timeline-head{background:linear-gradient(90deg,#a4ed421f,#0000 42%),linear-gradient(#343a33,#191c18);border-bottom:1px solid #111310;justify-content:space-between;align-items:center;gap:10px;min-height:24px;margin:-3px -3px 3px;padding:3px 6px;display:flex}.timeline-head h2{color:#c9c9c9;text-transform:uppercase;margin:0;font-size:11px;font-weight:900}.timeline-head-tools{align-items:center;gap:5px;display:flex}.set-tempo{color:var(--muted);text-transform:uppercase;grid-template-columns:auto 72px;align-items:center;gap:6px;font-size:10px;font-weight:900;display:inline-grid}.set-tempo input{min-height:22px;padding:0 6px;font-size:10px}.tempo-stress{min-width:126px;color:var(--muted);text-align:center;text-transform:uppercase;white-space:nowrap;background:#121411;border:1px solid #30342f;padding:4px 7px;font-size:9px;font-weight:900}.tempo-stress.tempo-stress-warn{border-color:var(--gold);color:var(--gold)}.strip-count{color:var(--muted);text-transform:uppercase;grid-template-columns:auto 58px;align-items:center;gap:6px;font-size:10px;font-weight:900;display:inline-grid}.strip-count select{min-height:22px;padding:0 6px;font-size:10px}.timeline-workbench{background:linear-gradient(90deg,#171a16 0 280px,#0000 280px),#0c0d0c;border:1px solid #10120f;border-radius:0;flex:auto;grid-template-columns:280px minmax(0,1fr) 46px;height:auto;min-height:230px;display:grid;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #000}.timeline-status-strip{grid-template-columns:minmax(340px,1fr) minmax(240px,35%);gap:3px;margin-bottom:3px;display:grid}.lane-strip{grid-template-rows:repeat(var(--lane-count,4), minmax(0, var(--timeline-lane-height,1fr)));box-sizing:border-box;align-content:start;gap:var(--timeline-lane-gap,0px);padding-top:var(--timeline-lane-top,0px);padding-bottom:var(--timeline-lane-bottom-pad,0px);background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 26px),linear-gradient(#242922,#151815);border-right:1px solid #050605;display:grid;overflow:hidden}.lane-cell{min-height:0;color:var(--muted);border-bottom:1px solid #10120f;grid-template-columns:minmax(137px,1fr) 9px 92px;align-items:stretch;gap:0;padding:0;font-size:9px;font-weight:900;display:grid}.lane-cell.lane-silenced{color:#666f66}.lane-cell.lane-soloed{box-shadow:inset 3px 0 #8edc3b}.lane-cell.lane-silenced .lane-strip-left,.lane-cell.lane-silenced .lane-strip-right{filter:saturate(.55)brightness(.74)}.lane-cell:last-child{border-bottom:0}.lane-strip-left{background:linear-gradient(90deg,#ffffff0a,#0000 42%),linear-gradient(#5b5c55,#474943);grid-template-rows:16px minmax(0,1fr);gap:3px;min-width:0;padding:5px 7px 4px;display:grid;box-shadow:inset 1px 0 #ffffff14,inset -1px 0 #00000061}.lane-strip-divider{background:linear-gradient(90deg,#151714 0 1px,#9b9e95 1px 2px,#343731 2px 7px,#050605 7px 9px);position:relative}.lane-strip-divider:before,.lane-strip-divider:after{content:"";opacity:.66;border-top:4px solid #0000;border-bottom:4px solid #0000;border-right:4px solid #b7bbb1;width:0;height:0;position:absolute;left:2px}.lane-strip-divider:before{top:50%;transform:translateY(-135%)}.lane-strip-divider:after{top:50%;transform:translateY(35%)}.lane-strip-right{background:linear-gradient(90deg,#ffffff09,#0000 60%),linear-gradient(#50514b,#3d3f39);grid-template-rows:18px 18px 17px;align-content:end;gap:2px;min-width:0;padding:5px 6px 6px;display:grid;box-shadow:inset 1px 0 #ffffff0f,inset -1px 0 #00000073}.lane-knob-bank,.lane-tool-row,.lane-loop-mark-row,.lane-loop-row{min-width:0;display:grid}.lane-knob-bank{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:2px;height:100%}.lane-tool-row,.lane-loop-mark-row{grid-template-columns:repeat(3,21px);justify-content:end;align-items:center;gap:4px}.lane-loop-row{grid-template-columns:repeat(4,18px);justify-content:end;align-items:center;gap:2px}.lane-knob{color:#e6e8de;grid-template-rows:12px minmax(24px,1fr) 8px;place-items:center;gap:1px;min-width:0;height:100%;font-size:8px;font-weight:900;line-height:1;display:grid}.lane-knob span{color:#b8bdb3;text-shadow:0 1px #000;font-size:7px}.lane-cell output{width:100%;min-height:12px;box-shadow:none;color:#f1f2e8;text-align:center;text-overflow:clip;text-shadow:0 1px #000;background:0 0;border:0;padding:0;font-size:11px;font-weight:800;line-height:12px;display:block;overflow:hidden}.lane-cell button{min-width:0;min-height:17px;color:var(--muted);cursor:pointer;background:radial-gradient(circle at 50% 38%,#4a5048 0 21%,#0000 23%),linear-gradient(#585b54,#31342f);border:1px solid #2c2f2a;border-radius:9px;place-items:center;padding:0 2px;font-size:8px;font-weight:900;line-height:1;display:grid;box-shadow:inset 0 1px #ffffff29,0 1px 1px #00000080}.lane-play-marker{color:#b7f04d;text-shadow:0 1px #000;border-radius:2px;justify-self:start;width:18px;height:16px;min-height:16px;font-size:11px}.lane-cell input[type=range]{appearance:none;writing-mode:vertical-lr;width:16px;min-width:0;height:100%;min-height:24px;max-height:48px;accent-color:var(--green);cursor:ns-resize;direction:rtl;background:linear-gradient(90deg,#0000 0 4px,#1d211c 4px 12px,#0000 12px 100%);border:0;border-radius:3px;margin:0}.lane-cell input[type=range]:focus-visible{outline:1px solid var(--green);outline-offset:2px}.lane-cell input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(#73796e,#252923);border:1px solid #171a16;border-radius:3px;width:8px;height:100%;box-shadow:inset 0 1px 1px #ffffff24,inset 0 -1px 1px #000000a8}.lane-cell input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(#dce6d2,#7d8974);border:1px solid #eef4e7;border-radius:2px;width:16px;height:7px;margin-left:-5px;box-shadow:0 0 0 1px #30362d,0 1px 1px #000000b8}.lane-cell input[type=range]::-moz-range-track{background:linear-gradient(#73796e,#252923);border:1px solid #171a16;border-radius:3px;width:8px;height:100%}.lane-cell input[type=range]::-moz-range-thumb{background:linear-gradient(#dce6d2,#7d8974);border:1px solid #eef4e7;border-radius:2px;width:16px;height:7px;box-shadow:0 0 0 1px #30362d}.lane-cell button:hover{border-color:var(--green);color:var(--ink)}.lane-cell button.lane-button-active{color:#0d120b;background:linear-gradient(#b8fb55,#6da72e);border-color:#8edc3b}.timeline-readout{color:#595853;background:linear-gradient(#d3f589,#b5ee3a);border:1px solid #6b9c25;border-radius:2px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:1px;font-size:11px;font-weight:900;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff6b,inset 0 -1px #00000038}.timeline-readout span{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:5px;min-width:0;padding:3px 8px;display:grid}.timeline-readout span+span{border-left:1px solid #00000038}.timeline-readout em{color:#595853d9;text-transform:uppercase;font-size:9px;font-style:normal}.timeline-readout b{color:#595853;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.timeline-scroll{background:repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 72px),repeating-linear-gradient(#ffffff05 0 1px,#0000 1px 48px),#0b0c0b;border:0;border-radius:0;position:relative;overflow:auto hidden}.timeline-spacer{min-width:100%;height:100%;position:relative}.timeline-canvas{height:100%;display:block;position:sticky;top:0;left:0}.timeline-canvas.timeline-dragging{cursor:ew-resize}.timeline-canvas.overlay-dragging{cursor:grabbing}.timeline-canvas.overlay-resizing{cursor:ew-resize}.timeline-canvas.marker-dragging,.timeline-canvas.locator-dragging,.timeline-canvas.clip-dragging{cursor:grabbing}.timeline-canvas.clip-trimming{cursor:ew-resize}.timeline-overview{cursor:pointer;background:linear-gradient(#151815,#090a09);border:1px solid #111310;width:100%;height:34px;margin-top:3px;display:block}.master-meter{color:var(--muted);background:repeating-linear-gradient(#ffffff0a 0 1px,#0000 1px 16px),linear-gradient(#20251f,#10120f);border-left:1px solid #050605;grid-template-rows:auto 1fr auto 1fr auto;place-items:center;gap:4px;padding:5px;font-size:9px;font-weight:900;display:grid}.meter-track{background:repeating-linear-gradient(0deg,#0000 0 12px,#ffffff14 12px 13px),linear-gradient(#111,#20241f);border:1px solid #2f332e;border-radius:2px;width:14px;min-height:136px;position:relative;overflow:hidden}.meter-track i{background:linear-gradient(to top, var(--green) 0 62%, var(--gold) 62% 82%, #d64b38 82% 100%);height:0%;position:absolute;bottom:0;left:0;right:0}.meter-track-r i{height:0%}.timeline-controls{background:linear-gradient(135deg,#ffffff14 0 1px,#0000 1px 8px),linear-gradient(#30362f,#171a16);border:1px solid #111310;flex-wrap:wrap;align-items:center;gap:4px;min-height:48px;margin-top:3px;padding:3px;display:flex}.timeline-controls>input[type=range]{min-width:0;height:13px;accent-color:var(--green);flex:1 0 100%;order:-1;margin:0 0 1px}.timeline-controls button,.timeline-controls select,.timeline-controls .timeline-toggle,.timeline-controls .locator-name{min-height:24px;font-size:9px}.timeline-controls>button,.timeline-controls>.timeline-toggle{flex:none}.range-readout{color:#b8c0b7;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#111310;border:1px solid #30342f;flex:none;justify-content:center;align-items:center;max-width:240px;min-height:30px;padding:0 9px;font-size:10px;font-weight:900;display:inline-flex;overflow:hidden}.timeline-controls #rangeInBtn,.timeline-controls #rangeOutBtn{background:linear-gradient(#30352e,#121411);min-width:40px}.timeline-controls #rangePlayBtn,.timeline-controls #rangeLoopBtn{border-color:#5f9b2f}.locator-select,.locator-name{flex:0 180px;min-width:122px;min-height:30px;font-size:10px}.locator-name{text-transform:none;flex-basis:128px;padding:0 7px}.timeline-zoom{color:var(--muted);text-transform:uppercase;flex:0 220px;grid-template-columns:auto minmax(90px,1fr);align-items:center;gap:8px;font-size:10px;font-weight:900;display:grid}.timeline-snap{border:1px solid var(--line-strong);min-height:30px;color:var(--muted);text-transform:uppercase;background:#181a18;flex:none;grid-template-columns:auto 88px;align-items:center;gap:6px;padding:0 6px;font-size:10px;font-weight:900;display:grid}.timeline-snap select{min-height:22px;padding:0 5px;font-size:10px}.timeline-toggle{border:1px solid var(--line-strong);min-height:30px;color:var(--muted);background:#181a18;justify-content:center;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.timeline-toggle input{width:auto}.toast{border:1px solid var(--green);color:#fff;opacity:0;pointer-events:none;background:#111;border-radius:4px;padding:10px 14px;font-weight:800;transition:opacity .16s,transform .16s;position:fixed;bottom:20px;left:50%;transform:translate(-50%,18px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=1100px){.topbar,.sequence-grid,.deck-grid,.control-grid{grid-template-columns:1fr}.workspace{height:auto;overflow:auto}.workspace-splitter{display:none}.sequence-grid,.control-grid,.timeline-panel{flex:none}.control-grid{grid-template-rows:auto;grid-template-areas:"transition""tools""preview""rack"}.transport{grid-template-columns:1fr;justify-content:flex-start}.transport-cluster,.transport-cluster:last-child{justify-self:stretch}.eq-rack{margin:0 0 6px}.render-panel{grid-template-rows:auto;grid-template-columns:1fr}.render-panel .sample-slots,.eq-rack,.render-stats{grid-area:auto/1}.render-panel .sample-slots{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (width<=640px){.app-shell{padding:6px}.table-head,.table-tools{flex-direction:column;align-items:stretch}.table-tools{width:100%;min-width:0}.library-scope,.table-search{width:100%}.field-row,.cue-edit-grid,.bpm-edit-grid,.nudge-row,.metrics,.render-stats,.timeline-controls,.timeline-status-strip,.flow-suggestions{grid-template-columns:1fr}.waveform{height:140px}}.cp-context-menu{z-index:99990;border:1px solid var(--line-strong);background:#1b1a19;min-width:210px;padding:3px 0;position:fixed;box-shadow:0 6px 22px #0000009e}.cp-context-item{text-align:left;text-transform:none;width:100%;min-height:22px;color:var(--ink);box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:20px;padding:4px 12px;font-size:11px;font-weight:500;display:flex}.cp-context-item:hover:not(:disabled){color:#fff;background:#2d2d2b}.cp-context-item:disabled{opacity:.4;cursor:default}.cp-context-shortcut{color:var(--muted);font-size:10px}.cp-context-sep{background:#3a3a39;height:1px;margin:3px 6px}.cp-modal-overlay{z-index:99980;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cp-modal{border:1px solid var(--line-strong);min-width:540px;max-width:90vw;color:var(--ink);background:#3a3a39;box-shadow:0 12px 44px #000000a3}.cp-modal-title{background:linear-gradient(#30302e,#242424);border-bottom:1px solid #1b1a19;padding:6px 12px;font-weight:700}.cp-modal-body{padding:14px 16px}.cp-modal-legend{color:var(--muted);margin-bottom:8px}.cp-modal-row{cursor:pointer;text-transform:none;align-items:center;gap:8px;margin:10px 0 4px;font-weight:600;display:flex}.cp-modal-field{gap:3px;margin:2px 0 6px 22px;display:grid}.cp-modal-field small{color:var(--muted)}.cp-modal-field select{min-width:240px}.cp-modal-dual{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cp-modal-note{color:var(--muted);margin-top:12px;font-size:10px;line-height:1.4}.cp-modal-foot{justify-content:flex-end;gap:8px;padding:10px 16px 14px;display:flex}.cp-modal-foot button{min-width:74px}.tap-btn{letter-spacing:.04em;font-weight:800}.tap-btn:not(:disabled):active{background:var(--accent,#f0b53e);color:#1a1a1a}.transport-cue.active{background:var(--accent,#f0b53e);color:#161616}@keyframes fdj-spin{to{transform:rotate(360deg)}}.fdj-spin{animation:1s linear infinite fdj-spin;display:inline-block}