:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14110f;--panel:#1d1916;--line:#3a322b;--ink:#e8ddd0;--dim:#8a7c6c;--amber:#ff9f43;--acc:#ff9f43;--amber-hover:#ffb56b;--text:var(--ink);--ink-rgb:255,255,255;--glow:#ff9f438c;--surface-1:#15110e;--surface-2:#2a211a;--surface-3:#241b14;--surface-4:#171310;--surface-chart:#0d0a08;--surface-chip:#211a14;--surface-recess:#141019;--surface-input:#1b1510;--on-amber:#1a1206;--bg-soft:#241d18;--cell-beat:#2e231a;--piano-cell-white:#1a1612;--piano-cell-black:#110d0a;--piano-cell-boundary:#2a221a;--topbar-ink:#fff;--scroll-thumb:#5a4d40;--scroll-thumb-hover:#7a6750;--sp-1:2px;--sp-2:4px;--sp-3:6px;--sp-4:8px;--sp-5:10px;--sp-6:12px;--sp-7:16px;--sp-8:18px;--sp-9:24px;--row-h-group-header:28px;--row-h-lane-auto:32px;--row-h-toolbar:38px;--font-xs:10px;--font-sm:12px;--font-md:13px;--pad-btn-y:4px;--pad-btn-x:8px;--pad-card:8px;--btn-h:26px;--btn-fs:12px;--btn-px:10px;--btn-py:4px;--btn-radius:3px;--btn-gap:6px}:root[data-button-size=lg]{--btn-h:40px;--btn-fs:14px;--btn-px:14px;--btn-py:8px;--btn-radius:4px;--btn-gap:8px;--pad-btn-y:8px;--pad-btn-x:14px}:root[data-density=comfortable]{--sp-1:4px;--sp-2:8px;--sp-3:16px;--sp-4:24px;--sp-5:32px;--sp-6:44px;--sp-7:56px;--sp-8:64px;--sp-9:80px;--row-h-group-header:56px;--row-h-lane-auto:70px;--row-h-toolbar:68px;--font-xs:12px;--font-sm:14px;--font-md:16px;--pad-btn-y:12px;--pad-btn-x:24px;--pad-card:28px}@media (pointer:coarse){:root{--sp-1:3px;--sp-2:6px;--sp-3:10px;--sp-4:14px;--sp-5:18px;--sp-6:22px;--sp-7:28px;--sp-8:32px;--sp-9:40px;--row-h-group-header:44px;--row-h-lane-auto:60px;--row-h-toolbar:56px;--font-xs:12px;--font-sm:13px;--font-md:15px}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5efe4;--panel:#fff;--line:#d4c8b9;--ink:#2a221a;--dim:#7d6f5e;--amber:#d97706;--acc:#d97706;--amber-hover:#f28f22;--glow:#d9770673;--surface-1:#f0e8da;--surface-2:#e6dcc7;--surface-3:#ddd0b6;--surface-4:#ede4d3;--on-amber:#fff;--bg-soft:#fff;--surface-chart:#fbf5e7;--surface-chip:#fff4dd;--surface-recess:#f0e8d6;--surface-input:#fbf5e7;--cell-beat:#e0d4bf;--piano-cell-white:#ede4d3;--piano-cell-black:#e0d4bf;--piano-cell-boundary:#c0b29a;--topbar-ink:var(--ink);--ink-rgb:0,0,0;--scroll-thumb:#bfae93;--scroll-thumb-hover:#8f7e64}*{box-sizing:border-box;margin:0;padding:0}html{overscroll-behavior:none;height:100%}body{overscroll-behavior:none;background:var(--bg);background-image:radial-gradient(circle at 50% -10%, var(--bg-soft) 0%, var(--bg) 60%);color:var(--ink);min-height:100vh;padding:calc(var(--top-h,64px) + var(--sp-7)) var(--sp-7) calc(var(--bot-h,80px) + var(--sp-7));justify-content:center;align-items:flex-start;font-family:DM Mono,monospace;display:flex}.machine{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app{gap:var(--sp-8);flex-direction:column;align-items:stretch;width:100%;max-width:980px;display:flex}.machine{gap:var(--sp-7);width:100%;box-shadow:none;background:0 0;border:none;flex-direction:column;padding:0;display:flex}.machine>header{order:1}.machine>.controls{order:2}.machine>.arrange{order:3}.machine>.patbox{order:4}.machine>footer{order:5}.machine>.botctl{order:6}.secbox{order:0;padding:0 18px 18px}.patcar{display:flex}@media (min-width:820px){body{overflow:hidden}.app,.topbar .bar-inner{max-width:none}.patcar{flex-direction:row;align-items:flex-start;gap:0}.patcar>.patbox{flex-grow:var(--g0,1.4);contain:layout;flex-shrink:1;flex-basis:0;order:0;min-width:0}.patcar>.secbox{flex-grow:var(--g1,1.1);contain:layout;flex-shrink:1;flex-basis:0;order:0;min-width:0}.patcar>.botctl{flex-grow:var(--g2,.9);contain:layout;flex-shrink:1;flex-basis:0;order:0;min-width:0}.colsplit{cursor:col-resize;touch-action:none;flex:0 0 16px;justify-content:center;align-self:stretch;align-items:center;display:flex}.colsplit:before{content:"";background:var(--line);border-radius:3px;width:3px;height:46px;transition:background .12s}.colsplit:hover:before,.colsplit.drag:before{background:var(--amber)}.patcar>.patbox,.patcar>.secbox,.patcar>.botctl{height:calc(100dvh - var(--top-h,64px) - var(--secrow-h,0px) - var(--bot-h,64px) - 60px);scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;min-height:0;overflow:hidden auto}.patcar>.patbox::-webkit-scrollbar{width:8px}.patcar>.secbox::-webkit-scrollbar{width:8px}.patcar>.botctl::-webkit-scrollbar{width:8px}.patcar>.patbox::-webkit-scrollbar-track{background:0 0}.patcar>.secbox::-webkit-scrollbar-track{background:0 0}.patcar>.botctl::-webkit-scrollbar-track{background:0 0}.patcar>.patbox::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}.patcar>.secbox::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}.patcar>.botctl::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}.patcar>.patbox::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.patcar>.secbox::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.patcar>.botctl::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.patcar>.patbox>.phead-wrap,.patcar>.secbox>.secpanel>.sechead-wrap,.patcar>.botctl>.songhead-wrap{z-index:30;position:sticky;top:0}.patcar>.patbox,.patcar>.secbox{--head-h:114px}.patcar>.botctl{--head-h:61px}.patcar>.patbox>.section>.shead,.patcar>.secbox .section-lane-row>.shead,.patcar>.botctl .song-lane-row>.shead{top:var(--head-h,0px);z-index:5;background:var(--panel);margin-bottom:0;padding:6px 0;position:sticky}}@media (max-width:819px){.patcar{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;order:4;align-items:flex-start;gap:12px;overflow-x:auto}.patcar::-webkit-scrollbar{display:none}.patcar>.patbox,.patcar>.secbox,.patcar>.botctl{scroll-snap-align:center;flex:0 0 100%;order:0;min-width:0}.patcar>.secbox[hidden]{display:none}.patcar>.patbox .phead-wrap{position:static}.colsplit{display:none}.patcar.dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}.patcar.dragging *{cursor:grabbing}}.secbox[hidden],.secbox .drawer-resize,.secbox .drawer-pin{display:none}.secbox .secpanel{flex-direction:column;display:flex}.secbox .modal-head,.botctl .modal-head{margin-bottom:0}.secbox .sechead-wrap{background:var(--panel);border-bottom:1px solid var(--line);border-radius:14px 14px 0 0;flex-direction:column;gap:10px;margin:0 -18px 14px;padding:13px 18px;display:flex}.sectab{border-top:3px solid var(--line)}.reordering{opacity:.32}.drop-line{background:var(--amber);z-index:299;width:3px;box-shadow:0 0 9px var(--glow);pointer-events:none;border-radius:2px;display:none;position:fixed}.drag-ghost-el{pointer-events:none;z-index:300;opacity:.92;border-radius:10px;position:fixed;top:0;left:0;transform:rotate(1.5deg);box-shadow:0 10px 28px #0009}.secbox .drawer-scroll{padding:14px 2px 2px;overflow:visible}.botctl{gap:var(--sp-6);padding:0 var(--sp-8) var(--sp-7);flex-direction:column;display:flex}.botctl-head .lbl{letter-spacing:1px;text-transform:uppercase;color:var(--amber);font-family:Big Shoulders Display,sans-serif;font-size:16px;font-weight:800}.botctl .songhead-wrap{background:var(--panel);border-bottom:1px solid var(--line);border-radius:14px 14px 0 0;flex-direction:column;gap:10px;margin:0 -18px;padding:13px 18px;display:flex}.botctl-scale{border-top:1px dashed var(--line);flex-direction:column;gap:10px;padding-top:14px;display:flex}.cardots{display:none}@media (max-width:819px){.cardots{left:50%;bottom:calc(var(--bot-h,64px) + 16px);z-index:45;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.cardot{cursor:pointer;background:#f5ece14d;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:background .15s,transform .15s;box-shadow:0 1px 3px #0000008c}.cardot.on{background:var(--amber);transform:scale(1.3)}}.botctl-grid{gap:var(--sp-5);flex-direction:column;display:flex}.botctl-space,.botctl-ambient{gap:var(--sp-5);border-top:1px dashed var(--line);padding-top:var(--sp-6);flex-direction:column;display:flex}.botctl .fxrow,.ambient-drawer .fxrow,.synth-drawer .fxrow,.ambient-lane-macros .fxrow,.meter-box-body .fxrow,.humanize-box-body .fxrow,.library-page .fxrow,.routing-modal .fxrow,.routing-drawer .fxrow{gap:var(--sp-2) var(--sp-5);margin-bottom:var(--sp-3);grid-template-columns:1fr auto;grid-template-areas:"lab lab""inp val";align-items:center;display:grid}.botctl .fxrow .fl,.ambient-drawer .fxrow .fl,.synth-drawer .fxrow .fl,.ambient-lane-macros .fxrow .fl,.meter-box-body .fxrow .fl,.humanize-box-body .fxrow .fl,.library-page .fxrow .fl,.routing-modal .fxrow .fl,.routing-drawer .fxrow .fl{grid-area:lab}.botctl .fxrow .fv,.ambient-drawer .fxrow .fv,.synth-drawer .fxrow .fv,.ambient-lane-macros .fxrow .fv,.meter-box-body .fxrow .fv,.humanize-box-body .fxrow .fv,.library-page .fxrow .fv,.routing-modal .fxrow .fv,.routing-drawer .fxrow .fv{grid-area:val;justify-self:end}.botctl .fxrow input[type=range],.botctl .fxrow select,.ambient-drawer .fxrow input[type=range],.ambient-drawer .fxrow select,.synth-drawer .fxrow input[type=range],.synth-drawer .fxrow select,.ambient-lane-macros .fxrow input[type=range],.ambient-lane-macros .fxrow select,.meter-box-body .fxrow input[type=range],.meter-box-body .fxrow select,.library-page .fxrow input[type=range],.library-page .fxrow select,.humanize-box-body .fxrow input[type=range],.humanize-box-body .fxrow select,.routing-modal .fxrow input[type=range],.routing-modal .fxrow select,.routing-drawer .fxrow input[type=range],.routing-drawer .fxrow select{grid-area:inp;width:100%}.scrub{z-index:1;align-items:center;gap:10px;margin-top:9px;display:flex;position:relative}.scrub-t{color:var(--dim);min-width:36px;font-family:DM Mono,monospace;font-size:11px}.scrub-tot{text-align:right}.scrub-track{background:var(--surface-2);cursor:pointer;touch-action:none;border-radius:5px;flex:1;height:7px;position:relative}.scrub-track:after{content:"";position:absolute;inset:-7px 0}.scrub-fill{background:var(--amber);pointer-events:none;border-radius:5px;width:0;position:absolute;top:0;bottom:0;left:0}.scrub-track.has-ribbon{height:18px}.scrub-sections{pointer-events:none;border-radius:5px;position:absolute;inset:0;overflow:hidden}.scrub-section{background:var(--sec,var(--surface-2));opacity:.45;position:absolute;top:0;bottom:0;box-shadow:inset -1px 0 #00000073}.scrub-section:last-child{box-shadow:none}.scrub-section-name{letter-spacing:1.2px;text-transform:uppercase;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;text-shadow:0 1px 2px #0000008c;font-family:Big Shoulders Display,sans-serif;font-size:9px;font-weight:700;position:absolute;top:50%;left:6px;right:6px;overflow:hidden;transform:translateY(-50%)}.scrub-track.has-ribbon .scrub-fill{opacity:.85;border-radius:0 0 5px 5px;height:3px;top:auto;bottom:0}.scrub-playhead{background:var(--ink);pointer-events:none;z-index:2;width:2px;margin-left:-1px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 6px #ffffff8c}.box,.controls,.patbox{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -26px #000000b3,inset 0 1px #ffffff0a}.patbox{padding:0 18px 18px}header{justify-content:space-between;align-items:flex-end;gap:var(--sp-6);margin-bottom:2px;margin-bottom:var(--sp-7);display:flex}h1{letter-spacing:.5px;text-transform:uppercase;font-family:Big Shoulders Display,sans-serif;font-size:30px;font-weight:700;line-height:.85}h1 span{color:var(--amber)}.tag{color:var(--dim);text-align:right;letter-spacing:1px;font-size:11px}.controls{align-items:flex-end;gap:var(--sp-6);padding:var(--sp-8);flex-wrap:wrap;display:flex}.ctl{flex-direction:column;gap:5px;display:flex}.ctl label{letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);font-size:10px}select{background:var(--surface-1);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:6px 8px;font-family:inherit;font-size:13px}select:focus{border-color:var(--amber);outline:none}input[type=range]{width:104px;accent-color:var(--amber);cursor:pointer;appearance:none;--rng-pct:50%;touch-action:pan-y;background:0 0;height:14px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--amber) 0 var(--rng-pct), var(--surface-1) var(--rng-pct) 100%);border:1px solid var(--line);border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--amber);border:1px solid var(--amber);width:14px;height:14px;box-shadow:0 0 0 2px var(--surface-1);cursor:pointer;border-radius:50%;margin-top:-5px}input[type=range]::-moz-range-track{background:var(--surface-1);border:1px solid var(--line);border-radius:999px;height:6px}input[type=range]::-moz-range-progress{background:var(--amber);border-radius:999px;height:6px}input[type=range]::-moz-range-thumb{background:var(--amber);border:1px solid var(--amber);cursor:pointer;border-radius:50%;width:12px;height:12px}.bpm-val,.read{color:var(--amber)}button.play{background:var(--amber);color:var(--on-amber);letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;align-self:flex-end;margin-left:auto;padding:9px 20px;font-family:Big Shoulders Display,sans-serif;font-size:18px;font-weight:700;transition:transform 50ms,box-shadow 50ms,filter .12s;box-shadow:0 4px #b06a1e}button.play:hover{filter:drop-shadow(0 0 10px #ff9f438c)}button.play:active{transform:translateY(3px);box-shadow:0 1px #b06a1e}button.play.on{background:#e8ddd0;box-shadow:0 4px #847868}button.play.on:hover{filter:drop-shadow(0 0 10px #e8ddd08c)}button.play.small{align-self:center;margin-left:0;padding:6px 13px;font-size:13px;box-shadow:0 3px #b06a1e}button.play.small:active{box-shadow:0 1px #b06a1e}button.mini{background:var(--surface-1);color:var(--dim);border:1px solid var(--line);font-family:inherit;font-size:var(--btn-fs);padding:var(--btn-py) var(--btn-px);cursor:pointer;letter-spacing:.5px;border-radius:6px}button.mini:hover{color:var(--ink);border-color:#5a4d40}.phead-wrap{z-index:20;background:var(--panel);border-bottom:1px solid var(--line);border-radius:14px 14px 0 0;flex-direction:column;gap:10px;margin:0 -18px 14px;padding:13px 18px;display:flex;position:static}.phead{align-items:center;gap:8px;display:flex}.phead .lbl{letter-spacing:1px;text-transform:uppercase;color:var(--ink);font-family:Big Shoulders Display,sans-serif;font-size:22px;font-weight:700}.phead .phead-right{align-items:center;gap:8px;margin-left:auto;display:flex}.ptabrow{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;flex-wrap:nowrap;align-items:center;gap:6px;padding:9px 0 2px;display:flex;overflow:auto hidden}.ptabrow .ptab,.ptabrow .addpat,.ptabrow .dup,.ptabrow .ptab-rename{flex:none}.ptab{letter-spacing:1px;background:var(--surface-1);color:var(--dim);border:1px solid var(--line);cursor:pointer;touch-action:pan-x;border-radius:6px;justify-content:center;align-items:center;min-width:36px;height:32px;padding:0 10px;font-family:Big Shoulders Display,sans-serif;font-size:15px;font-weight:700;transition:all 80ms;display:inline-flex;position:relative}.ptabrow:not(.secTabRow):not(.source-tabs) .ptab:hover{cursor:text}.drag-ghost{z-index:300;pointer-events:none;color:var(--on-amber);background:var(--amber);border-radius:8px;padding:5px 13px;font-family:Big Shoulders Display,sans-serif;font-size:18px;font-weight:700;position:fixed;transform:translate(-50%,-150%);box-shadow:0 12px 26px -6px #000000bf}.clip .dropzone{z-index:5;border:2px solid var(--amber);background:#120e0af5;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;inset:0}.dz-lab{letter-spacing:1.5px;text-transform:uppercase;color:var(--amber);font-size:9px}.dz-row{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.dz-slot{color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;margin:2px;padding:5px 9px;font-family:Big Shoulders Display,sans-serif;font-size:17px;font-weight:700}.dz-caret{background:0 0;border-radius:2px;width:4px;height:28px;transition:all 60ms}.dz-caret.on{background:var(--amber);box-shadow:0 0 9px -1px var(--amber)}.ptab.active{background:var(--amber);color:var(--on-amber);border-color:var(--amber)}.tab-spk{display:none}.tab-spk svg{display:block}.ptab.playing .tab-spk{z-index:5;background:var(--bg);border:1px solid var(--amber);width:17px;height:17px;color:var(--amber);border-radius:50%;justify-content:center;align-items:center;animation:1.5s ease-in-out infinite spkpulse;display:flex;position:absolute;top:-7px;right:-7px;box-shadow:0 1px 4px #00000080}.ptab.playing .tab-spk svg{width:10px;height:10px}.ptab.sectab.playing .tab-spk{left:50%;right:auto;transform:translate(-50%)}.lenrow{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.lenrow .lenrow-lbl{letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);font-size:10px}.lenseg{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.lenseg button{background:var(--surface-1);border:none;border-right:1px solid var(--line);color:var(--dim);cursor:pointer;letter-spacing:.5px;padding:7px 13px;font-family:inherit;font-size:12px}.lenseg button:last-child{border-right:none}.lenseg button.on{background:var(--amber);color:var(--on-amber);font-weight:500}.lenrow .dup{margin-left:auto}.patctlrow{align-items:center;gap:8px;margin-bottom:10px;display:flex}.patctl-btn{background:var(--surface-1);color:var(--dim);border:1px solid var(--line);letter-spacing:.5px;cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:5px 10px;font-family:inherit;font-size:11px;transition:color .1s,border-color .1s,background .1s;display:inline-flex}.patctl-btn svg{width:14px;height:14px}.patctl-btn:hover{color:var(--ink);border-color:#5a4d40}.patctl-del{color:var(--dim);margin-left:auto}.patctl-del:hover{color:#e07474;border-color:#e07474}.ptabrow .addpat{color:var(--amber);background:var(--surface-1);border:1px solid var(--line);cursor:pointer;border-radius:6px;width:32px;height:32px;font-size:16px;line-height:1}.ptabrow .addpat:hover{border-color:#5a4d40}.dup{color:var(--dim);border:1px dashed var(--line);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:6px 9px;font-size:11px}.dup:hover{color:var(--ink);border-color:#5a4d40}.phead .phead-right{align-items:center;gap:8px;display:flex}.cog{padding:0 7px;font-size:30px;line-height:1}.ptab-rename{letter-spacing:1px;background:var(--surface-1);color:var(--ink);border:1px solid var(--amber);border-radius:6px;outline:none;width:90px;height:32px;padding:0 8px;font-family:Big Shoulders Display,sans-serif;font-size:15px;font-weight:700}.section{margin-bottom:13px}.section.drums{--acc:#ff7a45}.section.bass{--acc:#6fd39a}.section.melody{--acc:#ffd05c}.shead{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.shead-btns{align-items:center;gap:6px;display:flex}details.lane-collapsible{display:block}details.section-lane-row,details.song-lane-row{display:flex}.shead.lane-summary{cursor:pointer;-webkit-user-select:none;user-select:none;gap:8px;list-style:none}.shead.lane-summary::-webkit-details-marker{display:none}.shead.lane-summary::marker{content:""}.lane-chevron{color:var(--dim);flex:none;align-items:center;transition:transform .15s;display:inline-flex;transform:rotate(-90deg)}details.lane-collapsible[open]>.shead.lane-summary .lane-chevron{transform:rotate(0)}.lanecfg{color:var(--dim)}.section.lane-off .grid,.section.lane-off .curve-row{opacity:.38}.lanecfg:hover{color:var(--amber);border-color:var(--amber)}.shead .name{letter-spacing:2px;text-transform:uppercase;color:var(--acc);align-items:center;gap:8px;font-family:Big Shoulders Display,sans-serif;font-size:14px;font-weight:700;display:flex}.shead .badge{letter-spacing:1px;color:var(--bg);background:var(--amber);border-radius:4px;padding:2px 5px;font-family:DM Mono,monospace;font-size:9px;display:none}.section.filtered .badge{display:inline}.bw{color:var(--dim);align-items:center;gap:6px;font-size:10px;display:flex}.bw select{padding:3px 6px;font-size:11px}.txt{background:var(--surface-1);border:1px solid var(--line);color:var(--ink);border-radius:7px;outline:none;padding:7px 9px;font-family:inherit;font-size:13px;transition:border-color .1s}.txt:focus{border-color:var(--amber)}.txt::placeholder{color:#5a4d40}.laneclear,.laneview{letter-spacing:1px;text-transform:uppercase;padding:3px 9px;font-size:10px}.seg-view{border:1px solid var(--line);border-radius:6px;display:inline-flex;overflow:hidden}.seg-view-btn{background:var(--surface-1);color:var(--dim);letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:0;padding:3px 9px;font-family:inherit;font-size:10px}.seg-view-btn+.seg-view-btn{border-left:1px solid var(--line)}.seg-view-btn:hover{color:var(--ink)}.seg-view-btn.on{background:var(--amber);color:var(--on-amber)}.seg-view-btn.on:hover{background:var(--amber-hover);color:var(--on-amber)}.lane-no-grid-note{color:var(--dim);border:1px dashed var(--line);background:var(--surface-1);border-radius:8px;padding:8px 12px;font-size:11px;line-height:1.55}.bassctl,.melctl{flex-wrap:wrap;align-items:center;gap:14px;margin:-2px 0 9px;display:flex}.grid{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;gap:4px;display:grid;overflow:auto visible}.row{grid-template-columns:52px repeat(var(--steps,16), var(--cell,1fr));align-items:center;gap:4px;display:grid}.name-lbl{color:var(--dim);text-align:right;white-space:nowrap;z-index:3;background:var(--panel);padding-right:4px;font-size:11px;position:sticky;left:0;overflow:hidden}.name-lbl.drumname{padding:0}.drumname-b{background:var(--surface-input);border:1px solid var(--line);width:100%;color:var(--ink);letter-spacing:.2px;cursor:pointer;text-align:right;white-space:nowrap;text-overflow:ellipsis;border-radius:5px;padding:4px 5px;font-family:inherit;font-size:10px;transition:border-color .1s,color .1s;overflow:hidden}.drumname-b:hover{border-color:var(--amber);color:var(--amber)}.addrow{margin-top:6px;display:block}.drumadd{background:var(--surface-1);border:1px dashed var(--line);color:var(--amber);cursor:pointer;letter-spacing:.3px;border-radius:6px;padding:5px 11px;font-family:inherit;font-size:11px;transition:all 80ms}.drumadd:hover{border-color:var(--amber);background:var(--surface-3)}.cell{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-4);cursor:pointer;border-radius:4px;transition:background 70ms,transform 50ms,border-radius .12s,border-color .12s}.cell.offbeat{border-top-right-radius:calc(4px + var(--swing,0) * 7px);border-bottom-right-radius:calc(4px + var(--swing,0) * 7px);border-right-color:color-mix(in srgb, var(--amber) calc(var(--swing,0) * 60%), var(--line))}.cell:hover{border-color:#5a4d40}.cell.beat{background:var(--cell-beat)}.cell.on{background:var(--acc);border-color:var(--acc);box-shadow:0 0 8px -1px var(--acc)}.cell.on.accent{box-shadow:0 0 12px 0 var(--acc);background:linear-gradient(#ffe2bd,#ffb978);border-color:#fff;position:relative}.cell.on.accent:after{content:"";border:1.5px solid #1e120880;border-radius:2px;position:absolute;inset:3px}.cell.playhead{outline-offset:-1px;outline:2px solid #ff9f4366}.cell.on.playhead{filter:brightness(1.3);transform:scale(1.05)}.arrange{flex-direction:column;gap:13px;display:flex}.ahead{top:var(--top-h,64px);z-index:20;background:var(--panel);border-bottom:1px solid var(--line);border-radius:14px 14px 0 0;flex-direction:column;gap:10px;margin:-16px -18px 12px;padding:13px 18px 11px;display:flex;position:sticky}.atools{align-items:center;gap:10px;display:flex}.ahead .t{letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);font-size:11px}.ahead .len{color:var(--dim);white-space:nowrap;margin-left:auto;font-size:11px}.ahead .len b{color:var(--amber);font-weight:500}.ahead .clips{margin-bottom:-2px}.clips{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;background:0 0;flex-wrap:nowrap;flex:auto;justify-content:safe center;align-items:stretch;gap:6px;min-width:0;padding:13px 0 8px;display:flex;overflow-x:auto}.clips::-webkit-scrollbar{height:8px}.clips::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}.clips::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.secrow{top:var(--top-h,64px);z-index:30;background:var(--bg);align-items:center;gap:8px;width:100vw;padding:6px 16px;display:flex;position:fixed;left:0;right:0;box-shadow:0 8px 12px -8px #0006}.arrange-collapse-fab{left:50%;top:calc(var(--top-h,64px) + var(--secrow-h,0px));z-index:45;background:var(--surface-1);border:1px solid var(--line);width:30px;height:30px;color:var(--dim);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .12s,border-color .12s,background .12s;display:inline-flex;position:fixed;transform:translate(-50%,-50%);box-shadow:0 4px 10px -2px #0006}.arrange-collapse-fab:hover{color:var(--amber);border-color:var(--amber);background:color-mix(in srgb, var(--amber) 14%, var(--surface-1))}.arrange-collapse-fab svg{width:16px;height:16px}.app{padding-top:var(--secrow-h,56px)}.curveadd{background:var(--surface-1);border:1px solid var(--line);width:28px;height:28px;color:var(--amber);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:all 80ms;display:flex}.curveadd:hover{border-color:var(--amber);background:var(--surface-3)}.curveadd:disabled{opacity:.35;cursor:default}.curvemenu{z-index:30;background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;min-width:150px;padding:4px;display:flex;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);box-shadow:0 14px 40px -12px #000000b3}.curvemenu[hidden]{display:none}.curvemenu button{color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 10px;font-size:13px}.curvemenu button:hover{background:var(--surface-3)}.addsec{background:var(--surface-1);border:1px solid var(--line);width:24px;height:24px;color:var(--amber);cursor:pointer;z-index:3;border-radius:50%;flex:none;justify-content:center;align-self:center;align-items:center;margin:0 -10px;padding:0;font-size:16px;line-height:1;transition:all 80ms;display:flex;position:relative}.addsec:hover{border-color:var(--amber);background:var(--surface-3)}.rolepick{z-index:55;background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:2px;min-width:172px;padding:6px;display:flex;position:fixed;box-shadow:0 18px 44px -14px #000c}.rolepick[hidden]{display:none}.rolepick button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;padding:7px 9px;font-family:inherit;font-size:12px;display:flex}.rolepick button:hover{background:#1d1712}.rolepick .rsw{border-radius:3px;flex:none;width:11px;height:11px}.rolepick .rd{color:var(--dim);margin-left:auto;font-size:9px}.selwrap{vertical-align:middle;display:inline-flex;position:relative}select.enhanced{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;padding:0;position:absolute}.seltrigger{color:var(--ink);background:var(--surface-1);border:1px solid var(--line);cursor:pointer;text-align:left;white-space:nowrap;border-radius:6px;min-height:26px;padding:4px 24px 4px 9px;font-family:inherit;font-size:11px;position:relative}.seltrigger:hover{border-color:#5a4d40}.seltrigger:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--dim);position:absolute;top:calc(50% - 2px);right:9px}.selmenu{z-index:60;background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:2px;min-width:130px;max-height:300px;padding:6px;display:flex;position:fixed;overflow:auto;box-shadow:0 18px 44px -14px #000c}.selmenu[hidden]{display:none}.selmenu button{text-align:left;width:100%;color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;padding:7px 9px;font-family:inherit;font-size:12px;display:flex}.selmenu button:hover{background:var(--surface-3)}.selmenu button.sel{background:var(--surface-3);color:var(--amber)}.cfg .selwrap,.role-pick .selwrap{flex:1;display:flex}.cfg .seltrigger,.role-pick .seltrigger{flex:1}.cv-wrap{position:relative}.cv-wrap>.selwrap{z-index:6;flex:none;display:inline-flex;position:absolute;top:-5px;left:50%;transform:translate(-50%,-50%)}.cv-wrap .seltrigger{background:var(--surface-1);border-radius:5px;flex:none;min-height:0;padding:2px 17px 2px 8px;font-size:10px;box-shadow:0 1px 4px #00000080}.cv-wrap .seltrigger:after{right:6px}.toast{z-index:120;background:var(--panel);border:1px solid var(--line);color:var(--ink);pointer-events:none;opacity:0;border-radius:9px;padding:10px 16px;font-size:13px;transition:opacity .2s;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px -12px #000000b3}.toast.show{opacity:1}.toast.err{color:#ff9277;border-color:#7a3326}.unsavedbar{color:#f0c987;background:#241b10;border:1px solid #6b4f1f;border-radius:8px;align-items:center;gap:12px;margin:0 0 12px;padding:8px 12px;font-size:12px;display:flex}.unsavedbar[hidden]{display:none}.unsavedbar .ub-txt{flex:1}.unsavedbar .ub-save{color:var(--on-amber);background:var(--amber);cursor:pointer;border:none;border-radius:6px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:600}.unsavedbar .ub-save:hover{background:var(--amber-hover)}.songbox{background:var(--panel);border:1px solid var(--line);padding:var(--sp-6) var(--sp-7) var(--sp-7);margin-top:var(--sp-6);border-radius:14px}.songbox-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.songbox-head .lbl{letter-spacing:2px;text-transform:uppercase;color:var(--dim);font-family:Big Shoulders Display,sans-serif;font-size:14px;font-weight:700}.songbox-head .mini{margin-left:auto}.songscroll{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;padding-bottom:6px;overflow:auto hidden}.songscroll::-webkit-scrollbar{height:8px}.songscroll::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}.songgrid{min-width:100%;display:inline-block;position:relative}.song-empty{color:var(--dim);padding:10px 2px;font-size:12px}.songlane,.stemlane{align-items:stretch;height:22px;margin-bottom:4px;display:flex}.stemlane{height:30px}.sl-label{z-index:3;background:var(--panel);letter-spacing:1px;text-transform:uppercase;width:72px;color:var(--dim);white-space:nowrap;text-overflow:ellipsis;flex:0 0 72px;align-items:center;padding-right:8px;font-size:10px;display:flex;position:sticky;left:0;overflow:hidden}.stemlane .sl-label{color:#c9b89c}.sl-track{height:100%;display:flex;position:relative}.sl-track .scell{background:var(--surface-recess);box-sizing:border-box;cursor:pointer;border-right:1px solid #1c1712;flex:none;width:9px;height:100%}.sl-track .scell.beat{background:var(--cell-beat)}.sl-track .scell.barstart{border-left:1px solid #3a322b}.sl-track .scell.on{background:var(--lc);box-shadow:inset 0 0 0 1px #00000040}.sl-track .scell:hover{filter:brightness(1.25)}.stem-track{background:var(--surface-recess);cursor:pointer;border:1px dashed #2c2620;border-radius:6px;height:100%;position:relative}.stem-track:hover{border-color:#5a4d40}.stem-clip{color:#fff;white-space:nowrap;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#7d5cc4,#5e44a0);border:1px solid #9a7fd6;border-radius:5px;align-items:center;padding:0 7px;font-size:10px;line-height:1;display:flex;position:absolute;top:2px;bottom:2px;overflow:hidden;box-shadow:0 2px 8px -3px #000000b3}.stem-clip:active{cursor:grabbing}.stem-playhead{pointer-events:none;z-index:3;background:#ffffffd9;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #ffffff8c}.song-ph{pointer-events:none;z-index:2;background:#ffffffd9;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 7px #ffffff80}.drawer-body{gap:var(--sp-6);flex-direction:column;display:flex}.drawer-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.drawer-sample{color:var(--ink);background:var(--surface-recess);border:1px solid var(--line);border-radius:7px;padding:9px 11px;font-size:12px}.drawer-rec{color:#ff7a6b;font-size:11px}#drawerRecord.recording{color:#fff;background:#ff5536;border-color:#ff5536}.modal-overlay.drawer-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;justify-content:flex-end;align-items:stretch;padding:0;transition:background .25s;display:flex;overflow:hidden}.modal-overlay.drawer-overlay.open{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#0806059e}.drawer-panel{height:100%;width:var(--drawer-w,470px);z-index:60;background:var(--panel);border-left:1px solid var(--line);flex-direction:column;max-width:100vw;transition:transform .28s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-14px 0 50px #0000008c}.modal-overlay.open .drawer-panel{transform:translate(0)}.drawer-panel .modal-head{border-bottom:1px solid var(--line);margin:0;padding:15px 18px}.drawer-scroll{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;flex:1;padding:15px 18px 24px;overflow-y:auto}.drawer-wave{border:1px solid var(--line);background:#0a0a0d;border-radius:8px;width:100%;height:88px;margin:12px 0 8px;display:block}.drawer-wave-interactive{cursor:crosshair;touch-action:none}.drawer-wave-empty{color:var(--dim);letter-spacing:.5px;justify-content:center;align-items:center;font-size:11px;display:flex}.sample-name-input{background:var(--surface-recess);border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;letter-spacing:.3px;border-radius:6px;margin-top:6px;padding:8px 10px;font-size:14px}.sample-name-input:focus{border-color:var(--amber);outline:none}.sample-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.record-btn{color:#ffcfc1;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;background:#2a1612;border:1px solid #ff5536;border-radius:8px;align-items:center;gap:9px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .1s;display:inline-flex;box-shadow:0 1px #6a2114}.record-btn:hover{color:#fff;background:#3a1c17}.record-btn:active{transform:translateY(1px);box-shadow:0 0 #6a2114}.record-btn[aria-pressed=true] .record-dot{animation:1.2s ease-out infinite recpulse}.record-btn-small{letter-spacing:.4px;padding:6px 12px;font-size:11px}.record-dot{background:#ff5536;border-radius:50%;width:11px;height:11px;display:inline-block}.record-btn-small .record-dot{width:9px;height:9px}@keyframes recpulse{0%{box-shadow:0 0 #ff553699}70%{box-shadow:0 0 0 8px #ff553600}to{box-shadow:0 0 #ff553600}}.drawer-wave-recording .rec-dot-pulse{animation:1.2s ease-out infinite recpulse}.drawer-wave-recording .rec-timer{letter-spacing:1.5px;font-family:Big Shoulders Display,sans-serif;font-size:18px;font-weight:700}.upload-btn{background:var(--surface-1);border:1px solid var(--line);color:var(--ink);letter-spacing:.4px;border-radius:7px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;display:inline-flex}.upload-btn:hover{background:#1a1512;border-color:#5a4d40}.sample-remove{color:#ffb3a3;background:0 0;border-color:#3a2520;align-items:center;gap:4px;margin-left:auto;padding:6px 11px;display:inline-flex}.sample-remove:hover{color:#fff;background:#2a1612;border-color:#ff5536}.loop-check{color:var(--dim);cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.3px;align-items:center;gap:7px;font-size:11px;display:inline-flex}.loop-check input[type=checkbox]{accent-color:var(--amber);width:14px;height:14px}.loop-check:hover{color:var(--ink)}.crop-times{height:18px;color:var(--amber);letter-spacing:.4px;pointer-events:none;margin-top:-6px;margin-bottom:8px;font-family:DM Mono,monospace;font-size:10px;position:relative}.crop-time{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.drawer-resize{cursor:ew-resize;z-index:4;touch-action:none;width:10px;position:absolute;top:0;bottom:0;left:-4px}.drawer-resize:after{content:"";background:#3a322b;border-radius:2px;width:3px;height:46px;transition:background .12s;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.drawer-resize:hover:after,.drawer-resize.dragging:after{background:var(--amber)}.drawer-pin{border:1px solid var(--line);color:var(--dim);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;margin-right:8px;padding:0;display:inline-flex}.drawer-pin svg{stroke:currentColor;width:18px;height:18px;display:block}.drawer-pin.on{border-color:var(--amber);color:var(--amber)}@media (max-width:899px){.drawer-pin{display:none}}.drawer-panel.drawer-inline{width:100%;max-width:none;height:100%;box-shadow:none;background:0 0;border:none;flex-direction:column;display:flex;position:static;transform:none}.drawer-panel.drawer-inline>.drawer-scroll{flex:auto;min-height:0}.drawer-panel.drawer-inline .drawer-resize,.pinned-drawer-slot:empty{display:none}.modal-overlay.drawer-overlay.stacked{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0}.modal-overlay.drawer-overlay.stacked .drawer-panel{pointer-events:auto}body{transition:padding-right .28s}.topbar,.bottombar{transition:right .28s}body.drawer-resizing,body.drawer-resizing .topbar,body.drawer-resizing .bottombar,body.drawer-resizing .drawer-panel{transition:none}.fxrack{flex-direction:column;gap:6px;margin-top:4px;display:flex}.fxgroup-h{text-transform:uppercase;letter-spacing:.08em;color:#8a7c6c;align-items:center;gap:8px;margin:8px 2px 2px;font-size:10px;font-weight:700;display:flex}.fxgroup-h:after{content:"";background:linear-gradient(90deg,#3a322b,#0000);flex:1;height:1px}.fxgrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.fxgrid.dis{opacity:.35;pointer-events:none}.drumgrid{grid-template-columns:1fr;margin-bottom:8px}.drumgrid .fxrow{grid-template-columns:108px 1fr 46px;gap:10px;margin:5px 0;font-size:11px}.drumlib{flex-wrap:wrap;gap:6px;display:flex}.drumlib-b{background:var(--surface-1);border:1px solid var(--line);color:var(--dim);cursor:pointer;letter-spacing:.3px;border-radius:7px;padding:6px 10px;font-family:inherit;font-size:11px;transition:all 80ms}.drumlib-b:hover{color:var(--ink);border-color:#5a4d40}.drumlib-b.sel{border-color:var(--amber);color:var(--amber);background:color-mix(in srgb, var(--amber) 14%, var(--surface-1))}.dtog{background:var(--surface-1);border:1px solid var(--line);color:var(--dim);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:5px;margin-left:8px;padding:2px 9px;font-size:10px;font-weight:700}.dtog.on{border-color:var(--amber);color:var(--amber);background:color-mix(in srgb, var(--amber) 14%, var(--surface-1))}#drumControls .fxgroup-h{margin-top:18px}#drumControls .fxgroup-h:first-child{margin-top:2px}#drumPlay.playing{color:#fff;background:#ff5536;border-color:#ff5536}.fxcard{background:var(--surface-recess);border:1px solid var(--line);border-radius:8px;padding:8px 11px 10px;transition:opacity .12s,border-color .12s}.fxcard.off{opacity:.5;border-color:#1c1712}.fxcard.solo-on{border-color:var(--amber)}.fxcard.muted-by-solo{opacity:.28}.fxcard-h{cursor:pointer;text-transform:uppercase;letter-spacing:.04em;color:#c9b89c;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:7px;font-size:11px;font-weight:700;display:flex}.fxcard-h:hover{color:#e8ddd0}.fxcard-h .led{background:#333;border-radius:50%;flex-shrink:0;width:9px;height:9px;transition:all 80ms}.fxcard-h .led.on{background:var(--amber);box-shadow:0 0 7px var(--amber)}.fxcard-h .fx-solo{color:#8a7c6c;letter-spacing:.05em;cursor:pointer;background:#2a2520;border:none;border-radius:3px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700;line-height:1}.fxcard-h .fx-solo.on{background:var(--amber);color:var(--on-amber)}.fxrow{color:var(--dim);grid-template-columns:54px 1fr 42px;align-items:center;gap:7px;margin:3px 0;font-size:10px;display:grid}.fxrow .fl{cursor:help;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fxrow .fv{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums;font-size:10px}.fxrow .fv.fv-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;outline:none;padding:1px 3px}.fxrow .fv.fv-btn:hover{border-color:var(--line);background:#ffffff08}.fxrow .fv.fv-btn:focus-visible{border-color:var(--amber)}.fxrow .fv.fv-edit{box-sizing:border-box;background:var(--surface-1);border:1px solid var(--amber);width:100%;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;-moz-appearance:textfield;border-radius:3px;padding:1px 3px;font-family:inherit;font-size:10px}.fxrow .fv.fv-edit::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fxrow .fv.fv-edit::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fxrow .fv.fv-edit:focus{box-shadow:0 0 0 2px var(--glow);outline:none}.fxrow input[type=range]{width:100%}.fxrow select{color:#eee;background:#222;border:1px solid #333;border-radius:4px;width:100%;padding:3px;font-size:10px}.clip{background:var(--surface-1);border:1px solid var(--line);width:128px;color:var(--dim);cursor:pointer;border-radius:10px;flex-direction:column;flex:0 0 128px;align-items:center;gap:7px;padding:16px 12px 12px;transition:border-color .1s,background .1s,box-shadow .1s,color .1s;display:flex;position:relative}.clip:hover{border-color:var(--amber);background:var(--surface-3)}.clip .playicon{background:var(--bg);border:1px solid var(--amber);width:20px;height:20px;color:var(--amber);opacity:0;pointer-events:none;z-index:4;border-radius:50%;justify-content:center;align-items:center;transition:opacity .12s;display:flex;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.clip .playicon svg{display:block}.clip.active .playicon{opacity:1;animation:1.6s ease-in-out infinite spkglow}.clip.active .playicon svg{animation:1.6s ease-in-out infinite spkpulse}.clip.active .playicon.bump{animation:.6s cubic-bezier(.25,.9,.3,1.15) spkjump}@keyframes spkpulse{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}@keyframes spkglow{0%,to{box-shadow:0 0 #ff9f4300}50%{box-shadow:0 0 8px #ff9f438c}}@keyframes spkjump{0%{transform:translate(-50%)translateY(0)}30%{transform:translate(-50%)translateY(-9px)}55%{transform:translate(-50%)translateY(0)}74%{transform:translate(-50%)translateY(-3px)}to{transform:translate(-50%)translateY(0)}}.clip.sel{border-color:var(--ink)}.seccfg{background:var(--surface-1);border:1px solid var(--line);border-radius:10px;margin-top:12px;padding:14px 16px}.seccfg-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.seccfg-head h3{letter-spacing:1px;text-transform:uppercase;color:var(--ink);font-family:Big Shoulders Display,sans-serif;font-size:16px;font-weight:700}.seccfg-sub{color:var(--dim);margin-bottom:14px;font-size:11px;line-height:1.5}.seccfg-sub b{color:var(--ink);font-weight:500}.clip .rolebar{border-radius:9px 9px 0 0;height:6px;position:absolute;top:0;left:0;right:0}.clip .sec-name{letter-spacing:.5px;text-transform:uppercase;text-align:center;font-family:Big Shoulders Display,sans-serif;font-size:17px;font-weight:700;line-height:1}.clip .sec-meta{color:var(--dim);letter-spacing:.5px;text-align:left;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;align-self:stretch;font-size:10px;display:-webkit-box;overflow:hidden}.clip .sec-meta b{color:var(--ink);font-weight:500}.clip .sec-dots{align-self:stretch;align-items:center;gap:4px;margin-top:1px;display:flex}.clip .sec-bars{color:var(--dim);letter-spacing:.5px;margin-left:auto;font-size:10px}.clip .dot{text-align:center;background:var(--bg-soft);color:#5a4d40;border-radius:4px;width:15px;height:15px;font-size:9px;font-weight:500;line-height:15px}.clip .dot.on{color:#14110f}.clip .sweepmark{color:var(--amber);margin-left:2px;font-size:12px}.cardcurve{cursor:pointer;background:var(--surface-chart);border:1px solid var(--line);border-radius:6px;align-self:stretch;height:38px;margin:5px 0 7px;overflow:hidden}.cardcurve svg{width:100%;height:100%;display:block}.clip{gap:calc(7px - var(--cz,0) * 5px);padding-top:calc(16px - var(--cz,0) * 3px);padding-bottom:calc(12px - var(--cz,0) * 2px)}.clip .cardcurve{height:calc((1 - var(--cz,0)) * 38px);margin:calc((1 - var(--cz,0)) * 5px) 0 calc((1 - var(--cz,0)) * 7px);opacity:calc(1 - var(--cz,0))}.clip .sec-dots{height:calc((1 - var(--cz,0)) * 16px);margin-top:calc((1 - var(--cz,0)) * 1px);opacity:calc(1 - var(--cz,0));overflow:hidden}.clip .sec-bars{opacity:calc(1 - var(--cz,0))}.clip .rm{color:var(--dim);cursor:pointer;z-index:2;background:0 0;border:none;padding:0;font-size:14px;line-height:1;position:absolute;top:10px;right:7px}.clip .rm:hover{color:#ff5536}.clip .dupsec{color:var(--dim);cursor:pointer;z-index:2;background:0 0;border:none;padding:0;font-size:13px;line-height:1;position:absolute;top:10px;left:7px}.clip .dupsec:hover{color:var(--amber)}@keyframes addflash{0%{box-shadow:0 0 0 3px var(--amber)}to{box-shadow:0 0 #ff9f4300}}.clip.justadded{border-color:var(--amber);animation:1.1s ease-out addflash}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#080605bd;justify-content:center;align-items:flex-start;padding:40px 16px;display:none;position:fixed;inset:0;overflow-y:auto}.modal-overlay.open{display:flex}.modal{background:var(--panel);border:1px solid var(--line);width:100%;max-width:680px;padding:var(--sp-9);border-radius:14px;box-shadow:0 40px 80px -20px #000c}.modal-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.modal-head h2{letter-spacing:1px;text-transform:uppercase;color:var(--ink);font-family:Big Shoulders Display,sans-serif;font-size:22px;font-weight:700}.modal-close{color:var(--dim);cursor:pointer;background:0 0;border:none;margin-left:10px;padding:0 2px;font-size:30px;line-height:1}.modal-close:hover{color:var(--amber)}.modal-sub{color:var(--dim);margin-bottom:16px;font-size:11px;line-height:1.5}.modal-sub b{color:var(--ink);font-weight:500}.tpl-cards{flex-direction:column;gap:10px;display:flex}.tpl-card{text-align:left;background:var(--surface-1);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:10px;grid-template-columns:150px 1fr;align-items:center;gap:14px;padding:12px;font-family:inherit;transition:all .1s;display:grid}.tpl-card:hover{border-color:var(--amber);box-shadow:0 0 12px -3px var(--glow);transform:translateY(-1px)}.tpl-card .shape{background:var(--surface-chart);border:1px solid var(--line);border-radius:7px;width:150px;height:58px;overflow:hidden}.tpl-card .shape svg{width:100%;height:100%;display:block}.tpl-card .nm{letter-spacing:.5px;text-transform:uppercase;color:var(--amber);margin-bottom:3px;font-family:Big Shoulders Display,sans-serif;font-size:16px;font-weight:700}.tpl-card .meta{letter-spacing:.5px;text-transform:uppercase;color:var(--dim);margin-bottom:5px;font-size:9px}.tpl-card .d{color:var(--dim);font-size:11px;line-height:1.45}.choice-card{text-align:left;background:var(--surface-1);border:1px solid var(--line);cursor:pointer;width:100%;color:var(--ink);border-radius:10px;padding:13px 15px;font-family:inherit;transition:all .1s;display:block}.choice-card:hover{border-color:var(--amber);box-shadow:0 0 12px -3px var(--glow);transform:translateY(-1px)}.choice-card .nm{letter-spacing:.5px;text-transform:uppercase;color:var(--amber);margin-bottom:3px;font-family:Big Shoulders Display,sans-serif;font-size:16px;font-weight:700}.choice-card .d{color:var(--dim);font-size:11px;line-height:1.45}.modal-actions{margin-top:var(--sp-7);justify-content:flex-end;display:flex}.cfg{flex-direction:column;gap:14px;display:flex}.cfg-row{flex-direction:column;gap:6px;display:flex}.cfg-row.two{flex-direction:row;gap:12px}.cfg-row.two>div{flex-direction:column;flex:1;gap:6px;display:flex}.cfg-lbl{letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);font-size:10px}.cfg-head{letter-spacing:.5px;color:var(--ink);margin-bottom:7px;font-family:Big Shoulders Display,sans-serif;font-size:15px;font-weight:700;display:block}.cfg select{color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#100d0b;border-radius:6px;width:100%;padding:7px 8px;font-family:inherit;font-size:13px}.cfg input[type=range]{width:100%;accent-color:var(--amber)}.role-presets{flex-wrap:wrap;gap:6px;display:flex}.role-pick{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.role-pick select{flex:1;min-width:120px}.role-field{gap:var(--sp-3);margin:var(--sp-6) 0;flex-direction:column;display:flex}.role-field>span{letter-spacing:1px;text-transform:uppercase;color:var(--dim);font-size:10px}.role-field input[type=text]{background:var(--surface-input);border:1px solid var(--line);color:var(--ink);border-radius:7px;padding:9px 11px;font-family:inherit;font-size:13px}.role-field input[type=text]:focus{border-color:var(--amber);box-shadow:0 0 0 2px var(--glow);outline:none}.role-radios{flex-direction:column;gap:4px;display:flex}.role-radio{cursor:pointer;background:var(--surface-1);border:1px solid var(--line);color:var(--dim);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;transition:all 80ms;display:flex}.role-radio:hover{color:var(--ink);border-color:#5a4d40}.role-radio.sel{border-color:var(--amber);color:var(--ink);background:var(--surface-3)}.role-radio input[type=radio]{accent-color:var(--amber);margin:0}.voice-play{width:32px;height:32px;color:var(--amber);border-color:var(--line);justify-content:center;align-items:center;padding:0;display:inline-flex}.voice-play:hover{border-color:var(--amber);background:var(--surface-3)}.voice-play svg{width:14px;height:14px}.voice-list{border:1px solid var(--line);background:var(--surface-input);scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;border-radius:8px;flex-direction:column;gap:2px;max-height:340px;margin:0;padding:4px;list-style:none;display:flex;overflow-y:auto}.voice-list::-webkit-scrollbar{width:8px}.voice-list::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}.voice-item{width:100%;color:var(--dim);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-family:inherit;font-size:12px;transition:all 80ms;display:flex}.voice-item:hover{color:var(--ink);background:var(--surface-3)}.voice-item.sel{color:var(--ink);border-color:var(--amber);background:var(--surface-3)}.voice-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.voice-item-play{width:22px;height:22px;color:var(--amber);border:1px solid var(--line);background:var(--surface-1);cursor:pointer;border-radius:4px;flex:none;justify-content:center;align-items:center;transition:all 80ms;display:inline-flex}.voice-item-play:hover{border-color:var(--amber);background:var(--surface-3)}.voice-item-play svg{width:11px;height:11px;display:block}.role-swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.role-sw{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;padding:0;box-shadow:inset 0 0 0 1px #00000059}.role-sw.sel{border-color:var(--ink);box-shadow:0 0 0 2px var(--glow)}.role-sw-custom{cursor:pointer;background:0 0;border:1px dashed #5a4d40;border-radius:50%;width:26px;height:26px;padding:0;overflow:hidden}.role-sw-custom input[type=color]{cursor:pointer;background:0 0;border:none;width:40px;height:40px;transform:translate(-7px,-7px)}.mini.primary{background:var(--amber);color:var(--on-amber);border-color:var(--amber)}.mini.primary:hover{background:var(--amber-hover);border-color:var(--amber-hover);color:var(--on-amber)}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.secstems-scroll{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;margin-top:0;padding:14px 0 4px;overflow:auto hidden}.secstems{min-width:100%;display:inline-block}.secstems .stem-rm{color:var(--dim);cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-size:13px;line-height:1}.secstems .stem-rm:hover{color:#ff6b4a}.patgrid .pchip .playicon{background:var(--bg);border:1px solid var(--amber);width:18px;height:18px;color:var(--amber);opacity:0;pointer-events:none;z-index:6;border-radius:50%;justify-content:center;align-items:center;transition:opacity .12s;display:flex;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.patgrid .pchip .playicon svg{width:11px;height:11px;display:block}.patgrid .pchip.playing .playicon{opacity:1;animation:1.6s ease-in-out infinite spkglow}.patgrid .pchip.playing .playicon svg{animation:1.6s ease-in-out infinite spkpulse}.patlane{margin-bottom:7px}.patgrid{position:relative}.patgrid .pchip{box-sizing:border-box;border:1px solid var(--line);background:var(--surface-chip);color:var(--ink);cursor:grab;letter-spacing:.5px;border-radius:6px;justify-content:center;align-items:center;padding:0 4px;font-family:Big Shoulders Display,sans-serif;font-size:14px;font-weight:700;line-height:1;display:flex;position:absolute;top:0;bottom:0}.patgrid .pchip.edit:hover{border-color:var(--amber);color:var(--amber)}.patgrid .pchip.edit:active{cursor:grabbing}.patgrid .pchip.dragging{opacity:.4}.patgrid .pchip .pchip-nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.patgrid .pchip.repeat{cursor:default;background:var(--surface-recess);color:var(--dim);opacity:.55;border:1px dashed #2c2620;font-weight:400}.patgrid .paddpat{z-index:4;border:1px solid var(--line);background:var(--surface-1);width:16px;height:16px;color:var(--amber);cursor:pointer;opacity:.45;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;transition:all 80ms;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.patgrid .paddpat:hover{opacity:1;border-color:var(--amber);background:var(--surface-3)}.patgrid .paddpat.caret-on{opacity:1;color:#0000;background:var(--amber);width:4px;height:128%;box-shadow:0 0 11px 0 var(--glow);border:none;border-radius:2px}.secstems .stem-clip{flex-direction:column;justify-content:center;gap:1px;line-height:1.1;display:flex}.stemlane.placeholder .stem-track{cursor:pointer}.stemlane.placeholder .stem-empty{color:#5a4d40;padding-left:8px;font-size:10px;font-style:italic;line-height:30px}.stemlane.placeholder .stem-track:hover{border-color:var(--amber)}.stemlane.placeholder .stem-track:hover .stem-empty{color:var(--amber)}.secstems .stem-clip .sc-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.secstems .stem-clip .sc-pos{opacity:.8;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:400;overflow:hidden}.drawer-wave{cursor:text}.drawer-trim{color:var(--dim);flex:1;font-size:10px}.selmenu .selmenu-del{color:#ff6b4a;border-top:1px solid var(--line);align-items:center;gap:7px;margin-top:4px;display:flex}.selmenu .selmenu-del.selmenu-del-top{border-top:none;border-bottom:1px solid var(--line);margin-top:0;margin-bottom:4px}.selmenu .selmenu-del .trash{font-size:13px}.role-presets button{background:var(--surface-1);border:1px solid var(--line);color:var(--dim);cursor:pointer;letter-spacing:.5px;border-radius:7px;padding:7px 11px;font-family:inherit;font-size:12px}.role-presets button:hover{color:var(--ink);border-color:#5a4d40}.role-presets button.sel{background:#1d1712;border-color:currentColor}.lane-rows{flex-direction:column;gap:8px;display:flex}.lane-stack{flex-direction:column;gap:6px;display:flex}.section-lane-row,.song-lane-row{flex-direction:column;display:flex}.section-lane-row.lane-off{opacity:.55}.section-lane-row .shead,.song-lane-row .shead{margin-bottom:4px}.lane-collapsible .shead .name{color:var(--lane-color,inherit)}.secbox .drawer-scroll .cfg-row.section-fx-head{z-index:5;background:var(--panel);margin-top:14px;padding-top:10px;padding-bottom:6px;position:sticky;top:-15px}details.lane-collapsible[open]>.cfg-row,details.lane-collapsible[open]>.secstems-scroll{border-left:1px dotted var(--lane-color,var(--line));margin-left:4px;padding-left:10px;margin-top:0!important}details.lane-collapsible[open]>.add-curve{margin-left:18px;position:relative}details.lane-collapsible[open]>.add-curve:before{content:"";border-left:1px dotted var(--lane-color,var(--line));position:absolute;top:-14px;bottom:0;left:-15px}.section-lane-row .cfg-row .cfg-lbl.cfg-head,.song-lane-row .cfg-row .cfg-lbl.cfg-head,.drawer-scroll .cfg-row .cfg-lbl.cfg-head{font-size:12px}.secpanel .cfg>.cfg-row>.cfg-lbl.cfg-head,.secpanel .cfg>.cfg-row>.patterns-head>.cfg-lbl.cfg-head,.botctl>.botctl-space>.cfg-lbl.cfg-head,.botctl>.botctl-ambient>.cfg-lbl.cfg-head,.botctl>.botctl-lanes>.cfg-lbl.cfg-head,.botctl>.botctl-swing>.cfg-lbl.cfg-head,.meter-box-head>.cfg-lbl.cfg-head,.tonal-key-head>.cfg-lbl.cfg-head,.humanize-box-head>.cfg-lbl.cfg-head,.drawer-scroll .cfg-lbl.cfg-head.tracks-head,.cfg-lbl.cfg-head.tracks-head{font-size:18px}.botctl-lanes .mini.mini-sm{min-height:22px;padding:2px 7px;font-size:10px;line-height:1}.botctl-lanes .mini.mini-sm svg{width:12px;height:12px;display:block}.cfg-head .cfg-head-sub{color:var(--dim);font-weight:400}.cfg-head .cfg-head-chip{vertical-align:middle;letter-spacing:1.2px;text-transform:uppercase;color:var(--dim);background:var(--surface-1);border:1px solid var(--line);white-space:nowrap;border-radius:999px;margin-left:8px;padding:2px 8px;font-family:inherit;font-size:9px;font-weight:600;line-height:1;display:inline-block}.icon-btn{width:28px;height:28px;color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.icon-btn:hover{color:var(--ink);border-color:var(--line);background:var(--surface-1)}.icon-btn svg{width:18px;height:18px}.filter-drag-handle{width:16px;height:20px;color:var(--dim);opacity:.45;cursor:grab;-webkit-user-select:none;user-select:none;letter-spacing:-2px;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.filter-row:hover .filter-drag-handle{opacity:.9;color:var(--amber)}.filter-drag-handle:active{cursor:grabbing}.filter-row.dragging{opacity:.35;outline:1px dashed var(--amber);outline-offset:-2px;border-radius:6px}.filter-row.drop-target-above{box-shadow:inset 0 3px 0 0 var(--amber);transition:box-shadow 60ms ease-out}.filter-row.drop-target-below{box-shadow:inset 0 -3px 0 0 var(--amber);transition:box-shadow 60ms ease-out}@keyframes cfg-row-stomp{0%{opacity:.4;transform:scale(1.1)}60%{opacity:1;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.cfg-row.just-added{transform-origin:50%;animation:.42s cubic-bezier(.22,.9,.36,1) cfg-row-stomp}.lane-row{align-items:stretch;gap:8px;display:flex}.lane-row .lane-tog{background:var(--surface-1);border:1px solid var(--line);color:var(--dim);cursor:pointer;letter-spacing:.5px;text-align:left;border-radius:8px;flex:1;justify-content:space-between;align-items:center;gap:10px;padding:10px 13px;font-family:inherit;display:flex}.lane-row .lane-tog .lt-name{font-size:13px}.lane-row .lane-tog .lt-state{text-transform:uppercase;letter-spacing:1.5px;opacity:.7;font-size:10px}.lane-row .lane-tog.on{color:#14110f;border-color:#0000;font-weight:500}.lane-row .lane-tog.on .lt-state{opacity:.85}.lane-row .lanecfg{color:var(--dim);justify-content:center;align-items:center;display:flex}.lane-row .lanecfg:hover{color:var(--amber);border-color:var(--amber)}.cog-sm{padding:2px 11px;font-size:24px;line-height:1}.curvebox{background:var(--surface-chart);border:1px solid var(--line);touch-action:none;border-radius:8px;width:100%;height:64px;position:relative;overflow:hidden}.reprow{justify-content:space-between;align-items:center;gap:10px;margin:0 0 9px;display:flex}.reprow select{max-width:140px}.curvebox svg{width:100%;height:100%;display:block}.curvebox .cl{letter-spacing:1px;text-transform:uppercase;color:var(--dim);font-size:8px;position:absolute;bottom:4px}.curvebox .cl.start{left:6px}.curvebox .cl.end{right:6px}.curvebox .cv-handle{background:var(--amber);border:2px solid var(--surface-chart);cursor:ns-resize;z-index:3;touch-action:none;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0009}.curvebox .cv-start{left:8px}.curvebox .cv-end{left:calc(100% - 8px)}.curvebox .cv-handle.drag{box-shadow:0 0 8px -1px var(--amber);background:#fff}.curvebox .cv-mid{cursor:move}.curvebox .cv-ph{opacity:0;pointer-events:none;background:#ffffffb3;width:1.5px;margin-left:-.75px;transition:opacity .1s;position:absolute;top:0;bottom:0;left:0}.freqrow{justify-content:space-between;gap:4px;margin-top:5px;display:flex}.freqrow span{color:var(--amber);opacity:.85;font-family:DM Mono,monospace;font-size:10px}body.cv-dragging{touch-action:none}body.cv-dragging .secbox .drawer-scroll{overflow:hidden}.topbar{z-index:50;background:var(--surface-1);border-bottom:1px solid var(--line);position:fixed;top:0;left:0;right:0;box-shadow:0 10px 24px -14px #000000d9}.bar-inner{align-items:center;gap:var(--sp-7);max-width:980px;padding:var(--sp-3) var(--sp-7);margin:0 auto;display:flex}.topbar .logo{letter-spacing:.5px;text-transform:uppercase;color:var(--ink);white-space:nowrap;margin:0;font-family:Big Shoulders Display,sans-serif;font-size:22px;font-weight:800;line-height:1}.topbar .logo span{color:var(--amber)}.topbar .logo .logo2{color:var(--line)}@media (max-width:899px){.topbar .logo{display:none}.topbar .bar-inner{gap:4px;padding:6px 8px}.topbar .song-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;width:auto;min-width:0;max-width:none;margin-left:0;padding:5px 8px 5px 4px;position:static;overflow:hidden;transform:none}.topbar .song-name::placeholder{text-align:left}}.topbar .scopes{flex-direction:row;flex:auto;gap:10px;min-width:0;display:flex;position:relative}.meter-tap{z-index:3;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--line);color:var(--dim);cursor:pointer;background:#0d0a08b8;border-radius:4px;padding:2px 7px;font-size:9px;position:absolute;top:3px;right:3px}.meter-tap:hover{border-color:var(--amber);color:var(--amber)}.meter-tap.on{color:var(--amber);border-color:var(--amber)}.topbar .scope-lane canvas{height:48px}.theme-toggle{border:1px solid var(--line);color:var(--dim);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;margin-left:auto;padding:5px 9px;transition:color .12s,border-color .12s,background .12s;display:flex}.theme-toggle:hover{color:var(--amber);border-color:var(--amber)}.topbar .hamburger{border:1px solid var(--line);color:var(--dim);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:7px 9px;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.topbar .hamburger span{background:currentColor;border-radius:2px;width:16px;height:2px;display:block}.topbar .hamburger:hover{color:var(--amber);border-color:var(--amber)}.topbar .song-name{color:var(--topbar-ink);z-index:1;background:0 0;border:1px solid #0000;border-radius:7px;font-family:inherit;font-size:14px;transition:border-color .12s,background .12s}@media (min-width:900px){.topbar .song-name{text-align:center;width:28ch;min-width:160px;max-width:320px;padding:5px 10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.topbar .song-name::placeholder{color:color-mix(in srgb, var(--topbar-ink) 45%, transparent)}.topbar .song-name:hover{border-color:var(--line)}.topbar .song-name:focus{border-color:var(--amber);box-shadow:0 0 0 2px var(--glow);background:#00000040;outline:none}.topbar .sync-status{z-index:2;margin-left:auto}.topbar .undo-redo{z-index:2;gap:6px;display:flex}.topbar .undo-redo .mini{width:32px;height:32px;color:var(--dim);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.topbar .undo-redo .mini svg{width:16px;height:16px;display:block}.topbar .undo-redo .mini:hover:not(:disabled){color:var(--amber);border-color:var(--amber)}.topbar .undo-redo .mini:disabled{opacity:.32;cursor:not-allowed}.topmenu-wrap{z-index:60;flex:none;position:relative}.topmenu-btn{padding:0 11px;font-size:25px;line-height:1.3}@media (pointer:coarse){.topmenu-btn{padding:0 16px;font-size:38px}}.topmenu{background:var(--panel);border:1px solid var(--line);z-index:60;border-radius:10px;flex-direction:column;gap:2px;min-width:200px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 44px -14px #000000bf}.topmenu[hidden]{display:none}.topmenu button{text-align:left;width:100%;color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:12px;display:flex}.topmenu button svg{width:14px;height:14px;color:var(--ink);flex:none}.topmenu button:hover{color:var(--amber);background:#1d1712}.topmenu button:hover svg{color:var(--amber)}.bottombar{display:none}.bottombar .bar-inner{max-width:none;margin:0;padding:13px 16px 15px;display:block;position:relative;overflow:visible}.scope-bg{opacity:.5;pointer-events:none;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.np-row{z-index:1;justify-content:space-between;align-items:baseline;gap:88px;display:flex;position:relative}.np-row .np-side{align-items:baseline;gap:6px;min-width:0;display:flex}.np-row .np-r{text-align:right;justify-content:flex-end}.np-row .np-v{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-family:DM Mono,monospace;font-size:11px;overflow:hidden}.bigplay{z-index:3;background:var(--amber);width:56px;height:56px;color:var(--on-amber);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:20px;line-height:1;transition:transform 80ms,background .12s,filter .12s;display:flex;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 9px 22px -6px #000000b3}.bigplay:hover{filter:drop-shadow(0 0 14px #ff9f4399)}.bigplay.on:hover{filter:drop-shadow(0 0 14px #e8ddd08c)}.bigplay:active{transform:translate(-50%)scale(.94)}.bigplay.on{background:#e8ddd0}.bigplay svg{display:block}.np-mode{letter-spacing:1px;text-transform:uppercase;color:var(--amber);font-family:Big Shoulders Display,sans-serif;font-size:14px;font-weight:700}.np-mode.idle{color:var(--dim)}.np-line{align-items:baseline;gap:6px;display:flex}.np-k{letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);font-size:9px}.np-v{color:var(--ink);font-family:DM Mono,monospace;font-size:13px}.scope-lane{flex:1 1 0;min-width:0;position:relative}.scope-lane.drums{--acc:#ff7a45}.scope-lane.bass{--acc:#6fd39a}.scope-lane.melody{--acc:#ffd05c}.scope-lane canvas{background:var(--surface-chart);border:1px solid var(--line);border-radius:8px;width:100%;height:84px;display:block}.scope-lane .sl{letter-spacing:1.5px;text-transform:uppercase;color:var(--acc);opacity:.85;pointer-events:none;font-size:9px;position:absolute;top:4px;left:7px}.fblock{flex-direction:column;gap:11px;display:flex}.fblock .r2{flex-direction:column;gap:5px;display:flex}.fblock label{letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);justify-content:space-between;align-items:center;font-size:10px;display:flex}.fblock .inline{gap:8px;display:flex}.fblock .inline .r2{flex:1}.auto-toggle{color:var(--ink);cursor:pointer;align-items:center;gap:7px;font-size:11px;display:flex}.auto-toggle input{accent-color:var(--amber);cursor:pointer}.sc-note{color:var(--dim);opacity:.75;font-size:10px;line-height:1.4}footer{color:var(--dim);text-align:center;letter-spacing:.5px;margin-top:12px;font-size:11px}footer b{color:var(--amber)}.tooltip{z-index:200;background:var(--surface-3);pointer-events:none;opacity:0;visibility:hidden;border:1px solid #3d3022;border-radius:10px;max-width:320px;padding:9px 12px;transition:opacity .13s,transform .13s;position:fixed;transform:translateY(3px);box-shadow:0 14px 34px -10px #000000d9}.tooltip.show{opacity:1;visibility:visible;transform:translateY(0)}.tooltip .tt-h{letter-spacing:1px;text-transform:uppercase;color:var(--amber);margin-bottom:3px;font-family:Big Shoulders Display,sans-serif;font-size:13px;font-weight:700;display:block}.tooltip .tt-b{color:var(--ink);font-family:DM Mono,monospace;font-size:11.5px;line-height:1.55;display:block}.tooltip .tt-icon{width:64px;height:28px;color:var(--ink);background:#00000038;border:1px solid #3d3022;border-radius:4px;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.tooltip:after{content:"";left:var(--ax,50%);border:6px solid #0000;border-top-color:var(--surface-3);margin-left:-6px;position:absolute;bottom:-11px}.tooltip.below:after{border-top-color:#0000;border-bottom-color:var(--surface-3);top:-11px;bottom:auto}[data-tip]{cursor:help}.ptab[data-tip],.cell[data-tip],button[data-tip],select[data-tip],input[data-tip]{cursor:pointer}.app{max-width:none!important}.topbar .bar-inner{max-width:none}.app.app-timeline{top:var(--top-h,64px);left:0;right:0;bottom:var(--bot-h,80px);flex-direction:column;gap:0;width:100%;max-width:none;height:auto;min-height:0;margin:0;padding:0;display:flex;position:fixed}.app.app-timeline>.tl-surface{overscroll-behavior:contain;flex:auto;width:100%;min-height:0}.tl-surface,.tl-surface *{overscroll-behavior-x:contain}.tl-surface[data-mode=select] .tl-sample-row canvas{cursor:grab}.tl-surface[data-mode=zoom] .tl-drum-row,.tl-surface[data-mode=zoom] .tl-sample-row,.tl-surface[data-mode=zoom] .tl-auto-row{cursor:zoom-in}.tl-insert-btn{opacity:0}.tl-insert-btn:hover{opacity:1!important;background:var(--amber,#ffb84d)!important;color:#1a1a1a!important}.tl-header-col:hover .tl-insert-btn{opacity:.7}.tl-effects-side-panel button{transition:background .1s,border-color .1s,box-shadow .1s}.tl-effects-side-panel button:hover{background:#ffffff29;border-color:#ffffff52}.tl-effects-side-panel button[aria-pressed=true]:hover{box-shadow:inset 0 0 0 1px #78ffb466}.tl-effects-side-panel button[aria-pressed=false]:hover{box-shadow:inset 0 0 0 1px #dc505066}.tl-toolbar svg,.tl-trackhead svg{width:14px;height:14px;display:block}.tl-toolbar button:disabled{opacity:.4;cursor:not-allowed}@media (hover:hover){.tl-toolbar button:hover:not(:disabled){filter:brightness(1.25)}}.tl-toolbar button:active:not(:disabled){filter:brightness(1.5)}.tl-toolbar button:focus{outline:none}.tl-toolbar button:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.tl-tab-add:hover,.tl-tab-add:focus-visible{opacity:1!important;background:var(--amber,#ff9f43)!important;color:#0f0f10!important}.tl-auto-tab:hover,.tl-auto-tab:focus-visible{opacity:1!important}.tl-clip:hover{background:#ffffff29}.tl-section-stripe.is-selected{background:var(--section-color,#ffffff14)}.tl-trackhead.is-selected{background:#ffffff14}.tl-playhead{transition:opacity 80ms linear}[data-row-id].tl-row-flash{animation:.9s ease-out tl-row-flash}@keyframes tl-row-flash{0%{box-shadow:0 0 0 2px #ffb84de6,inset 0 0 24px 4px #ffb84d99}60%{box-shadow:0 0 0 2px #ffb84d80,inset 0 0 12px 2px #ffb84d40}to{box-shadow:0 0 #ffb84d00,inset 0 0 #ffb84d00}}.tl-context-item{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-family:inherit;font-size:12px;display:inline-flex}.tl-context-item:hover:not(:disabled),.tl-context-item:focus-visible{color:#fff;background:#ffb84d52}.tl-context-item:disabled{opacity:.4;cursor:not-allowed}.tl-context-item.danger{color:#ffb4b4e6}.tl-context-item.danger:hover:not(:disabled){color:#fff;background:#dc505059}.tl-context-item svg{flex:none;width:14px;height:14px}.tl-scroll-follower{scrollbar-width:none;-ms-overflow-style:none}.tl-scroll-follower::-webkit-scrollbar{width:0;height:0;display:none}@media (pointer:coarse){.tl-body-scroll{scrollbar-width:auto;scrollbar-color:#ffffff8c #ffffff14;overflow-y:scroll}.tl-body-scroll::-webkit-scrollbar{width:14px;height:14px}.tl-body-scroll::-webkit-scrollbar-thumb{background:#ffffff8c padding-box padding-box;border:2px solid #0000;border-radius:7px;min-height:40px}.tl-body-scroll::-webkit-scrollbar-thumb:hover{background:#ffffffbf padding-box padding-box}.tl-body-scroll::-webkit-scrollbar-track{background:#ffffff0f;border-radius:7px}}.tl-trackhead,.tl-drum-row canvas,.tl-sample-row canvas,.tl-auto-row,.tl-context-target{cursor:context-menu}.tl-surface[data-mode=select] .tl-drum-row canvas{cursor:crosshair}.tl-row-resize{position:relative}.tl-col-resize{background:0 0;transition:background .1s;position:relative}.tl-col-resize:after{content:"";pointer-events:none;background:#ffb84d80;border-radius:2px 0 0 2px;width:4px;height:48px;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:-1px 0 #00000059,0 0 8px -2px #ffb84d66}.tl-col-resize.tl-col-resize-left:after{border-radius:0 2px 2px 0;left:0;right:auto;box-shadow:1px 0 #00000059}.tl-col-resize:hover:after,.tl-col-resize:active:after{background:#ffb84d;height:48px}.tl-col-resize:hover,.tl-col-resize:active{background:#ffb84d2e}.tl-row-resize:after{content:"";pointer-events:none;background:#ffb84d80;border-radius:2px;width:64px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059,0 0 8px -2px #ffb84d66}.tl-row-resize:hover:after,.tl-row-resize:active:after{background:#ffb84d;width:96px}.tl-row-resize:hover,.tl-row-resize:active{background:#ffb84d24}.tl-vzoom-btn{appearance:none;color:var(--text,#fff);border-radius:var(--btn-radius);padding:calc(var(--btn-py) - 2px) 0;font:600 var(--btn-fs) "SF Mono", ui-monospace, monospace;letter-spacing:.5px;cursor:pointer;min-height:calc(var(--btn-h) - 4px);background:#0009;border:1px solid #ffffff2e;justify-content:center;align-items:center;transition:background .1s,border-color .1s;display:inline-flex}.tl-vzoom-btn:hover{background:#ffb84d24;border-color:#ffb84d8c}.tl-vzoom-btn:active{background:#ffb84d47}.slide-panel [role=separator]:after{content:"";pointer-events:none;background:#ffb84d52;border-radius:2px;width:3px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000040}.slide-panel [role=separator]:hover:after{background:#ffb84d;height:60px}@media (min-width:820px){.patcar{scroll-snap-type:none;align-items:flex-start;gap:0;overflow-x:visible;flex-direction:row!important}.patcar>.patbox{flex-grow:var(--g0,1.4);flex-shrink:1;flex-basis:0;order:0;min-width:0}.patcar>.secbox{flex-grow:var(--g1,1.1);flex-shrink:1;flex-basis:0;order:0;min-width:0}.patcar>.botctl{flex-grow:var(--g2,.9);flex-shrink:1;flex-basis:0;order:0;min-width:0}.colsplit{cursor:col-resize;touch-action:none;flex:0 0 16px;justify-content:center;align-self:stretch;align-items:center;display:flex}.colsplit:before{content:"";background:var(--line);border-radius:3px;width:3px;height:46px;transition:background .12s}.colsplit:hover:before,.colsplit.drag:before{background:var(--amber)}.patcar>.patbox,.patcar>.secbox,.patcar>.botctl{height:calc(100dvh - var(--top-h,64px) - var(--secrow-h,0px) - var(--bot-h,64px) - 28px);scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;min-height:0;overflow:hidden auto}}@media (max-width:819px){.patcar{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:flex-start;scroll-snap-type:x mandatory!important;flex-direction:row!important;gap:12px!important;overflow-x:auto!important}.patcar::-webkit-scrollbar{display:none}.patcar>.patbox,.patcar>.secbox,.patcar>.botctl{scroll-snap-align:center;min-width:0;flex:0 0 100%!important}.patcar>.secbox[hidden]{visibility:hidden;display:flex}.colsplit{display:none!important}}.clip.sel{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}.clip.dropping{border-color:var(--amber);box-shadow:0 0 0 2px var(--glow)}.secbox .cfg .secstems-scroll{max-width:100%;overflow:auto hidden}.secbox .cfg .secstems-scroll::-webkit-scrollbar{height:8px}.secbox .cfg .secstems-scroll::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}.secbox .cfg-row{min-width:0}@media (min-width:820px){body{overflow-x:hidden}.machine,.patcar{width:100%;max-width:100%}.patcar>.patbox,.patcar>.secbox,.patcar>.botctl{min-width:0!important;max-width:100%!important;overflow:hidden auto!important}.patcar>.patbox .grid{max-width:100%;overflow-x:auto}.secpanel,.drawer-scroll,.cfg{min-width:0;max-width:100%}}@media (max-width:819px){.patcar>.patbox,.patcar>.secbox,.patcar>.botctl{box-sizing:border-box!important;flex:0 0 100%!important;width:100%!important;max-width:100%!important}}.clip{cursor:pointer}.patbox,.secbox,.botctl,.secpanel,.drawer-scroll,.cfg,.cfg-row,.secstems-scroll{min-width:0;max-width:100%}@media (max-width:819px){.patcar{box-sizing:border-box;margin-left:calc(50% - 50vw);padding-left:16px;padding-right:16px;width:100vw!important;max-width:100vw!important}.patcar>.patbox,.patcar>.secbox,.patcar>.botctl{box-sizing:border-box;scroll-snap-align:center;flex:0 0 calc(100vw - 32px)!important;width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important}}@media (min-width:820px){.patcar{box-sizing:border-box;overflow:hidden;width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important}.patcar>.patbox,.patcar>.secbox,.patcar>.botctl{flex-shrink:1!important;flex-basis:0!important;min-width:0!important}}.cell.on.playhead{transform:none}.secstems .pchip .playicon{background:var(--bg);border:1px solid var(--amber);width:18px;height:18px;color:var(--amber);opacity:0;pointer-events:none;z-index:6;border-radius:50%;justify-content:center;align-items:center;transition:opacity .12s;display:flex;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.secstems .pchip .playicon svg{width:11px;height:11px;display:block}.secstems .pchip.playing .playicon{opacity:1;animation:1.6s ease-in-out infinite spkglow}.secstems .pchip.playing .playicon svg{animation:1.6s ease-in-out infinite spkpulse}.secstems .paddpat{opacity:.7}.secstems .paddpat:hover{opacity:1}.curvebox .cv-ph{display:block}.clip .cardcurve{position:relative}.cell{transform:translateX(calc(var(--shift,0) * 100%));transition:transform 80ms,box-shadow 80ms;position:relative}.cell.shifted{z-index:5}.cell.shifted:before,.cell.shift-active:before{content:"";border:1px dashed var(--amber);opacity:.55;pointer-events:none;transform:translateX(calc(var(--shift,0) * -100%));border-radius:4px;position:absolute;inset:0}.cell.shift-active{transform:translateX(calc(var(--shift,0) * 100%)) scale(1.5);z-index:12;transition:transform .12s;box-shadow:0 6px 18px -8px #000000a6}.cell.shift-neighbor{z-index:11;transition:transform .12s;transform:scale(1.5)}.cell-shift-label{transform-origin:bottom;background:var(--panel);color:var(--amber);border:1px solid var(--amber);pointer-events:none;white-space:nowrap;border-radius:5px;margin-bottom:6px;padding:2px 7px;font-family:DM Mono,monospace;font-size:11px;font-weight:500;position:absolute;bottom:100%;left:50%;transform:translate(-50%)scale(.666667);box-shadow:0 4px 12px -4px #0009}body.cell-shift-dragging .grid{overflow:visible!important}.sec-name-input{background:var(--surface-1);border:1px solid var(--amber);color:var(--ink);font:inherit;letter-spacing:.5px;text-transform:uppercase;text-align:center;border-radius:5px;outline:none;width:100%;padding:2px 6px;font-family:Big Shoulders Display,sans-serif;font-size:17px;font-weight:700}.sectab-input{background:var(--surface-1);color:var(--ink);border-color:var(--amber);text-align:center;outline:none;width:110px}.secrow{min-width:0;max-width:100%}.secrow .clips{min-width:0}.drawer-panel .modal-head .drawer-pin{color:var(--dim);cursor:pointer;background:0 0;border:none;margin:0 8px 0 0;padding:2px 6px;font-size:14px}.drawer-panel .modal-head .drawer-pin.on,.drawer-panel .modal-head .drawer-pin:hover{color:var(--amber)}.drawer-panel .modal-head{padding:14px 18px!important}.drawer-panel .drawer-scroll{padding:12px 18px 20px!important}.synth-drawer .synth-voice-group{margin-bottom:10px}.synth-drawer .synth-voice-group:last-of-type{margin-bottom:0}.synth-drawer .synth-voice-group-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--dim);margin:8px 0 4px;font-size:10px}.mod-routes{border:1px dashed var(--line);background:color-mix(in srgb, var(--amber) 4%, transparent);border-radius:6px;margin-top:10px;padding:8px 10px}.mod-routes-head{letter-spacing:1.3px;text-transform:uppercase;color:var(--dim);margin-bottom:6px;font-size:10px}.mod-route-row{border-top:1px dotted var(--line);padding:4px 0}.mod-route-row:first-of-type{border-top:none}.mod-route-head{align-items:center;gap:8px;margin-bottom:2px;display:flex}.mod-route-dest{flex:1;font-size:12px;font-weight:600}.mod-route-empty{color:var(--dim);margin-bottom:6px;font-size:11px}.mod-route-add{background:var(--surface-1);border:1px solid var(--line);color:var(--dim);letter-spacing:.04em;cursor:pointer;border-radius:5px;margin-top:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all 80ms}.mod-route-add:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}.mod-route-add:disabled{opacity:.4;cursor:not-allowed}.mod-route-remove{color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 6px;line-height:1}.mod-route-remove:hover{color:#ff5536}.dest-picker-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.dest-picker-b{background:var(--surface-1);border:1px solid var(--line);cursor:pointer;text-align:left;font:inherit;color:inherit;border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;transition:border-color 80ms,background 80ms;display:flex}.dest-picker-b:hover:not(:disabled){border-color:var(--amber);background:color-mix(in srgb, var(--amber) 8%, var(--surface-1))}.dest-picker-b:disabled{opacity:.4;cursor:not-allowed}.dest-picker-b-title{letter-spacing:.4px;color:var(--ink);font-family:Big Shoulders Display,sans-serif;font-size:14px;font-weight:700}.dest-picker-b-desc{color:var(--dim);font-size:11px;line-height:1.35}.synth-group{border-top:1px solid var(--line);margin-top:22px;padding-top:12px}.synth-group:first-of-type{margin-top:14px}.synth-group-title{letter-spacing:1.5px;text-transform:uppercase;color:var(--amber);font-family:Big Shoulders Display,sans-serif;font-size:13px;font-weight:800}.synth-group-desc{color:var(--dim);opacity:.85;margin-top:2px;font-size:11px;line-height:1.4}.synth-section{margin-top:14px}.synth-section>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:0;list-style:none;display:flex}.synth-section>summary::-webkit-details-marker{display:none}.synth-section .synth-section-chevron{color:var(--dim);transition:transform .15s;display:inline-block;transform:rotate(-90deg)}.synth-section[open]>summary .synth-section-chevron{transform:rotate(0)}.synth-section .synth-section-title{color:var(--ink)}.synth-section .synth-section-desc{color:var(--dim);opacity:.85;padding:4px 0;font-size:11px;line-height:1.35}.synth-section .synth-section-body{padding:4px 0 6px}.sound-drawer .sound-drawer-tabs{border-bottom:1px solid var(--line);background:var(--panel);padding:6px 18px 8px}.sound-drawer .sound-drawer-tabs .ptabrow.soundTabRow{margin:0;padding:0}.curve-add-divider{justify-content:center;align-items:center;height:28px;margin:30px 0 18px;display:flex;position:relative}.curve-add-divider:before{content:"";border-top:1px dashed var(--line);position:absolute;top:50%;left:0;right:0}.curve-add-divider .curveadd{z-index:1;position:relative}.sectab{padding-right:10px}.ptab.sectab.active{background:var(--surface-1);color:var(--ink);border-color:var(--line);border-bottom:3px solid var(--amber);height:36px;box-shadow:0 0 0 1px var(--amber) inset;padding-bottom:0}.sectab .sectab-lbl{display:inline-block}.sectab .sectab-color{cursor:pointer;vertical-align:middle;border:1px solid #ffffff2e;border-radius:50%;width:14px;height:14px;margin-left:8px;display:inline-block;box-shadow:inset 0 0 0 1px #0006}.sectab .sectab-color:hover{transform:scale(1.12)}.sectab-color-menu{padding:8px}.sectab-color-menu .role-swatches{grid-template-columns:repeat(5,22px);gap:6px;display:grid}.sectab-color-menu .role-sw{border:1px solid var(--line);cursor:pointer;border-radius:50%;width:22px;height:22px;padding:0;transition:transform 80ms}.sectab-color-menu .role-sw:hover{border-color:var(--ink);transform:scale(1.12)}.sectab-color-menu .role-sw.sel{box-shadow:0 0 0 2px var(--amber)}.np-modes-chips{z-index:2;justify-content:center;gap:4px;margin-top:24px;display:flex;position:relative}.np-modechip{border:1px solid var(--line);color:var(--dim);letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:1px 7px;font-family:Big Shoulders Display,sans-serif;font-size:9px;font-weight:700;transition:color .12s,border-color .12s,background .12s,filter .12s}.np-modechip:hover{color:var(--amber);border-color:var(--amber);filter:drop-shadow(0 0 6px var(--glow,#ff9f438c))}.np-modechip.cur{color:var(--amber);border-color:var(--amber)}.np-modechip.cur:hover{filter:drop-shadow(0 0 8px var(--glow,#ff9f43b3))}.np-modechip.on{filter:drop-shadow(0 0 4px var(--amber))}.np-modechip.on:hover{filter:drop-shadow(0 0 10px var(--amber))}.piano-grid{gap:0}.piano-grid .row{grid-template-columns:52px repeat(var(--steps,16), var(--cell,1fr));align-items:stretch;gap:2px;height:14px}.piano-grid .piano-row.black .cell{background:var(--piano-cell-black)}.piano-grid .piano-row.white .cell{background:var(--piano-cell-white)}.piano-grid .piano-row.white.boundary .cell{box-shadow:inset 0 1px 0 var(--piano-cell-boundary)}.piano-grid .piano-row .name-lbl{z-index:3;border-right:1px solid var(--surface-1);cursor:pointer;background:var(--panel);justify-content:flex-end;align-items:center;height:14px;padding:0;display:flex;position:sticky;left:0;overflow:visible}.piano-grid .piano-row .name-lbl:hover{filter:brightness(1.08)}.piano-grid .piano-row.white .name-lbl{background-color:#d8cdbf;background-image:linear-gradient(#efe5d7 0%,#d8cdbf 65%,#b8ad9d 100%);box-shadow:inset 0 -1px #00000038}.piano-grid .piano-row.white.boundary .name-lbl{box-shadow:inset 0 1px #6a5d4f,inset 0 -1px #00000038}.piano-grid .piano-row.black .name-lbl{background-color:#0a0805;background-image:linear-gradient(90deg,#1a120a 0%,#14100a 50%,#0a0805 62%,#d8cdbf 62%,#c4b9a8 100%);box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #00000080}.piano-grid .piano-row.scale-on .name-lbl:before{content:"";background:var(--amber);width:4px;height:4px;box-shadow:0 0 4px -1px var(--amber);z-index:1;border-radius:50%;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.piano-grid .piano-key-label{letter-spacing:.5px;color:#4a3a25;white-space:nowrap;text-transform:uppercase;padding-right:4px;font-size:8px}.piano-grid .cell{aspect-ratio:auto;border-width:1px;border-radius:2px;height:12px}.piano-grid .cell.on{box-shadow:0 0 4px -1px var(--acc)}.mini.laneview.on{color:var(--amber);border-color:var(--amber)}html,body{overflow-x:hidden}.pinned-drawer-slot:empty{display:none!important}@media (max-width:819px){.patcar{scroll-snap-type:x mandatory!important;scrollbar-width:none!important;flex-direction:row!important;gap:0!important;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;padding:0!important;overflow:auto visible!important}.patcar::-webkit-scrollbar{display:none!important}.patcar>.patbox,.patcar>.secbox,.patcar>.botctl,.patcar>.pinned-drawer-slot:not(:empty){box-sizing:border-box!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;flex:0 0 100vw!important;order:0!important;width:100vw!important;min-width:0!important;max-width:100vw!important;margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important}.patcar>.pinned-drawer-slot:not(:empty){display:block!important}.patcar>.colsplit,.patcar>.secbox[hidden]{display:none!important}}.patcar>.pinned-drawer-slot:not(:empty){background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -26px #000000b3,inset 0 1px #ffffff0a}@media (min-width:820px){.patcar>.pinned-drawer-slot:not(:empty){flex-grow:var(--g3,1);contain:layout;min-width:0;height:calc(100dvh - var(--top-h,64px) - var(--secrow-h,0px) - var(--bot-h,64px) - 32px);scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;flex-shrink:1;flex-basis:0;order:0;overflow:hidden auto}}.landing{background:var(--bg);background-image:radial-gradient(circle at 50% -10%, var(--bg-soft) 0%, var(--bg) 60%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.landing-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:100%;max-width:380px;padding:32px;box-shadow:0 18px 40px -26px #000000b3,inset 0 1px #ffffff0a}.landing-badge{letter-spacing:2px;text-transform:uppercase;color:var(--dim);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:2px 10px 2px 8px;font-size:10px;display:inline-flex}.landing-dot{background:var(--amber);width:6px;height:6px;box-shadow:0 0 8px var(--amber);border-radius:50%;animation:2.4s ease-in-out infinite landing-dot-pulse}@keyframes landing-dot-pulse{0%,to{opacity:.55}50%{opacity:1}}.landing-card h1{letter-spacing:1px;text-transform:uppercase;color:var(--amber);margin-bottom:4px;font-family:Big Shoulders Display,sans-serif;font-size:36px;font-weight:800}.landing-tag{color:var(--ink);opacity:.82;margin-bottom:14px;font-size:13px}.landing-sub{color:var(--dim);margin-bottom:22px;font-size:13px;line-height:1.45}.landing-fineprint{color:var(--dim);opacity:.75;margin-top:10px;font-size:11px}.landing-foot{text-align:center;color:var(--dim);opacity:.35;letter-spacing:3px;text-transform:uppercase;pointer-events:none;font-size:10px;position:absolute;bottom:16px;left:0;right:0}.landing-glyph{color:var(--amber);opacity:.7;margin-right:8px}.landing-form{flex-direction:column;gap:8px;display:flex}.landing-label{text-transform:uppercase;letter-spacing:1px;color:var(--dim);font-size:11px}.landing-input{background:var(--surface-input);color:var(--ink);border:1px solid var(--line);border-radius:8px;outline:none;padding:11px 12px;font-family:inherit;font-size:14px;transition:border-color .12s,box-shadow .12s}.landing-input:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--glow)}.landing-btn{background:var(--amber);color:var(--on-amber);letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;margin-top:6px;padding:12px 14px;font-family:Big Shoulders Display,sans-serif;font-size:16px;font-weight:700;transition:transform 80ms,box-shadow .12s}.landing-btn:hover:not(:disabled){box-shadow:0 6px 18px -8px var(--glow)}.landing-btn:active:not(:disabled){transform:translateY(1px)}.landing-btn:disabled{opacity:.5;cursor:not-allowed}.landing-btn-dev{color:var(--amber);border:1px dashed var(--amber);letter-spacing:.5px;background:0 0;margin-top:4px;padding:8px 12px;font-size:13px}.landing-error{color:#ff6b6b;margin-top:6px;font-size:13px}.landing-sent{color:var(--ink);flex-direction:column;gap:10px;font-size:14px;display:flex}.landing-sent strong{color:var(--amber)}.landing-hint{color:var(--dim);font-size:12px}.landing-link{color:var(--amber);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 0;font-family:inherit;font-size:12px}.landing-link:hover{text-decoration:underline}.auth-loading{color:var(--dim);text-transform:uppercase;letter-spacing:1px;place-items:center;font-size:13px;display:grid;position:fixed;inset:0}.sidebar-scrim{opacity:0;pointer-events:none;z-index:62;background:#0000008c;transition:opacity .18s;position:fixed;inset:0}.sidebar-scrim.open{opacity:1;pointer-events:auto}.sidebar{background:var(--surface-1);border-right:1px solid var(--line);z-index:63;flex-direction:column;width:280px;max-width:90vw;padding:14px 10px 12px;transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:18px 0 36px -18px #000000b3}.sidebar.open{transform:translate(0)}.sidebar-logo{margin:4px 12px 14px;line-height:0}.sidebar-logo img{width:100%;height:auto;display:block}.sidebar-nav,.sidebar-foot{flex-direction:column;gap:2px;display:flex}.sidebar-foot{border-top:1px solid var(--line);margin-top:auto;padding-top:10px}.sidebar-item{color:var(--ink);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:Big Shoulders Display,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:background .12s,color .12s;display:flex}.sidebar-item:hover,.sidebar-item.active{background:var(--surface-2,#1d1712);color:var(--amber)}.sidebar-item svg{flex:none;width:18px;height:18px}.secstems-rows{display:block}.stemlane .sl-label .sl-name{text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:0;color:var(--ink);flex:auto;font-size:11px;overflow:hidden}.stemlane .sl-label .stem-rm{color:var(--dim);cursor:pointer;background:0 0;border:none;flex:none;margin-left:6px;padding:0 4px;font-size:14px;line-height:1}.stemlane .sl-label .stem-rm:hover{color:#ff6b4a}.stemlane.stem-add-row{margin-top:2px}.stemlane.stem-add-row .sl-label{background:0 0}.stem-add{color:var(--dim);font:inherit;text-transform:uppercase;letter-spacing:1px;border:1px dashed var(--line);cursor:pointer;background:0 0;border-radius:6px;flex:none;justify-content:flex-start;align-items:center;height:100%;padding:6px 12px;font-size:11px;display:flex}.stem-add:hover{border-color:var(--amber);color:var(--amber)}.library-page{max-width:780px;padding:calc(var(--top-h,56px) + 32px) 24px 48px;color:var(--ink);margin:0 auto}.library-page h1{letter-spacing:.5px;color:var(--ink);margin:0 0 8px;font-family:Big Shoulders Display,sans-serif;font-size:32px;font-weight:700}.library-page .dim{color:var(--dim);font-size:13px}.filter-divider{align-items:center;gap:0;margin:18px 0 4px;display:flex}.filter-divider .dot-line{border-top:1px dashed var(--line);flex:1;height:0}.filter-divider .filter-add{border:1px solid var(--amber);width:32px;height:32px;color:var(--amber);cursor:pointer;box-shadow:0 0 10px 0 var(--glow,#ff9f4359);background:#15110e;border-radius:50%;justify-content:center;align-items:center;margin:0 10px;padding:0;font-size:20px;line-height:1;transition:all .12s;display:flex}.filter-divider .filter-add:hover{box-shadow:0 0 16px 2px var(--glow,#ff9f438c);background:#241b14}.filter-add-menu{min-width:160px}.lane-add-divider{margin:22px 0 6px}.add-row{background:var(--surface-1);border:1px solid var(--amber);width:fit-content;color:var(--amber);letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;box-shadow:0 0 8px 0 var(--glow,#ff9f4340);border-radius:8px;align-items:center;gap:7px;margin:14px auto 4px;padding:5px 11px;font-family:inherit;font-size:10px;transition:all .12s;display:flex}.add-row:hover{background:color-mix(in srgb, var(--amber) 14%, var(--surface-1));box-shadow:0 0 14px 2px var(--glow,#ff9f4373)}.add-row .plus{font-size:15px;font-weight:600;line-height:1}.add-curve{border:1px dashed var(--line);width:100%;height:64px;color:var(--dim);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:14px 0 4px;padding:0;font-family:inherit;transition:all .12s;display:flex}.add-curve.no-curves{margin-top:0}.add-curve:hover{border-color:var(--amber);color:var(--amber);box-shadow:0 0 12px 0 var(--glow,#ff9f4340)}.add-curve .add-curve-title{letter-spacing:1.4px;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:600;display:flex}.add-curve .add-curve-sub{letter-spacing:.2px;text-transform:none;opacity:.75;font-size:10.5px;font-weight:400}.add-curve .plus{font-size:16px;font-weight:600;line-height:1}.curve-rm{cursor:pointer;color:var(--dim);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;line-height:0;transition:all 80ms;display:inline-flex}.curve-rm:hover{color:#ff6b4a;background:#ff6b4a14}.curve-rm svg{display:block}.library-page{box-sizing:border-box;width:100%;min-width:0;max-width:880px;padding:calc(var(--top-h,56px) + 32px) 32px 48px;color:var(--ink);margin:0}.library-landing-title{letter-spacing:.5px;margin:0 0 8px;font-family:Big Shoulders Display,sans-serif;font-size:36px;font-weight:700}.library-landing-intro{color:var(--dim);max-width:640px;margin:0 0 28px;font-size:14px;line-height:1.55}.library-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.library-card{background:var(--surface-1);border:1px solid var(--line);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:10px;align-items:flex-start;gap:14px;padding:18px 18px 18px 16px;transition:border-color 80ms,background 80ms,transform 80ms;display:flex}.library-card:hover{border-color:var(--amber);background:var(--surface-3);transform:translateY(-1px)}.library-card-icon{background:color-mix(in srgb, var(--amber) 18%, transparent);width:44px;height:44px;color:var(--amber);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.library-card-icon svg{width:26px;height:26px;stroke:var(--amber)}.library-card-body{flex-direction:column;gap:4px;min-width:0;display:flex}.library-card-title{letter-spacing:.4px;color:var(--ink);font-family:Big Shoulders Display,sans-serif;font-size:19px;font-weight:700}.library-card-desc{color:var(--dim);font-size:12px;line-height:1.45}.library-breadcrumbs{letter-spacing:.4px;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-bottom:6px;font-size:12px;display:flex}.library-breadcrumbs-item{align-items:center;gap:4px 6px;display:inline-flex}.library-breadcrumbs .bc-link{color:var(--dim);cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:none;padding:0}.library-breadcrumbs .bc-link:hover{color:var(--amber)}.library-breadcrumbs .bc-current{color:var(--ink)}.library-breadcrumbs .bc-sep{color:var(--dim);opacity:.6}.library-section{flex-direction:column;gap:14px;min-width:0;display:flex}.library-section-title{letter-spacing:.5px;margin:0;font-family:Big Shoulders Display,sans-serif;font-size:28px;font-weight:700}.library-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.library-filter{background:var(--surface-1);border:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;border-radius:6px;flex:220px;padding:6px 10px;font-size:13px}.library-filter:focus{outline:1px solid var(--amber);border-color:var(--amber)}.library-sort{background:var(--surface-1);border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;padding:6px 10px;font-size:13px}.library-toolbar-count{color:var(--dim);letter-spacing:.4px;text-transform:uppercase;font-size:11px}.library-toolbar-right{gap:8px;margin-left:auto;display:inline-flex}.library-section-label{letter-spacing:1px;text-transform:uppercase;color:var(--dim);padding:4px 0 2px;font-size:10px}.library-table{border-collapse:collapse;table-layout:fixed;width:100%}.library-table thead th{letter-spacing:1px;text-transform:uppercase;color:var(--dim);text-align:left;border-bottom:1px solid var(--line);padding:4px 10px;font-family:Big Shoulders Display,sans-serif;font-size:11px;font-weight:700}.library-table .th-name{width:auto}.library-table .th-created{width:140px}.library-table .th-play{width:48px}.library-tr{cursor:pointer;transition:background 80ms}.library-tr:hover,.library-tr:focus-visible{background:var(--surface-3);outline:none}.library-table td{border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle;padding:10px}.library-table .td-name{flex-direction:column;gap:2px;min-width:0;display:flex}.library-table .td-name .li-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.library-table .td-name .li-meta{color:var(--dim);font-size:11px}.library-table .td-created{color:var(--dim);font-variant-numeric:tabular-nums;font-size:12px}.library-table .td-play{text-align:right;padding-right:6px}.library-table .play.tiny{border:1px solid var(--line);width:30px;height:30px;color:var(--ink);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.library-table .play.tiny:hover{border-color:var(--amber);color:var(--amber)}.library-table .play.tiny svg{stroke:currentColor;width:14px;height:14px}.instrument-editor{flex-direction:column;gap:12px;display:flex}.instr-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.instr-name{background:var(--surface-1);border:1px solid var(--line);min-width:0;color:var(--ink);border-radius:6px;flex:180px;padding:6px 10px;font-family:inherit;font-size:18px}.instr-name:focus{outline:1px solid var(--amber)}.adsr-row{grid-template-columns:1fr 1fr;gap:8px 16px;display:grid}.zone-row{background:var(--surface-recess,#141019);border:1px solid var(--line);border-radius:8px;margin-top:6px;padding:8px 10px}.zone-row-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;padding-bottom:6px;display:flex}.zone-sample{min-width:0;color:var(--dim);flex:auto;align-items:baseline;gap:2px;font-size:12px;font-style:italic;display:flex}.zone-sample-suffix{white-space:nowrap;flex:none}.zone-row-grid{grid-template-columns:1fr 1fr;gap:4px 16px;display:grid}.zone-samples-list{flex-direction:column;gap:4px;max-width:80vw;display:flex}.zone-sample-row{color:var(--ink);background:#ffffff05;border-radius:4px;align-items:center;gap:4px;min-width:0;padding:2px 4px;font-size:11px;display:flex}.zone-sample-name{flex:auto;align-items:baseline;gap:4px;min-width:0;display:flex}.zone-sample-index{color:var(--dim);flex:none}.mid-trunc{flex:auto;align-items:baseline;min-width:0;max-width:100%;display:inline-flex}.mid-trunc .mt-head{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:1ch;overflow:hidden}.mid-trunc .mt-tail{white-space:nowrap;flex:none}.mid-trunc-single{white-space:nowrap}.library-page .fxrow input[type=number]{box-sizing:border-box;grid-area:inp;width:100%;min-width:0;max-width:96px}.library-page .drum-params .fxrow{grid-template-columns:1fr auto;grid-template-areas:"lab lab""inp val";gap:3px 10px}.library-page .zone-row,.library-page .zone-row-grid>*{min-width:0}.library-page .zone-row{overflow:hidden}@media (max-width:720px){.library-page{padding-left:14px;padding-right:14px;padding-top:calc(var(--top-h,56px) + 14px);padding-bottom:32px}.library-landing-title{font-size:28px}.library-section-title{font-size:22px}.library-card-grid{grid-template-columns:1fr}.library-card{gap:12px;padding:14px}.library-card-icon{width:38px;height:38px}.library-card-icon svg{width:22px;height:22px}.library-card-title{font-size:17px}.library-toolbar{gap:6px}.library-filter{flex-basis:100%}.library-toolbar-right{margin-left:0}.library-table .th-created,.library-table .td-created{display:none}.library-table .td-name .li-name{white-space:normal}.adsr-row,.zone-row-grid{grid-template-columns:1fr}.instr-head{row-gap:8px}}.lanes-panel{flex-direction:column;gap:6px;display:flex}.lane-cfg-row{background:var(--surface-recess,#141019);border-radius:6px;margin-bottom:2px;padding:8px 10px}.lane-cfg-row.new-lane-row{border:1px dashed var(--line);background:0 0}.lane-cfg-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lane-cfg-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.lane-name{border:1px solid var(--line);min-width:100px;color:var(--ink);background:0 0;border-radius:4px;flex:1;padding:4px 8px;font-family:inherit;font-size:13px}.lane-color-swatches{flex-wrap:wrap;gap:3px;display:flex}.voice-row{align-items:center;gap:8px;padding:4px 0;display:flex}.voice-row .fl{text-transform:uppercase;letter-spacing:1px;color:var(--dim);min-width:56px;font-size:11px}.curve-row{grid-template-columns:52px repeat(var(--steps,16), var(--cell,1fr));align-items:center;gap:4px;margin-top:4px;display:grid}.curve-lbl{letter-spacing:1px;text-transform:uppercase;color:var(--dim);justify-content:flex-end;align-items:center;gap:4px;height:38px;padding-right:4px;font-size:9px;display:flex}.curve-lbl-text{color:var(--curve-color,var(--dim))}.curve-lbl-rm{color:var(--dim);cursor:pointer;opacity:0;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1;transition:opacity .12s,color .12s}.curve-row:hover .curve-lbl-rm{opacity:1}.curve-lbl-rm:hover{color:#ff5536}.curve-strip{grid-column:2/-1;grid-template-columns:repeat(var(--steps,16), var(--cell,1fr));touch-action:none;cursor:crosshair;gap:4px;height:38px;display:grid}.curve-cell{background:var(--surface-4);border-radius:3px;align-items:flex-end;display:flex;position:relative;overflow:hidden}.curve-cell.beat{background:var(--cell-beat)}.curve-cell.has-note:hover{filter:brightness(1.2)}.curve-cell.empty{opacity:.55}.curve-cell-bar{background:linear-gradient(to top, var(--curve-color,var(--amber)) 0%, color-mix(in srgb, var(--curve-color,var(--amber)) 60%, white) 100%);pointer-events:none;border-radius:2px 2px 0 0;width:100%;min-height:1px}.curve-cell.bool{background:var(--surface-4)}.curve-cell.bool.beat{background:var(--cell-beat)}.curve-cell.bool.on{background:var(--curve-color,var(--amber));box-shadow:0 0 7px -2px var(--curve-color,var(--amber))}.curve-row.is-bool .curve-strip{height:auto}.curve-row.is-bool .curve-cell{aspect-ratio:1}.curve-cell-ticks{pointer-events:none;position:absolute;inset:0}.curve-cell-tick{background:#00000073;height:1px;position:absolute;left:2px;right:2px}.add-articulation-row{grid-template-columns:52px repeat(var(--steps,16), var(--cell,1fr));gap:4px;margin-top:6px;display:grid}.add-articulation-row:before{content:""}.add-articulation-row .add-articulation-btn{grid-column:2/-1}.add-articulation-btn{border:1px dashed var(--line);color:var(--dim);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:5px;padding:5px 10px;font-family:inherit;font-size:10px;transition:border-color .12s,color .12s,background .12s}.add-articulation-btn:hover{border-color:var(--amber);color:var(--amber);background:#ff9f430a}.add-articulation-modal .art-cards{flex-direction:column;gap:10px;margin-top:16px;display:flex}.add-articulation-modal .art-card{text-align:left;background:var(--surface-1);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:10px;grid-template-columns:12px 1fr;align-items:center;gap:14px;padding:14px 16px;font-family:inherit;transition:all .1s;display:grid}.add-articulation-modal .art-card:hover{border-color:var(--art-color,var(--amber));box-shadow:0 0 12px -3px var(--art-color,var(--glow));transform:translateY(-1px)}.add-articulation-modal .art-swatch{background:var(--art-color,var(--amber));border-radius:3px;width:12px;height:36px}.add-articulation-modal .art-text{flex-direction:column;gap:4px;min-width:0;display:flex}.add-articulation-modal .art-text .nm{letter-spacing:.5px;text-transform:uppercase;color:var(--art-color,var(--amber));font-family:Big Shoulders Display,sans-serif;font-size:16px;font-weight:700}.add-articulation-modal .art-text .d{color:var(--dim);font-size:11px;line-height:1.45}.humanize-box{flex-direction:column;gap:8px;display:flex}.humanize-box-head{align-items:center;gap:10px;display:flex}.humanize-box-head .cfg-lbl.cfg-head{margin-bottom:0}.humanize-box-body{flex-direction:column;gap:4px;transition:opacity .12s;display:flex}.humanize-box.is-off .humanize-box-body{opacity:.42;pointer-events:none}.meter-box{flex-direction:column;gap:8px;display:flex}.meter-box-head{align-items:center;gap:10px;display:flex}.meter-box-head .cfg-lbl.cfg-head{margin-bottom:0}.meter-box-body{flex-direction:column;gap:4px;display:flex}.patbox-bottom{flex-direction:column;gap:22px;margin-top:18px;display:flex}.modal.modal-wide{max-width:880px}.tpl-genre-section{margin-top:14px}.tpl-genre-h{letter-spacing:1px;text-transform:uppercase;color:var(--dim);margin:8px 0 6px;font-size:14px}.tpl-mini-arc{width:100%;height:22px;margin-top:8px}.tpl-top-controls{flex-wrap:wrap;align-items:stretch;gap:12px;margin-top:8px;display:flex}.tpl-clean-slate{text-align:left;background:var(--surface-chart);border:1px solid var(--line);color:inherit;cursor:pointer;border-radius:9px;flex-direction:column;flex:280px;gap:4px;padding:12px 14px;font-family:inherit;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex}.tpl-clean-slate:hover{border-color:var(--amber);box-shadow:0 0 12px -3px var(--glow);transform:translateY(-1px)}.tpl-clean-slate .nm{margin-bottom:4px;font-family:Big Shoulders Display,sans-serif;font-size:15px;font-weight:700}.tpl-clean-slate .d{color:var(--dim);font-size:11px;line-height:1.45}.tpl-structure-only{background:var(--surface-chart);border:1px dashed var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9px;flex:280px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.tpl-structure-only input[type=checkbox]{accent-color:var(--amber);flex:none;margin-top:2px}.tpl-structure-only-text{flex-direction:column;gap:3px;display:flex}.tpl-structure-only-label{font-family:Big Shoulders Display,sans-serif;font-size:14px;font-weight:700}.tpl-structure-only-sub{color:var(--dim);font-size:11px;line-height:1.45}.tempo-map{flex-direction:column;gap:6px;display:flex}.tempo-map-svg{background:var(--surface-recess,#141019);border:1px solid var(--line);cursor:crosshair;border-radius:6px;width:100%;height:80px}.tempo-seg-list{flex-direction:column;gap:4px;max-height:120px;margin-top:4px;display:flex;overflow-y:auto}.tempo-seg-item{background:var(--surface-recess,#141019);border-radius:4px;align-items:center;gap:8px;padding:4px 8px;display:flex}.tempo-seg-item .ts-pos{color:var(--dim);min-width:80px;font-size:11px}.tempo-seg-item .ts-bpm{flex:1;font-size:12px}.stem-track-add{border:1px dashed var(--line);width:18px;height:18px;color:var(--dim);cursor:pointer;z-index:1;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:13px;line-height:1;transition:all 80ms;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.stem-track-add:hover{color:var(--amber);border-color:var(--amber);background:#ff9f4314}.stem-clip.empty{border:1px dashed var(--line);color:var(--dim);background:0 0}.song-loading{color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.song-loading-icon{width:64px;height:64px;color:var(--amber);background:radial-gradient(circle,#ff9f432e,#0000 70%);border-radius:50%;justify-content:center;align-items:center;animation:1.2s ease-in-out infinite songLoadHeartbeat;display:flex}.song-loading-icon svg{width:32px;height:32px}.song-loading-label{letter-spacing:2px;text-transform:uppercase;color:var(--dim);margin:0;font-family:Big Shoulders Display,sans-serif;font-size:14px;font-weight:700}.song-loading-bar{background:var(--surface-2);border-radius:2px;width:140px;height:2px;position:relative;overflow:hidden}.song-loading-bar span{background:linear-gradient(90deg, transparent, var(--amber), transparent);width:40%;height:100%;animation:1.4s ease-in-out infinite songLoadSlide;position:absolute;top:0;left:0}.song-loading-bar.is-determinate span{background:var(--amber);transition:width .2s ease-out;animation:none}.song-loading-count{letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);margin:0;font-family:Big Shoulders Display,sans-serif;font-size:12px}@keyframes songLoadHeartbeat{0%,to{transform:scale(1)}20%{transform:scale(1.14)}40%{transform:scale(1)}60%{transform:scale(1.08)}80%{transform:scale(1)}}@keyframes songLoadSlide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (prefers-reduced-motion:reduce){.song-loading-icon,.song-loading-bar span{animation:none}}.songs-landing{top:var(--top-h,64px);left:0;right:0;bottom:var(--bot-h,0px);box-sizing:border-box;position:fixed;overflow:hidden auto}.songs-landing-inner{box-sizing:border-box;max-width:1400px;margin:0 auto;padding:24px 28px}@media (min-width:1600px){.songs-landing-inner{max-width:1720px}}body.has-songs-landing{padding:0!important;overflow:hidden!important}.songs-section{margin-bottom:22px}.songs-section:last-child{margin-bottom:0}.songs-section-title{letter-spacing:.8px;text-transform:uppercase;color:var(--dim);margin:0 0 10px;font-family:Big Shoulders Display,sans-serif;font-size:15px;font-weight:700}.songs-landing-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.songs-landing-head h1{margin:0;font-family:Big Shoulders Display,sans-serif;font-size:28px;font-weight:700}.songs-landing.is-empty{justify-content:center;align-items:center;display:flex}.songs-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:460px;display:flex}.songs-empty h1{margin:0;font-family:Big Shoulders Display,sans-serif;font-size:32px;font-weight:700}.songs-empty p{margin:0;font-size:13px;line-height:1.5}.songs-empty .btn-new-song{margin-top:8px}.btn-new-song{background:var(--amber);color:var(--on-amber);border:1px solid var(--amber);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;box-shadow:0 0 12px -4px var(--glow);border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:Big Shoulders Display,sans-serif;font-size:14px;font-weight:700;transition:filter .12s,transform .12s,box-shadow .12s;display:inline-flex}.btn-new-song:hover:not(:disabled){background:var(--amber-hover);border-color:var(--amber-hover);box-shadow:0 4px 16px -4px var(--glow);transform:translateY(-1px)}.btn-new-song:active:not(:disabled){transform:translateY(0)}.btn-new-song:disabled{opacity:.55;cursor:wait}.btn-new-song-plus{font-size:18px;font-weight:400;line-height:1}.songs-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.song-card{background:var(--surface-chart);border:1px solid var(--line);cursor:pointer;color:inherit;border-radius:9px;flex-direction:column;gap:6px;padding:14px 16px;text-decoration:none;transition:border-color .12s,transform .12s,box-shadow .12s;display:flex}.song-card:hover{border-color:var(--amber);box-shadow:0 0 12px -3px var(--glow);transform:translateY(-1px)}.song-card-title{font-family:Big Shoulders Display,sans-serif;font-size:17px;font-weight:700;line-height:1.2}.song-card-fork{color:var(--dim);font-size:11px;line-height:1.2}.song-card-fork em{color:var(--ink);font-style:italic}.song-card-meta{letter-spacing:.5px;text-transform:uppercase;color:var(--dim);font-size:10px}.song-card-foot{color:var(--dim);margin-top:auto;padding-top:6px;font-size:11px}.statusbar-tbtn{color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .12s,border-color .12s,color .12s,box-shadow .12s;display:inline-flex}.statusbar-tbtn:hover{color:var(--amber);background:#ffffff24;border-color:#fff6}.statusbar-tbtn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.statusbar-tbtn.is-on{color:var(--amber);background:#ffb84d29;border-color:#ffb84d8c}.statusbar-tbtn.is-on:hover{background:#ffb84d47;border-color:#ffb84dbf}.statusbar-tbtn-play{border-color:var(--amber);background:var(--amber);color:#0f0f10;box-shadow:0 6px 18px -4px #0000008c, 0 0 14px -2px var(--amber);position:relative}.statusbar-tbtn-play:hover{background:var(--amber-hover);border-color:var(--amber-hover);color:#0f0f10;box-shadow:0 8px 22px -4px #0009, 0 0 18px -2px var(--amber-hover)}.sync-status{letter-spacing:.6px;text-transform:uppercase;border:1px solid var(--line);color:var(--dim);white-space:nowrap;background:0 0;border-radius:4px;padding:4px 8px;font-size:10px}.sync-status-saved{color:var(--dim)}.sync-status-saving{color:var(--amber);border-color:var(--amber);background:#ff9f430f}.sync-status-offline{color:var(--dim);border-color:var(--line);background:#00000026}.sync-status-offline.has-pending,.sync-status-unsaved{color:var(--amber);background:#ff9f430f;border-color:#ff9f4380}.sync-status-error{color:#ff6b6b;background:#ff6b6b14;border-color:#ff6b6b80}.topbar .logo-link{cursor:pointer;text-decoration:none}.topbar .logo-link:hover .logo2{color:var(--amber)}.song-card-wrap{position:relative}.song-card-wrap.is-pinned .song-card{border-color:#ff9f438c}.song-card-delete{border:1px solid var(--line);background:var(--surface-chart);width:26px;height:26px;color:var(--dim);cursor:pointer;opacity:1;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:opacity .12s,color .12s,border-color .12s,background .12s;display:inline-flex;position:absolute;bottom:8px;right:8px}.song-card-delete svg{width:14px;height:14px;display:block}.song-card-pin{border:1px solid var(--line);background:var(--surface-chart);width:26px;height:26px;color:var(--dim);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:opacity .12s,color .12s,border-color .12s,background .12s;display:inline-flex;position:absolute;top:8px;right:8px}.song-card-pin svg{width:14px;height:14px;display:block}.song-card-pin.is-on{color:var(--amber);opacity:1;background:#ff9f4314;border-color:#ff9f438c}@media (hover:hover) and (pointer:fine){.song-card-delete{opacity:0}.song-card-wrap:hover .song-card-delete,.song-card-delete:focus-visible{opacity:1}.song-card-delete:hover{color:#ff6b6b;background:#ff6b6b14;border-color:#ff6b6b99}.song-card-pin:not(.is-on){opacity:0}.song-card-wrap:hover .song-card-pin,.song-card-pin:focus-visible{opacity:1}.song-card-pin:hover{color:var(--amber);background:#ff9f4314;border-color:#ff9f438c}}.delete-confirm-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.delete-confirm-actions button{border:1px solid var(--line);background:var(--surface-chart);color:inherit;cursor:pointer;border-radius:6px;padding:8px 16px;font-size:12px}.delete-confirm-actions button:disabled{opacity:.5;cursor:not-allowed}.delete-confirm-actions button.danger{color:#ffe6e6;background:#c0392b;border-color:#a8281b}.delete-confirm-actions button.danger:hover:not(:disabled){background:#d04434}.midi-clip{box-shadow:inset 0 0 0 1px #ffffff14,0 0 4px -1px #0006}.add-curve.add-section-track{box-sizing:border-box}.add-track-menu button{flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;line-height:1.2;display:flex!important}.add-track-menu .add-track-menu-title{font-size:12px;font-weight:600}.add-track-menu .add-track-menu-sub{opacity:.65;font-size:10.5px}.patterns-row>.cfg-head{margin-bottom:0}.patterns-row>.secstems-scroll{padding-top:0}.section-fx-head>.cfg-head{margin-bottom:0}.section-fx-head+*{margin-top:-14px}.section-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;display:flex}.section-action{align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.section-action svg{width:14px;height:14px;display:block}.section-action.danger-action:hover{color:var(--red,#ff5a5a);border-color:var(--red,#ff5a5a)}.patterns-head{align-items:center;gap:8px;display:flex}.patterns-head>.cfg-head{margin-bottom:0}.cfg .patterns-head .repeats-select.selwrap{flex:none;margin-left:auto}.patterns-head .repeats-select .seltrigger{min-height:22px;padding:2px 18px 2px 7px;font-size:10px}.add-track-kinds{grid-template-columns:1fr 1fr;gap:8px;display:grid}.add-track-kind{background:var(--surface-2);border:1px solid var(--line);color:var(--dim);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;transition:border-color .12s,background .12s,color .12s;display:flex}.add-track-kind:hover{color:var(--ink);border-color:#5a4d40}.add-track-kind.sel{border-color:var(--amber);background:var(--surface-3);color:var(--ink)}.add-track-kind.disabled{opacity:.45;cursor:not-allowed}.add-track-kind.disabled:hover{border-color:var(--line);color:var(--dim)}.add-track-kind-head{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.add-track-kind-title{font-size:13px;font-weight:600}.add-track-kind-sub{opacity:.7;font-size:11px;line-height:1.3}.add-track-kind-chips{flex-wrap:wrap;gap:4px;display:flex}.add-track-chip{letter-spacing:1px;text-transform:uppercase;color:var(--amber);border:1px solid var(--amber);white-space:nowrap;border-radius:999px;padding:2px 7px;font-family:DM Mono,monospace;font-size:9px;line-height:1}.add-track-chip.muted{color:var(--dim);border-color:var(--line)}.add-curve-modal .add-curve-options{flex-direction:column;gap:14px;margin-top:8px;display:flex}.add-curve-modal .add-curve-group{flex-direction:column;gap:6px;display:flex}.add-curve-modal .add-curve-group-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--dim);font-size:10px;font-weight:600}.add-curve-modal .add-curve-group-desc{color:var(--dim);margin-top:-2px;margin-bottom:2px;font-size:11px;line-height:1.4}.add-curve-modal .add-curve-group-items{flex-direction:column;gap:6px;display:flex}.add-curve-option{background:var(--surface-chart,#ffffff05);border:1px solid var(--line);width:100%;color:inherit;text-align:left;cursor:pointer;box-sizing:border-box;border-radius:6px;flex-direction:row;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;transition:all .1s;display:flex}.add-curve-icon-wrap{border:1px solid var(--line);width:64px;height:28px;color:var(--ink);background:#0000002e;border-radius:4px;flex:none;justify-content:center;align-items:center;transition:all .1s;display:flex}.add-curve-option-body{flex-direction:column;flex:auto;align-items:flex-start;gap:3px;min-width:0;display:flex}.add-curve-icon{display:block}.add-curve-option:hover:not(:disabled):not(.is-disabled){border-color:var(--amber);color:var(--amber);background:#ff9f430f}.add-curve-option:hover:not(:disabled):not(.is-disabled) .add-curve-icon-wrap{border-color:var(--amber);background:#ff9f4314}.add-curve-option-title{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.add-curve-option-desc{opacity:.7;font-size:11.5px;line-height:1.35}.add-curve-option:hover:not(:disabled):not(.is-disabled) .add-curve-option-desc{opacity:.85}.add-curve-option.is-disabled,.add-curve-option:disabled{opacity:.42;cursor:not-allowed;background:0 0}.add-curve-option.is-disabled:hover,.add-curve-option:disabled:hover{border-color:var(--line);color:inherit}.add-curve-option-badge{letter-spacing:1.2px;text-transform:uppercase;border:1px solid var(--line);color:var(--dim);border-radius:10px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:600}.tonal-key{flex-direction:column;gap:8px;display:flex}.tonal-key-head{align-items:center;gap:10px;display:flex}.tonal-key-head .cfg-lbl.cfg-head{margin-bottom:0}.tonal-key-body{grid-template-columns:1fr auto;align-items:stretch;gap:6px;transition:opacity .12s;display:grid}.tonal-key.is-off .tonal-key-body{opacity:.42;pointer-events:none}.tonal-key-body .selwrap{display:flex}.tonal-key-body .selwrap:last-child .seltrigger{min-width:56px}.scale-trigger{width:100%;min-height:26px;color:var(--ink);text-align:left;background:var(--surface-1);border:1px solid var(--line);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:4px 9px;font-family:inherit;font-size:11px;display:flex}.scale-trigger:hover:not(:disabled){border-color:var(--amber);color:var(--amber);box-shadow:0 0 12px 0 var(--glow,#ff9f4340)}.scale-trigger:disabled{cursor:not-allowed}.scale-trigger-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scale-trigger-caret{color:var(--dim);flex:none;font-size:9px}.scale-picker-modal .scale-picker-controls{align-items:flex-end;gap:10px;margin:8px 0 10px;display:flex}.scale-picker-modal .scale-picker-control{flex-direction:column;flex:none;gap:4px;display:flex}.scale-picker-modal .scale-picker-control .cfg-lbl{letter-spacing:1px;text-transform:uppercase;color:var(--dim);font-size:10px}.scale-picker-modal .scale-picker-control .selwrap{display:flex}.scale-picker-modal .scale-picker-search{flex:auto;min-width:0}.scale-picker-modal .scale-picker-search input{box-sizing:border-box;background:var(--surface-input);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:6px;min-height:26px;padding:5px 9px;font-family:inherit;font-size:12px}.scale-picker-modal .scale-picker-search input:focus{border-color:var(--amber);box-shadow:0 0 0 2px var(--glow);outline:none}.scale-picker-modal .scale-picker-options{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;flex-direction:column;gap:14px;max-height:60vh;padding-right:4px;display:flex;overflow-y:auto}.scale-picker-modal .scale-picker-group{flex-direction:column;gap:6px;display:flex}.scale-picker-modal .scale-picker-group-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--dim);font-size:10px;font-weight:600}.scale-picker-modal .scale-picker-group-items{flex-direction:column;gap:6px;display:flex}.scale-picker-modal .scale-picker-options::-webkit-scrollbar{width:8px}.scale-picker-modal .scale-picker-options::-webkit-scrollbar-track{background:0 0}.scale-picker-modal .scale-picker-options::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}.scale-picker-modal .scale-picker-options::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.scale-picker-modal .scale-picker-empty{text-align:center;color:var(--dim);border:1px dashed var(--line);border-radius:6px;padding:14px;font-size:12px}.scale-picker-option{background:var(--surface-chart,#ffffff05);border:1px solid var(--line);box-sizing:border-box;border-radius:6px;flex-direction:row;align-items:stretch;gap:0;transition:all .1s;display:flex}.scale-picker-option:hover{border-color:var(--amber);background:#ff9f430f}.scale-picker-option.is-selected{border-color:var(--amber);background:#ff9f4314}.scale-picker-option-main{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:auto;padding:10px 12px;font-family:inherit;display:flex}.scale-picker-option:hover .scale-picker-option-main,.scale-picker-option.is-selected .scale-picker-option-main{color:var(--amber)}.scale-picker-option-body{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.scale-picker-option-title{text-transform:capitalize;font-size:13px;font-weight:600}.scale-picker-option-desc{opacity:.8;font-size:11.5px;line-height:1.4}.scale-picker-option-genres{opacity:.55;font-size:10.5px;font-style:italic;line-height:1.35}.scale-picker-option:hover .scale-picker-option-desc,.scale-picker-option.is-selected .scale-picker-option-desc{opacity:.9}.scale-picker-option:hover .scale-picker-option-genres,.scale-picker-option.is-selected .scale-picker-option-genres{opacity:.7}.scale-picker-modal.is-compact .scale-picker-option-main{padding:7px 12px}.scale-picker-play{border:none;border-left:1px solid var(--line);width:36px;color:var(--amber);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;transition:all 80ms;display:inline-flex}.scale-picker-play:hover{background:#ff9f431a}.scale-picker-play.on{background:#ff9f432e}.scale-picker-play svg{width:12px;height:12px;display:block}.scale-picker-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:14px;padding-top:12px;display:flex}.scale-picker-foot .mini{padding:6px 14px;font-size:11px}.drum-picker-modal .drum-picker-groups{flex-direction:column;gap:14px;margin-top:8px;display:flex}.drum-picker-group{flex-direction:column;gap:6px;display:flex}.drum-picker-group-label{letter-spacing:.8px;text-transform:uppercase;color:var(--dim);font-family:Big Shoulders Display,sans-serif;font-size:13px;font-weight:700}.drum-picker-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;display:grid}.drum-picker-card{background:var(--surface-1);border:1px solid var(--line);color:var(--ink);letter-spacing:.3px;border-radius:7px;align-items:center;gap:4px;padding-right:4px;font-family:inherit;font-size:12px;transition:border-color 80ms,background 80ms,color 80ms;display:flex;position:relative}.drum-picker-card:hover{border-color:var(--amber);color:var(--amber);background:#ff9f430f}.drum-picker-card.sel{border-color:var(--amber);color:var(--amber);background:color-mix(in srgb, var(--amber) 14%, var(--surface-1))}.drum-picker-card-pick{color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:auto;margin:0;padding:10px 4px 10px 12px;overflow:hidden}.drum-picker-card-play{cursor:pointer;color:var(--dim);background:0 0;border:none;border-radius:4px;flex:none;padding:6px;line-height:0}.drum-picker-card-play:hover{color:var(--amber);background:#ff9f431a}.drum-picker-card-play svg{width:12px;height:12px;display:block}.drum-picker-card-del{cursor:pointer;color:var(--dim);background:0 0;border:none;border-radius:4px;flex:none;padding:6px;line-height:0}.drum-picker-card-del:hover{color:#ff6b4a;background:#ff6b4a14}.drum-picker-card-del svg{width:13px;height:13px;display:block}.drum-picker-blank{background:var(--surface-1);border:1px dashed var(--line);color:var(--ink);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;transition:border-color 80ms,background 80ms,color 80ms;display:flex}.drum-picker-blank:hover{border-color:var(--amber);color:var(--amber);background:#ff9f430f}.drum-picker-blank.sel{border-style:solid;border-color:var(--amber);color:var(--amber);background:color-mix(in srgb, var(--amber) 14%, var(--surface-1))}.drum-picker-blank-plus{border:1px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;font-weight:300;line-height:1;display:inline-flex}.drum-picker-blank-title{font-size:13px;font-weight:600;display:block}.drum-picker-blank-sub{opacity:.7;margin-top:2px;font-size:11.5px;display:block}.drum-picker-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:16px;padding-top:12px;display:flex}.drum-picker-foot .mini{padding:6px 14px;font-size:11px}.drum-picker-foot .mini:disabled{opacity:.45;cursor:not-allowed}.drum-name-input{width:100%}.drum-name-actions{margin-top:6px;display:flex}.drum-name-actions .add-row{padding:6px 10px;font-size:11px}.drum-group{flex-direction:column;gap:8px;display:flex}.drum-params{grid-template-columns:1fr;gap:4px;transition:opacity .12s;display:grid}.drum-params.dis{opacity:.35;pointer-events:none}.drum-params .fxrow{grid-template-columns:108px 1fr 46px;gap:10px;margin:5px 0;font-size:11px;display:grid}.drum-wave-row{align-items:center}.wave-choice{gap:4px;display:inline-flex}.wave-choice-b{background:var(--surface-1);border:1px solid var(--line);color:var(--dim);cursor:pointer;border-radius:5px;padding:4px 6px;line-height:0;transition:border-color 80ms,color 80ms,background 80ms}.wave-choice-b:hover{color:var(--ink);border-color:#5a4d40}.wave-choice-b.sel{border-color:var(--amber);color:var(--amber);background:color-mix(in srgb, var(--amber) 14%, var(--surface-1))}.wave-choice-b svg{display:block}.drum-remove-row{border-top:1px dashed var(--line);margin-top:6px;padding-top:14px}.drum-remove-b{letter-spacing:.04em;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;font-size:11px;display:inline-flex}.drum-remove-b span{line-height:1}.lane-header-ms{background:var(--surface-1);border:1px solid var(--line);color:var(--dim);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:5px;padding:2px 7px;font-family:inherit;font-size:10px;font-weight:700;transition:all .12s}.lane-header-ms:hover{border-color:var(--amber);color:var(--amber);box-shadow:0 0 12px 0 var(--glow,#ff9f4340)}.lane-header-ms-mute.on{color:#1a1118;background:#d96a6a;border-color:#d96a6a}.lane-header-ms-mute.on:hover{color:#1a1118;background:#d96a6a;border-color:#d96a6a;box-shadow:0 0 12px #d96a6a59}.lane-header-ms-solo.on{border-color:var(--amber);color:#1a1118;background:var(--amber)}.lane-header-ms-solo.on:hover{border-color:var(--amber);color:#1a1118;background:var(--amber);box-shadow:0 0 12px 0 var(--glow,#ff9f4359)}.lane-header-count-dot{background:var(--lane-color,currentColor);border-radius:1px;flex-shrink:0;width:6px;height:6px;display:inline-block}.bulk-expand-btn{cursor:pointer;color:var(--dim);background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;margin:0;padding:4px;line-height:0;transition:all .12s;display:inline-flex}.bulk-expand-btn svg{stroke:currentColor;fill:none;width:16px;height:16px;display:block}.bulk-expand-btn:hover{color:var(--amber);background:color-mix(in srgb, var(--amber) 10%, transparent)}.lane-actions{flex:none}.lane-actions-trigger{cursor:pointer;color:var(--dim);background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;margin:0;padding:4px;line-height:0;transition:all .12s;display:inline-flex}.lane-actions-trigger svg{stroke:currentColor;fill:currentColor;width:16px;height:16px;display:block}.lane-actions-trigger:hover,.lane-actions-trigger.open{color:var(--amber);background:color-mix(in srgb, var(--amber) 10%, transparent)}.lane-actions-menu{background:var(--surface-1);border:1px solid var(--line);z-index:200;border-radius:6px;flex-direction:column;gap:2px;min-width:160px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #00000059}.shead.lane-summary:has(.lane-actions-trigger.open){z-index:200}.lane-actions-item{font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;transition:all 80ms;display:flex}.lane-actions-item:hover{background:var(--surface-input)}.lane-actions-item.destructive{color:#d96a6a}.lane-actions-item.destructive:hover{background:#d96a6a1f}.lane-actions-item-icon{line-height:0;display:inline-flex}.lane-actions-item-icon svg{stroke:currentColor;fill:none;width:14px;height:14px}.lane-actions-item-icon svg circle{fill:currentColor}.dtog:hover,.patctl-btn:hover:not(.patctl-del),.ptabrow .addpat:hover,.drumname-b:hover,.drumadd:hover,.patbox .mini:hover{border-color:var(--amber);color:var(--amber);box-shadow:0 0 12px 0 var(--glow,#ff9f4340)}.lenseg button:hover:not(.on){color:var(--amber);box-shadow:inset 0 0 12px 0 var(--glow,#ff9f4340)}.ptab:hover:not(.active),.seltrigger:hover{border-color:var(--amber);color:var(--amber);box-shadow:0 0 12px 0 var(--glow,#ff9f4340)}.drawer-panel.encyclopedia-drawer{container-type:inline-size}.enc-controls{border-bottom:1px solid var(--line);background:var(--panel);flex-direction:column;gap:8px;padding:10px 18px 8px;display:flex}.enc-search{background:var(--surface-1,var(--bg));width:100%;color:var(--ink);border:1px solid var(--line);font-size:13px;font:inherit;border-radius:8px;padding:8px 10px}.enc-search:focus{border-color:var(--amber);outline:none}.enc-search::placeholder{color:var(--dim)}.enc-cats{flex-wrap:wrap;gap:6px;display:flex}.enc-cat{color:var(--dim);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:3px 10px;font-size:11.5px;transition:color .12s,border-color .12s,background .12s}.enc-cat:hover{color:var(--amber);border-color:var(--amber)}.enc-cat.on{background:var(--amber);color:#1d1916;border-color:var(--amber)}.enc-list{flex-direction:column;gap:6px;display:flex}.enc-entry{border:1px solid var(--line);background:var(--panel);border-radius:8px;transition:border-color .12s;overflow:hidden}.enc-entry.open{border-color:var(--amber)}.enc-row{text-align:left;width:100%;color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;padding:10px 12px;display:flex}.enc-row:hover{background:#ff9f430f}.enc-row-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.enc-row-title{align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.enc-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.enc-row-cat{text-transform:uppercase;letter-spacing:.5px;color:var(--dim);font-size:10.5px;font-weight:500}.enc-row-summary{color:var(--dim);font-size:12px;line-height:1.4}.enc-pip{background:var(--dim);border-radius:50%;flex:none;width:8px;height:8px}.enc-pip-drums{background:#ff7a45}.enc-pip-bass{background:#6fd39a}.enc-pip-lead{background:#ffd05c}.enc-pip-fx{background:#a86fc4}.enc-pip-groove{background:#4db6ac}.enc-pip-mix{background:#5f7bb5}.enc-pip-genre{background:#e8743a}.enc-detail{border-top:1px dashed var(--line);flex-direction:column;gap:10px;padding:6px 14px 14px;display:flex}.enc-preview-row{align-items:center;gap:10px;padding:8px 0 2px;display:flex}.enc-preview-hint{color:var(--dim);font-size:11.5px}.enc-block{flex-direction:column;gap:6px;display:flex}.enc-block-heading{text-transform:uppercase;letter-spacing:.6px;color:var(--amber);margin:6px 0 0;font-size:12px;font-weight:700}.enc-block-text{color:var(--ink);font-size:13px;line-height:1.5}.enc-block-text p{margin:0 0 6px}.enc-block-text p:last-child{margin-bottom:0}.enc-block-bullets{color:var(--ink);margin:0;padding:0 0 0 18px;font-size:12.5px;line-height:1.55}.enc-block-bullets li{margin-bottom:3px}.enc-tags{border-top:1px dashed var(--line);flex-wrap:wrap;gap:5px;padding-top:6px;display:flex}.enc-tag{color:var(--dim);border:1px solid var(--line);cursor:pointer;font-size:10.5px;font:inherit;background:0 0;border-radius:999px;padding:2px 8px}.enc-tag:hover{color:var(--amber);border-color:var(--amber)}.enc-empty{text-align:center;color:var(--dim);padding:24px 12px;font-size:13px;line-height:1.5}@container (width<=420px){.encyclopedia-drawer .modal-head{padding:12px 14px!important}.encyclopedia-drawer .modal-head h2{letter-spacing:.5px;font-size:18px}.encyclopedia-drawer .enc-controls{padding:8px 14px 6px}.encyclopedia-drawer .drawer-scroll{padding:10px 14px 18px!important}.encyclopedia-drawer .enc-row{padding:8px 10px}.encyclopedia-drawer .enc-row-cat{display:none}.encyclopedia-drawer .enc-detail{padding:6px 10px 12px}.encyclopedia-drawer .enc-preview-row{flex-wrap:wrap;gap:8px}}.drawer-layout-modal{max-width:720px}.drawer-layout-modal .dlm-row{flex-wrap:nowrap;gap:10px;margin:12px 0 6px;display:flex}.drawer-layout-modal .dlm-box{background:var(--surface-1);border:1px solid var(--line);text-align:center;min-width:0;min-height:78px;color:var(--ink);border-radius:10px;flex:1 1 0;justify-content:center;align-items:center;padding:10px;font-family:inherit;font-size:12px;display:flex;position:relative}.drawer-layout-modal .dlm-fixed{background:var(--surface-2);color:var(--dim);cursor:not-allowed;border-style:dashed}.drawer-layout-modal .dlm-label{letter-spacing:1px;text-transform:uppercase;font-family:Big Shoulders Display,sans-serif;font-size:13px;font-weight:700}.drawer-layout-modal .dlm-occupied{padding:0;overflow:hidden}.drawer-layout-modal .dlm-box-main{width:100%;height:100%;min-height:76px;color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:10px;display:flex}.drawer-layout-modal .dlm-box-main:hover:not(:disabled){background:var(--surface-2);color:var(--amber)}.drawer-layout-modal .dlm-box-main:disabled{cursor:default}.drawer-layout-modal .dlm-remove{width:20px;height:20px;color:var(--dim);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;font-size:18px;line-height:1;position:absolute;top:4px;right:6px}.drawer-layout-modal .dlm-remove:hover{color:var(--amber);background:var(--surface-2)}.drawer-layout-modal .dlm-empty{cursor:pointer;color:var(--amber);border-style:dashed}.drawer-layout-modal .dlm-empty:hover:not(:disabled){border-color:var(--amber);box-shadow:0 0 10px -2px var(--glow)}.drawer-layout-modal .dlm-empty:disabled{cursor:default;color:var(--dim)}.drawer-layout-modal .dlm-plus{font-size:24px;line-height:1}.rg-node rect,.rg-node text{transition:fill .12s,stroke .12s,opacity .12s,filter .12s}.rg-node-clickable{cursor:pointer}.rg-node-clickable:hover>rect.rg-body{stroke:var(--amber);filter:drop-shadow(0 1px 4px var(--glow))}.rg-node-clickable:hover>text.rg-label{fill:var(--amber)}.rg-node-addbus rect{transition:stroke .12s,fill .12s}.rg-node-addbus:hover rect{stroke:var(--amber);fill:#ff9f430f}.rg-node-addbus:hover text{fill:var(--amber)}.rg-effect-add rect,.rg-effect-add text{transition:stroke .12s,fill .12s}.rg-effect-add:hover rect{stroke:var(--amber);fill:#ff9f430f}.rg-effect-add:hover text{fill:var(--amber)}.rg-port-add circle,.rg-port-add line{transition:stroke .12s,fill .12s}.rg-port-add:hover circle{stroke:var(--amber);fill:var(--amber)}.rg-port-add:hover line{stroke:var(--on-amber,#2a1f15)}.rg-port-delete path{transition:stroke .12s}.rg-port-delete:hover path{stroke:var(--amber)}.rg-edge path{transition:stroke-opacity .12s,stroke-width .12s}.rg-edge:hover path{stroke-opacity:1;stroke-width:2px}.rg-effect-chip rect,.rg-effect-chip text{transition:fill .12s,stroke .12s}.rg-effect-chip[style*="cursor: pointer"]:hover rect{fill:var(--acc);stroke:var(--acc)}.rg-effect-chip[style*="cursor: pointer"]:hover text{fill:var(--on-amber,#2a1f15)}.rg-node-clickable:hover>rect.rg-body{filter:drop-shadow(0 0 6px var(--glow))}.rg-effect-card{border-top:1px solid var(--line);padding:6px 0 10px}.rg-effect-card:first-of-type{border-top:none;padding-top:0}.rg-effect-card .filter-drag-handle{font-size:14px}.rg-sidechain-warn{letter-spacing:.4px;text-transform:uppercase;color:#fff;white-space:nowrap;background:#ff6b4a;border-radius:3px;padding:1px 6px;font-size:9px;font-weight:700}.routing-modal .mini svg,.routing-drawer .mini svg{width:14px;height:14px;display:block}@keyframes spin{to{transform:rotate(360deg)}}@supports (-webkit-touch-callout:none){input[type=text],input[type=search],input[type=email],input[type=url],input[type=tel],input[type=password],input[type=number],textarea,select{font-size:max(16px,1em)}}.topbar{padding-top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}body{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.statusbar{padding-bottom:env(safe-area-inset-bottom,0)!important;padding-left:max(12px, env(safe-area-inset-left))!important;padding-right:max(12px, env(safe-area-inset-right))!important}.bottombar{padding-bottom:env(safe-area-inset-bottom,0)}@media (hover:none){.ptab{min-width:44px;height:44px;padding:0 12px}.ptabrow .addpat{width:44px;height:44px;font-size:18px}.curveadd{width:44px;height:44px;font-size:20px}.arrange-collapse-fab{width:44px;height:44px}.arrange-collapse-fab svg{width:20px;height:20px}.topbar .hamburger{padding:12px}.topbar .hamburger span{width:22px;height:3px}.topbar .undo-redo .mini{width:44px;height:44px}.topbar .undo-redo .mini svg{width:20px;height:20px}.theme-toggle{padding:10px 14px}.cardot{width:9px;height:9px;position:relative}.cardot:after{content:"";position:absolute;inset:-18px}.slide-panel [role=separator]{width:18px!important}.tl-col-resize{width:24px!important}.tl-row-resize{height:22px!important;bottom:-11px!important}.drawer-resize{width:24px!important;left:-12px!important}.colsplit{flex:0 0 24px!important}.tl-insert-btn{opacity:.7!important}.curve-lbl-rm{opacity:1!important}.patgrid .paddpat,.secstems .paddpat{opacity:1}.rg-edge path{stroke-opacity:1}.tl-surface,.tl-surface *,.patbox,.secbox,.botctl,.drawer-panel,.slide-panel,.slide-panel *,.tl-sample-browser,.tl-sample-browser *,.sidebar,.sidebar *,.topbar,.topbar *,.bottombar,.bottombar *,.statusbar,.statusbar *,.tl-toolbar,.tl-toolbar *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true]{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}}.library-samples-browser{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;flex-direction:column;flex:1;height:65vh;min-height:0;display:flex;overflow:hidden}