:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d17;--surface:#141726;--surface-2:#1b1f33;--surface-3:#262b44;--border:#2c3150;--control-border:#737ba3;--text:#eef0fa;--text-muted:#a9b0cd;--primary:#9d8fff;--primary-hover:#b3a8ff;--on-primary:#0b0d17;--primary-soft:#2d2a5c;--play:#3ddc97;--on-play:#06140e;--record:#ff7a7a;--on-record:#1a0606;--warning:#fbbf24;--on-warning:#1a1204;--focus:#7dd3fc;--meter-low:#3ddc97;--meter-clip:#ff5c5c;--lane:#171a2b;--lane-line:#2f3452;--lane-bar:#4a5178;--clip-pattern:#4453b8;--kind-instrument:#8b9bff;--kind-drum:#f5a524;--kind-audio:#34d399;--clip-audio:#1f7a5c;--clip-ink:#f5f7ff;--loop:#8a6d1f;--loop-off:#3a3f5c;--playhead:#ff5c5c;--scrim:#03040ab8;--shadow:0 1px 2px #0006, 0 8px 24px #00000059;--logo-from:#8b7cff;--logo-to:#3ddc97;--motif:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width='240' height='96'%3E%3Cpath d='M0 48 Q30 12 60 48 T120 48 T180 48 T240 48' fill='none' stroke='#000' stroke-width='1.5'/%3E%3C/svg%3E");--motif-size:240px 96px;--motif-repeat:repeat;--motif-position:0 0;--glow:.16;--motif-strength:.08}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4fa;--surface:#fff;--surface-2:#eef0f7;--surface-3:#e1e4f0;--border:#d3d7e6;--control-border:#6b7290;--text:#141726;--text-muted:#4a5070;--primary:#5140d6;--primary-hover:#4232c0;--on-primary:#fff;--primary-soft:#e4e0ff;--play:#0b7a50;--on-play:#fff;--record:#c02727;--on-record:#fff;--warning:#8a5a00;--on-warning:#fff;--focus:#1d4ed8;--meter-low:#0e8a58;--meter-clip:#d42a2a;--lane:#f7f8fc;--lane-line:#dde0ec;--lane-bar:#9aa1bd;--clip-pattern:#4d5fd0;--kind-instrument:#4d5fd0;--kind-drum:#a85a00;--kind-audio:#177a58;--clip-audio:#177a58;--clip-ink:#fff;--loop:#f4c54a;--loop-off:#d7dbe8;--playhead:#d42a2a;--scrim:#0a0c188c;--shadow:0 1px 2px #14172614, 0 8px 24px #1417261f;--glow:.08;--motif-strength:.05}:root[data-palette=ocean]{--bg:#0b1117;--surface:#141c26;--surface-2:#1c2632;--surface-3:#273443;--border:#2d3d4f;--control-border:#7489a2;--text:#eef4fa;--text-muted:#aabacc;--lane:#18202b;--lane-line:#303f51;--lane-bar:#4b6077;--loop-off:#3b4a5b;--primary:#6cb2ff;--primary-hover:#8fc4ff;--on-primary:#0b0d17;--primary-soft:#15325a;--clip-pattern:#2563a8;--logo-from:#4f9dff;--logo-to:#3fd0d4;--motif:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width='160' height='48'%3E%3Cpath d='M0 24 C20 8 40 8 60 24 S100 40 120 24 S150 12 160 24' fill='none' stroke='#000' stroke-width='1.5'/%3E%3Cpath d='M0 44 C20 30 40 30 60 44 S100 58 120 44 S150 34 160 44' fill='none' stroke='#000' stroke-width='1' opacity='.6'/%3E%3C/svg%3E");--motif-size:160px 48px;--motif-repeat:repeat;--motif-position:0 0}:root[data-theme=light][data-palette=ocean]{--bg:#f3f6fa;--surface:#fff;--surface-2:#eef2f7;--surface-3:#e1e8f0;--border:#d3dce6;--control-border:#6c7c8f;--text:#141c26;--text-muted:#4b5c6f;--lane:#f7f9fc;--lane-line:#dde4ec;--lane-bar:#9baabc;--loop-off:#d7dfe8;--primary:#1f5fb8;--primary-hover:#174f9c;--on-primary:#fff;--primary-soft:#dbe9fb;--clip-pattern:#2f6fc4}:root[data-palette=aqua]{--bg:#0c1516;--surface:#162324;--surface-2:#1d2f31;--surface-3:#293f41;--border:#304a4c;--control-border:#789a9e;--text:#eff8f9;--text-muted:#adc7c9;--lane:#192729;--lane-line:#334c4e;--lane-bar:#4f7073;--loop-off:#3d5659;--primary:#3fd0d4;--primary-hover:#6adde0;--on-primary:#0b0d17;--primary-soft:#0f3d44;--clip-pattern:#16757a;--logo-from:#3fd0d4;--logo-to:#3ddc97;--motif:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width='900' height='900'%3E%3Ccircle cx='900' cy='900' r='90' fill='none' stroke='#000' stroke-width='1.5'/%3E%3Ccircle cx='900' cy='900' r='160' fill='none' stroke='#000' stroke-width='1.5'/%3E%3Ccircle cx='900' cy='900' r='230' fill='none' stroke='#000' stroke-width='1.5'/%3E%3Ccircle cx='900' cy='900' r='300' fill='none' stroke='#000' stroke-width='1.5'/%3E%3Ccircle cx='900' cy='900' r='370' fill='none' stroke='#000' stroke-width='1.5'/%3E%3Ccircle cx='900' cy='900' r='440' fill='none' stroke='#000' stroke-width='1.5'/%3E%3Ccircle cx='900' cy='900' r='510' fill='none' stroke='#000' stroke-width='1.5'/%3E%3Ccircle cx='900' cy='900' r='580' fill='none' stroke='#000' stroke-width='1.5'/%3E%3Ccircle cx='900' cy='900' r='650' fill='none' stroke='#000' stroke-width='1.5'/%3E%3Ccircle cx='900' cy='900' r='720' fill='none' stroke='#000' stroke-width='1.5'/%3E%3Ccircle cx='900' cy='900' r='790' fill='none' stroke='#000' stroke-width='1.5'/%3E%3Ccircle cx='900' cy='900' r='860' fill='none' stroke='#000' stroke-width='1.5'/%3E%3C/svg%3E");--motif-size:900px 900px;--motif-repeat:no-repeat;--motif-position:100% 100%}:root[data-theme=light][data-palette=aqua]{--bg:#f4f9f9;--surface:#fff;--surface-2:#eff5f6;--surface-3:#e2edee;--border:#d5e3e4;--control-border:#6f898c;--text:#162324;--text-muted:#4e696c;--lane:#f8fbfc;--lane-line:#dfe9ea;--lane-bar:#9eb7ba;--loop-off:#d9e5e6;--primary:#0b6e73;--primary-hover:#085a5e;--on-primary:#fff;--primary-soft:#d3f1f1;--clip-pattern:#12777c}:root[data-palette=rose]{--bg:#150d11;--surface:#23171d;--surface-2:#2f1f27;--surface-3:#402a35;--border:#4b313e;--control-border:#9c7a8b;--text:#f8f0f4;--text-muted:#c8aebb;--lane:#281a21;--lane-line:#4d3440;--lane-bar:#715161;--loop-off:#573f4b;--primary:#ff8fb8;--primary-hover:#ffadc9;--on-primary:#0b0d17;--primary-soft:#4a1e33;--clip-pattern:#a3345f;--logo-from:#ff8fb8;--logo-to:#9d8fff;--motif:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width='260' height='260'%3E%3Ccircle cx='40' cy='50' r='18'/%3E%3Ccircle cx='170' cy='30' r='8'/%3E%3Ccircle cx='210' cy='150' r='26'/%3E%3Ccircle cx='90' cy='190' r='12'/%3E%3Ccircle cx='140' cy='110' r='5'/%3E%3Ccircle cx='20' cy='230' r='6'/%3E%3C/svg%3E");--motif-size:260px 260px;--motif-repeat:repeat;--motif-position:0 0;--motif-strength:.05}:root[data-theme=light][data-palette=rose]{--bg:#f9f4f6;--surface:#fff;--surface-2:#f6eff2;--surface-3:#eee3e8;--border:#e3d6dc;--control-border:#8a717e;--text:#23171d;--text-muted:#6a505d;--lane:#fbf8fa;--lane-line:#eadfe4;--lane-bar:#b89fac;--loop-off:#e5dae0;--primary:#b8285f;--primary-hover:#9c1f50;--on-primary:#fff;--primary-soft:#fbdce8;--clip-pattern:#b8336a;--motif-strength:.03}:root[data-palette=tangerine]{--bg:#15100d;--surface:#221c18;--surface-2:#2e2620;--surface-3:#3e332c;--border:#493c33;--control-border:#99887d;--text:#f8f3f0;--text-muted:#c6b9b0;--lane:#27201b;--lane-line:#4b3e36;--lane-bar:#6f5e53;--loop-off:#554941;--primary:#ffa35c;--primary-hover:#ffb87f;--on-primary:#0b0d17;--primary-soft:#4a2a12;--clip-pattern:#a4501a;--logo-from:#ffa35c;--logo-to:#ff6f91;--motif:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width='900' height='900'%3E%3Cg stroke='#000' stroke-width='2'%3E%3Cline x1='0' y1='900' x2='1257' y2='812'/%3E%3Cline x1='0' y1='900' x2='1237' y2='660'/%3E%3Cline x1='0' y1='900' x2='1198' y2='511'/%3E%3Cline x1='0' y1='900' x2='1142' y2='368'/%3E%3Cline x1='0' y1='900' x2='1069' y2='232'/%3E%3Cline x1='0' y1='900' x2='979' y2='107'/%3E%3Cline x1='0' y1='900' x2='875' y2='-6'/%3E%3Cline x1='0' y1='900' x2='758' y2='-106'/%3E%3Cline x1='0' y1='900' x2='630' y2='-191'/%3E%3Cline x1='0' y1='900' x2='492' y2='-260'/%3E%3Cline x1='0' y1='900' x2='347' y2='-311'/%3E%3Cline x1='0' y1='900' x2='197' y2='-344'/%3E%3Cline x1='0' y1='900' x2='44' y2='-359'/%3E%3C/g%3E%3C/svg%3E");--motif-size:900px 900px;--motif-repeat:no-repeat;--motif-position:0 100%}:root[data-theme=light][data-palette=tangerine]{--bg:#f9f6f4;--surface:#fff;--surface-2:#f5f2f0;--surface-3:#ede8e4;--border:#e2dbd7;--control-border:#897b72;--text:#221c18;--text-muted:#685b52;--lane:#fbf9f8;--lane-line:#e9e4e0;--lane-bar:#b6a9a1;--loop-off:#e5deda;--primary:#b04a0c;--primary-hover:#943e08;--on-primary:#fff;--primary-soft:#fde3d0;--clip-pattern:#b3561a}:root[data-palette=slate]{--bg:#0f1113;--surface:#1a1c20;--surface-2:#23262b;--surface-3:#30343a;--border:#383d44;--control-border:#838a93;--text:#f2f4f6;--text-muted:#b5bac1;--lane:#1e2024;--lane-line:#3a3f47;--lane-bar:#596069;--loop-off:#454a51;--primary:#b4bdd6;--primary-hover:#cad1e4;--on-primary:#0b0d17;--primary-soft:#2e3447;--clip-pattern:#4e5877;--logo-from:#b4bdd6;--logo-to:#6b7a99;--motif:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='1.2'/%3E%3C/svg%3E");--motif-size:24px 24px;--motif-repeat:repeat;--motif-position:0 0}:root[data-theme=light][data-palette=slate]{--bg:#f5f6f8;--surface:#fff;--surface-2:#f1f2f4;--surface-3:#e6e8eb;--border:#d9dce0;--control-border:#777c84;--text:#1a1c20;--text-muted:#565c64;--lane:#f9f9fa;--lane-line:#e2e4e7;--lane-bar:#a5aab2;--loop-off:#dddfe2;--primary:#46506e;--primary-hover:#39425d;--on-primary:#fff;--primary-soft:#e2e5ee;--clip-pattern:#56607f}:root{--font:"Inter", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mono:"Cascadia Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--radius-sm:6px;--radius:10px;--radius-lg:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--control-h-xs:24px;--control-h-sm:28px;--control-h:36px;--control-h-lg:44px;--focus-ring:3px;--ease-out:cubic-bezier(.16, 1, .3, 1);--fast:.15s;--z-sticky:20;--z-banner:40;--z-dialog:100;font-family:var(--font);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:100%;line-height:1.5}@media (pointer:coarse){:root{--control-h-sm:36px;--control-h:44px}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--text);margin:0;font-size:.9375rem}h1,h2,h3,h4{margin:0;font-weight:650;line-height:1.25}h2{font-size:1.125rem}h3{font-size:1rem}p{margin:0}a{color:var(--primary);text-underline-offset:2px}a:hover{color:var(--primary-hover)}code{font-family:var(--mono);background:var(--surface-3);border-radius:4px;padding:0 4px;font-size:.875em}[hidden]{display:none!important}:focus-visible{outline:var(--focus-ring) solid var(--focus);outline-offset:2px}button,input,select,textarea{font:inherit;color:inherit}button{min-height:var(--control-h);min-width:var(--control-h);padding:0 var(--space-3);border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);cursor:pointer;touch-action:manipulation;transition:background-color var(--fast) var(--ease-out), border-color var(--fast) var(--ease-out), transform var(--fast) var(--ease-out);justify-content:center;align-items:center;gap:6px;font-size:.875rem;font-weight:550;line-height:1.2;display:inline-flex}button:hover:not(:disabled,[aria-pressed=true],.btn-danger,.btn-primary,.btn-play){background:var(--surface-3)}button:is([aria-pressed=true],.btn-danger):hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:not-allowed;opacity:.5}button[aria-busy=true]{cursor:progress}button[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary)}button svg{flex:none}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-play{background:var(--play);border-color:var(--play);color:var(--on-play)}.btn-play:hover:not(:disabled){background:var(--play);filter:brightness(1.08)}.btn-record[aria-pressed=true],.btn-danger{background:var(--record);border-color:var(--record);color:var(--on-record)}.btn-record svg{color:var(--record)}.btn-record[aria-pressed=true] svg{color:var(--on-record)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-3)}.btn-sm{min-height:var(--control-h-sm);min-width:var(--control-h-sm);padding:0 var(--space-2);font-size:.8125rem}.btn-icon{padding:0}input:not([type=checkbox],[type=radio],[type=range],[type=file]),select,textarea{min-height:var(--control-h);padding:0 var(--space-2);border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface);transition:border-color var(--fast) var(--ease-out), background-color var(--fast) var(--ease-out);font-size:.875rem;line-height:1.2}:is(input:not([type=checkbox],[type=radio],[type=range],[type=file]),select,textarea):hover:not(:disabled,:focus){border-color:var(--text-muted)}:is(input,select,textarea):disabled{opacity:.5}textarea{padding:var(--space-2);resize:vertical;width:100%;min-height:5rem}select{padding-right:var(--space-5);cursor:pointer}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;margin:0}input[type=range]{accent-color:var(--primary);cursor:pointer;min-height:var(--control-h-xs);margin:0}input[type=file]{max-width:100%;font-size:.875rem}input[type=file]::file-selector-button{font:inherit;min-height:var(--control-h);margin-right:var(--space-2);padding:0 var(--space-3);border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);cursor:pointer;transition:background-color var(--fast) var(--ease-out);font-weight:550}input[type=file]:hover:not(:disabled)::file-selector-button{background:var(--surface-3)}:disabled{cursor:not-allowed}fieldset{border:0;min-width:0;margin:0;padding:0}.field-legend{margin-bottom:var(--space-2);padding:0;font-size:.875rem;font-weight:600}progress{accent-color:var(--primary);width:10rem;height:10px}details>summary{cursor:pointer;padding:var(--space-1) 0;min-height:var(--control-h-xs);font-weight:600}table{border-collapse:collapse}th,td{text-align:left;padding:var(--space-1) var(--space-2)}thead th{color:var(--text-muted);border-bottom:1px solid var(--border);font-size:.8125rem;font-weight:600}output,.num{font-variant-numeric:tabular-nums}.field{color:var(--text-muted);flex-direction:column;gap:2px;font-size:.8125rem;display:inline-flex}.field>:is(input,select,textarea){color:var(--text)}.field-inline{align-items:center;gap:var(--space-2);min-height:var(--control-h);cursor:pointer;font-size:.875rem;display:inline-flex}.row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.row-end{align-items:flex-end}:is(.row,.toolbar-group,.panel-head,.track-row):has(>:is(.field,.field-inline,input,select))>button.btn-sm{min-height:var(--control-h);min-width:var(--control-h);font-size:.875rem}.panel-head:has(>:is(.field,.field-inline,input,select))>.row>button.btn-sm{min-height:var(--control-h);min-width:var(--control-h);font-size:.875rem}:is(.row,.toolbar-group,.panel-head,.track-row):has(>:is(.field,.field-inline,input,select))>button.btn-sm:not(.btn-icon){padding:0 var(--space-3)}.stack{gap:var(--space-3);flex-direction:column;display:flex}.muted{color:var(--text-muted)}.hint{color:var(--text-muted);font-size:.8125rem}.transcript{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.transcript>li{gap:var(--space-1)}.capability-list{gap:var(--space-2);margin:0;padding:0;list-style:none}.capability-value{color:var(--record);align-items:center;gap:4px;font-weight:600;display:inline-flex}.capability-value[data-on=true]{color:var(--play)}.divider{background:var(--border);width:1px;margin:0 var(--space-1);align-self:stretch}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.alert,.notice{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--record);background:color-mix(in srgb, var(--record) 12%, var(--surface));align-items:flex-start;font-size:.875rem;display:flex}.notice{border-color:var(--control-border);background:var(--surface-2)}:is(.alert,.notice){flex-wrap:wrap}:is(.alert,.notice)>button{flex:none}:is(.alert,.notice)>p{flex:16rem}:is(.alert,.notice):has(>button){align-items:center}.stem-separation{align-items:center}.separation-overlay{z-index:calc(var(--z-dialog) - 1);padding:var(--space-4);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.separation-card{pointer-events:auto;align-items:center;gap:var(--space-2);width:min(26rem,100%);padding:var(--space-5) var(--space-4);border:1px solid var(--control-border);border-radius:var(--radius-lg);background:var(--surface-2);box-shadow:var(--shadow);text-align:center;flex-direction:column;display:flex}.separation-card>p{margin:0}.separation-spinner{color:var(--primary)}.separation-title{overflow-wrap:anywhere;font-weight:600}.separation-card progress{width:100%}.separation-detail{color:var(--text-muted);font-size:.875rem}.skip-link{left:var(--space-3);z-index:calc(var(--z-dialog) + 1);padding:var(--space-2) var(--space-4);background:var(--primary);color:var(--on-primary);border-radius:var(--radius-sm);font-weight:600;text-decoration:none;position:absolute;top:-100px}.skip-link:focus{top:var(--space-2);color:var(--on-primary)}.app{flex-direction:column;height:100dvh;display:flex}.app:before,.app:after{content:"";z-index:-1;pointer-events:none;position:fixed;inset:0}.app:before{background:radial-gradient(ellipse 70% 60% at 100% 0%, color-mix(in srgb, var(--primary) calc(var(--glow) * 100%), transparent), transparent 70%)}.app:after{background:var(--primary);opacity:var(--motif-strength);-webkit-mask-image:var(--motif);-webkit-mask-image:var(--motif);mask-image:var(--motif);-webkit-mask-size:var(--motif-size);-webkit-mask-size:var(--motif-size);mask-size:var(--motif-size);-webkit-mask-repeat:var(--motif-repeat);-webkit-mask-repeat:var(--motif-repeat);mask-repeat:var(--motif-repeat);-webkit-mask-position:var(--motif-position);-webkit-mask-position:var(--motif-position);mask-position:var(--motif-position)}@media (forced-colors:active){.app:before,.app:after{display:none}}.app-header{z-index:var(--z-sticky);align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-2) var(--space-4);background:color-mix(in srgb, var(--surface) 92%, transparent);border-bottom:1px solid var(--border);flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.header-start{align-items:center;gap:var(--space-3);min-width:0;display:flex}.header-end{justify-content:flex-end;min-width:0;display:flex}.brand{align-items:center;gap:var(--space-2);letter-spacing:-.01em;font-size:1.0625rem;font-weight:750;display:flex}.brand-mark{flex:none;width:28px;height:28px}@media (width<=600px){.app-header{grid-template-columns:minmax(0,1fr)}.brand{order:-1;justify-self:center}.header-end:empty{display:none}}.project-title{align-items:center;gap:var(--space-2);min-width:0;display:flex}input.project-name{field-sizing:content;text-overflow:ellipsis;width:auto;min-width:6rem;max-width:min(20rem,100%);transition:border-color var(--fast) var(--ease-out), background var(--fast) var(--ease-out);background:0 0;border-color:#0000;font-size:.9375rem;font-weight:600}input.project-name:hover{border-color:var(--control-border)}input.project-name:focus{border-color:var(--control-border);background:var(--surface)}.save-state{color:var(--text-muted);white-space:nowrap;flex:none;align-items:center;gap:6px;font-size:.8125rem;display:inline-flex}.save-state[data-dirty=true]:before{content:"";background:var(--warning);border-radius:50%;width:8px;height:8px}@media (width<=900px){input.project-name{max-width:10rem}}.header-alert{padding:var(--space-1) var(--space-2);font-size:.8125rem}.file-alerts{gap:var(--space-2);margin-bottom:var(--space-3);display:grid}.file-alerts .alert{align-items:center}.file-alerts .alert>span{flex:1}.app-main{min-height:0;padding:var(--space-4);flex:1;overflow:auto}.page{width:100%;max-width:1760px;margin:0 auto}.page-title{margin-bottom:var(--space-4);font-size:1.25rem}.app-main:focus{outline:none}.app-footer{gap:var(--space-2) var(--space-4);padding:var(--space-1) var(--space-4);border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;flex:none;justify-content:center;align-items:center;font-size:.8125rem;display:flex}.app-footer nav{justify-content:center;align-items:center;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.footer-link{min-height:var(--control-h-sm);color:var(--text-muted);align-items:center;gap:6px;font-weight:550;text-decoration:none;display:inline-flex}.footer-link:hover{color:var(--text)}.footer-link .link-button,.app-footer .link-button{color:var(--text-muted);min-height:var(--control-h-sm)}.app-footer .link-button:hover:not(:disabled){color:var(--text)}.menu{position:relative}.menu-button{min-height:var(--control-h);padding:0 var(--space-3);gap:var(--space-2);font-size:.9375rem}.menu-button[aria-expanded=true] .menu-chevron{transform:rotate(180deg)}.menu-chevron{transition:transform var(--fast) var(--ease-out)}.menu-list{z-index:calc(var(--z-dialog) - 1);min-width:240px;padding:var(--space-1);background:var(--surface);border:1px solid var(--control-border);border-radius:var(--radius);box-shadow:var(--shadow);animation:dialog-in .15s var(--ease-out);position:absolute;top:calc(100% + 6px);left:0}.context-menu{z-index:calc(var(--z-dialog) - 1);position:fixed}.context-menu>.menu-list{top:0}.menu-item{white-space:nowrap;justify-content:flex-start;gap:var(--space-3);width:100%;min-height:var(--control-h);background:0 0;border-color:#0000;font-weight:500}.menu-item:focus-visible{outline-offset:-3px}.menu-item[aria-checked=true]{background:var(--primary-soft)}.menu-icon{width:18px;color:var(--text-muted);display:inline-flex}.menu-label{text-align:left;flex:1}.menu-description{white-space:normal;max-width:20rem;color:var(--text-muted);font-size:.8125rem;display:block}.menu-shortcut{font:inherit;color:var(--text-muted);font-size:.8125rem}.menu-item[aria-disabled=true]{cursor:not-allowed;opacity:.5}.menu-item[aria-disabled=true]:hover{background:0 0}.menu-separator{height:1px;margin:var(--space-1) var(--space-2);background:var(--border)}.menu-item[role=menuitemcheckbox][aria-checked=true]{background:0 0}.menu-item[role=menuitemcheckbox]:hover{background:var(--surface-3)}.menu-item[role=menuitemcheckbox]>svg{color:var(--primary)}.menu-submenu-anchor{position:relative}.menu-item[aria-expanded=true]{background:var(--surface-3)}.menu-submenu{top:calc(-1 * var(--space-1) - 1px);left:calc(100% + var(--space-1) + 2px);min-width:220px}@media (width<=600px){.menu-submenu{min-width:0;margin-left:var(--space-4);border:0;border-left:2px solid var(--border);box-shadow:none;border-radius:0;animation:none;position:static}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);min-width:0}.panel-head{align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.panel-head>h2,.panel-head>h3{align-items:center;gap:var(--space-2);margin-right:auto;display:flex}.panel-head svg{color:var(--primary)}.eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.75rem;font-weight:700}.studio{gap:var(--space-4);display:grid}.toolbar{align-items:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-wrap:wrap;display:flex}.toolbar-group{align-items:flex-end;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.toolbar-group>.hint,.toolbar-group>output.hint{min-height:var(--control-h);align-items:center;gap:.3em;display:inline-flex}.position{min-height:var(--control-h);font-family:var(--mono);min-width:7ch;padding:2px var(--space-3);border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);color:var(--text);text-align:center;justify-content:center;align-items:center;font-size:1.125rem;font-weight:600;display:inline-flex}@media (width<=1024px){.toolbar .divider{display:none}}.pinned-slot{flex:none;min-width:0}.widget-zone[data-zone=top],.widget-zone[data-zone=bottom]{background:var(--bg);max-height:45dvh;overflow:auto}.widget-zone,.widget-grid{min-width:0}.widget-grid{display:grid}.widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;min-height:0;box-shadow:var(--shadow);flex-direction:column;display:flex;position:relative;overflow:hidden}.widget-grid>.widget{align-self:start;max-height:100%}.widget-grid>.widget[data-sized],.widget-grid>.widget[data-stretched]{align-self:stretch}.widget[data-dragging]{z-index:2;border-color:var(--primary);cursor:grabbing;opacity:.92}.widget:focus-within{border-color:var(--control-border)}.widget-bar{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-1) 0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:none;display:flex}.widget-bar>button{min-height:var(--control-h-sm);min-width:var(--control-h-sm);color:var(--text-muted);background:0 0;border-color:#0000}.widget-bar>button:hover:not(:disabled){color:var(--text)}.widget-bar>button[aria-pressed=true]{color:var(--primary);background:var(--primary-soft)}.widget-grip{cursor:grab;margin-right:auto}.widget-body{flex:1;min-height:0;overflow:auto}.widget[data-sized] .widget-content{flex-direction:column;min-height:100%;display:flex}.widget[data-sized] .widget-content>*{flex:1 0 auto}.widget-content>:is(.panel,.toolbar){box-shadow:none;background:0 0;border:0;border-radius:0;padding-top:0}.widget-resize{cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg, transparent 50%, var(--control-border) 50% 60%, transparent 60% 70%, var(--control-border) 70% 80%, transparent 80%);border-bottom-right-radius:var(--radius-lg);width:18px;height:18px;position:absolute;bottom:0;right:0}.widget-zone:not([data-zone=main]) .widget{box-shadow:none;border-width:0;border-radius:0}.widget-zone[data-zone=top] .widget{border-bottom-width:1px}.widget-zone[data-zone=bottom] .widget{border-top-width:1px}.widget-zone:not([data-zone=main]) :is(.widget-placeholder,.widget-resize){border-radius:0}.widget-resize[data-edge]{cursor:ns-resize;background:0 0;width:auto;height:8px;left:0}.widget-resize[data-edge=top]{top:0;bottom:auto}.widget-zone[data-zone=bottom] .widget-bar{padding-top:var(--space-2)}.widget-resize[data-edge]:hover{background:color-mix(in srgb, var(--primary) 35%, transparent)}.widget-placeholder{border:2px dashed var(--primary);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--primary) 12%, transparent)}@media (width<=768px){.widget-grid{flex-direction:column;display:flex;gap:var(--space-3)!important}.widget-grid>.widget{align-self:stretch}.widget{max-height:none;overflow:visible;transform:none!important}.widget-body{overflow:visible}.widget-grip,.widget-resize{display:none}.widget-bar{cursor:auto;justify-content:flex-end}}.assistant-bar{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.assistant-bar .prompt{min-height:var(--control-h-lg);flex:280px;font-size:.9375rem}.assistant-bar .btn-primary{min-height:var(--control-h-lg)}.skill-suggestions{z-index:calc(var(--z-dialog) - 1);padding:var(--space-1);background:var(--surface);border:1px solid var(--control-border);border-radius:var(--radius);box-shadow:var(--shadow);animation:dialog-in .15s var(--ease-out);margin:0;list-style:none;position:fixed;overflow-y:auto}.skill-option{align-items:baseline;gap:var(--space-1) var(--space-3);min-height:var(--control-h-lg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--fast) var(--ease-out);flex-wrap:wrap;display:flex}.skill-option:hover{background:var(--surface-3)}.skill-option[aria-selected=true]{background:var(--primary-soft);box-shadow:inset 3px 0 0 var(--primary)}.skill-option-text{color:var(--text-muted);flex:200px;font-size:.875rem}.skill-command{color:var(--text);font-weight:600}.skill-argument{color:var(--text-muted);font-weight:400}.skill-line,.assistant-status,.assistant-usage{flex:1 0 100%}.assistant-usage,.context-meter{font-variant-numeric:tabular-nums}.assistant-context{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:1 0 100%;display:flex}.context-meter{align-items:center;gap:var(--space-2);display:inline-flex}.context-meter meter{inline-size:8rem}.context-meter[data-full=true]{color:var(--warning)}.context-refreshed{border-block-start:1px dashed var(--border);padding-block-start:var(--space-2)}.skills-dialog[open]{height:min(560px,86dvh)}.skills-dialog .dialog-body{flex:1}.skills-pickers{gap:var(--space-3);flex-wrap:wrap;display:flex}.skills-picker{flex:1;min-width:12em}.skills-dialog .skill-title{margin:0}.skill-instructions{white-space:pre-wrap;padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem}.skills-count{text-align:center;min-width:5em;color:var(--text-muted)}.skills-use{margin-left:auto}@media (width<=520px){.skills-dialog .dialog-foot{padding-inline:var(--space-4)}.skills-count{flex:1;min-width:0}.skills-use{flex:1 0 100%;margin-left:0}}.track-list{margin:0 0 var(--space-3);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.track-row{align-items:center;gap:var(--space-1) var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-left:4px solid var(--kind-color);border-radius:var(--radius);background:var(--surface-2);flex-wrap:wrap;display:flex}.track-add{gap:var(--space-2);min-height:88px;padding:var(--space-2) var(--space-2) var(--space-2) calc(var(--space-2) + 3px);border:2px dashed var(--control-border);border-radius:var(--radius);transition:border-color var(--fast) var(--ease-out);flex-direction:column;display:flex}.track-add:hover,.track-add:focus-within{border-color:var(--primary)}.track-add-title{align-items:center;gap:var(--space-1);color:var(--text-muted);margin:0;font-size:.8125rem;font-weight:600;display:flex}.track-add-choices{flex-wrap:wrap;gap:6px;display:flex}.track-add-choice{white-space:nowrap;justify-content:flex-start;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);cursor:pointer;flex:1 0 auto;font-weight:600}.track-add-choice:hover{background:var(--surface-3)}.track-add-choice>svg{color:var(--kind-color)}.track-row .track-name{flex:8em;min-width:6em;font-weight:600}.track-kind{color:var(--text-muted);font-size:.75rem}[data-track-kind=instrument]{--kind-color:var(--kind-instrument)}[data-track-kind=drum]{--kind-color:var(--kind-drum)}[data-track-kind=audio]{--kind-color:var(--kind-audio)}.kind-stripe.kind-stripe[data-track-kind]{border-left:4px solid var(--kind-color)}h2.kind-stripe,h3.kind-stripe{padding-left:var(--space-2)}.label-resize{z-index:3;cursor:col-resize;touch-action:none;width:6px;position:absolute;top:0;bottom:0}.label-resize:hover,.label-resize:focus-visible,.label-resize[data-dragging]{background:color-mix(in srgb, var(--primary) 45%, transparent)}.timeline-scroll{border:1px solid var(--border);border-radius:var(--radius);background:var(--lane);overflow-x:auto}.ruler{cursor:ew-resize;border-bottom:1px solid var(--lane-bar);background:var(--surface-2);flex:none;height:24px;position:relative}.ruler-number{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem;position:absolute;top:3px}.lane-label{white-space:nowrap;text-overflow:ellipsis;padding:2px var(--space-2);border-right:1px solid var(--lane-line);flex:none;align-items:center;font-size:.8125rem;font-weight:600;display:flex;overflow:hidden}.lane{border-bottom:1px solid var(--lane-line);flex:none;position:relative}.clip{cursor:grab;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--clip-pattern) 60%, black);background:var(--clip-pattern);color:var(--clip-ink);transition:box-shadow var(--fast) var(--ease-out);position:absolute;top:3px;bottom:3px;overflow:hidden}.clip[data-kind=audio]{border-color:color-mix(in srgb, var(--clip-audio) 60%, black);background:var(--clip-audio)}.clip[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text)}.clip:focus-visible{outline-offset:3px}.clip-handle{cursor:ew-resize;background:#00000038;position:absolute;top:0;bottom:0}.clip-note{background:var(--clip-ink);opacity:.85;height:2px;position:absolute}.clip-label{font-size:.75rem;font-weight:600;position:relative}.clip-absent{font-style:italic;font-weight:400;display:block}.playhead{background:var(--playhead);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.grid-scroll{padding-bottom:var(--space-1);overflow-x:auto}.step-grid th{padding:0 var(--space-2) 0 0;text-align:right;white-space:nowrap;color:var(--text-muted);font-size:.8125rem;font-weight:500}.step-grid td{padding:1px}.step{border:1px solid var(--control-border);background:var(--surface-2);border-radius:4px;width:26px;min-width:26px;height:26px;min-height:26px;padding:0}.step[data-shaded=true]{background:var(--surface-3)}.step[data-bar=true]{margin-left:4px}.step[aria-pressed=true]{background:var(--primary);border-color:var(--primary)}.step[aria-pressed=true]:after{content:"";background:var(--on-primary);border-radius:2px;width:8px;height:8px}.pr-scroll{max-height:22rem;margin-top:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:auto}.pr-keys{z-index:2;background:var(--surface);flex:none;position:sticky;left:0}.pr-key{padding-right:var(--space-2);text-align:right;white-space:nowrap;color:var(--text-muted);border-bottom:1px solid var(--lane-line);font-size:.75rem;line-height:18px;overflow:hidden}.pr-key[data-shaded=true]{background:var(--surface-3)}.pr-grid,.pr-velocity{background:var(--lane);flex:none;position:relative}.pr-grid{cursor:crosshair}.pr-row{background:var(--surface-2);pointer-events:none;position:absolute;left:0;right:0}.pr-line{background:var(--lane-line);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.pr-line[data-bar=true]{background:var(--lane-bar)}.pr-note{z-index:1;cursor:grab;border:1px solid color-mix(in srgb, var(--clip-pattern) 60%, black);background:var(--clip-pattern);border-radius:3px;position:absolute}.pr-note[aria-pressed=true]{background:var(--primary);border-color:var(--text)}.pr-note:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.pr-handle{cursor:ew-resize;background:#00000038;position:absolute;top:0;bottom:0;right:0}.pr-velocity-row{z-index:3;border-top:1px solid var(--border);display:flex;position:sticky;bottom:0}.pr-velocity-label{padding-right:var(--space-2);color:var(--text-muted);justify-content:flex-end;align-items:center;font-size:.75rem;display:flex}.pr-bar{cursor:ns-resize;background:var(--clip-pattern);width:5px;position:absolute;bottom:0}.pr-bar[data-selected=true]{background:var(--primary)}.param-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));display:grid}.param{color:var(--text-muted);flex-direction:column;gap:4px;font-size:.8125rem;display:flex}.param.param-switch{flex-direction:row;align-items:center;gap:8px}.param>:is(select,input){color:var(--text);width:100%}.param.param-switch>input{width:auto}.pad-table input[type=range]{width:7rem}.pad-table input[type=number]{width:4.5rem}.pad-table tbody tr+tr{border-top:1px solid var(--border)}.mixer-strips{gap:var(--space-2);padding:0 0 var(--space-2);margin:0;list-style:none;display:flex;overflow-x:auto}.strip{gap:var(--space-2);width:112px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);flex-direction:column;flex:none;font-size:.8125rem;display:flex}.strip[data-master=true]{border-color:var(--primary)}.strip[data-bus=true]{border-style:dashed}input.strip-name,.strip select{width:100%;min-width:0}.strip-name{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.strip-row{gap:var(--space-1);align-items:center;display:flex}.strip-row>button{flex:1;min-width:0;padding:0}.channel-eq{gap:var(--space-1);flex-direction:column;display:flex}.channel-eq-head{justify-content:space-between}.channel-eq-head>button{padding:0 var(--space-1);flex:none}.channel-eq-knobs{justify-items:center;row-gap:var(--space-1);grid-template-columns:repeat(2,1fr);display:grid}.channel-eq .dj-knob-body{fill:var(--surface-3);stroke:var(--border)}.channel-eq .dj-knob-track{stroke:var(--lane-line)}.channel-eq .dj-knob-pointer{stroke:var(--text)}.sends{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border);flex-direction:column;display:flex}.sends .strip-row{justify-content:space-between}.sends .strip-row>button{flex:none}.meter{background:var(--bg);border:1px solid var(--control-border);border-radius:3px;flex:none;position:relative;overflow:hidden}.meter[data-clipping=true]{border:2px solid var(--meter-clip)}.meter-fill{background:var(--meter-low);position:absolute}.meter[data-clipping=true] .meter-fill{background:var(--meter-clip)}.btn-mute[aria-pressed=true]{background:var(--warning);border-color:var(--warning);color:var(--on-warning)}.btn-solo[aria-pressed=true]{background:var(--focus);border-color:var(--focus);color:var(--on-primary)}:root[data-theme=light] .btn-solo[aria-pressed=true]{color:#fff}.chain{gap:var(--space-3);margin:0 0 var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.effect{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.effect[data-bypassed=true] .effect-name{color:var(--text-muted);text-decoration:line-through}.eq-curve{max-width:100%;height:auto;margin:var(--space-2) 0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);display:block}.settings{gap:var(--space-5);grid-template-columns:minmax(180px,220px) minmax(0,1fr);align-items:start;display:grid}.settings-nav{position:sticky;top:0}.settings-nav ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.settings-nav a{align-items:center;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text);font-size:.875rem;font-weight:550;text-decoration:none;display:flex}.settings-nav a:hover{background:var(--surface-2);color:var(--text)}.settings-nav a[aria-current=location]{background:var(--primary-soft);box-shadow:inset 3px 0 0 var(--primary)}.settings-nav a[aria-current=location] svg{color:var(--primary)}.settings-nav svg{color:var(--text-muted)}.settings-sections{gap:var(--space-4);max-width:880px;display:grid}.settings-sections>.panel{scroll-margin-top:var(--space-4)}.settings-lead{margin-top:-6px;margin-bottom:var(--space-3)}.desktop-only{margin:0;padding-left:1.25rem}.desktop-only li+li{margin-top:var(--space-2)}.swatch{border:1px solid var(--control-border);border-radius:50%;flex:none;width:22px;height:22px}.swatch[data-swatch=violet]{background:linear-gradient(135deg,#9d8fff 0 50%,#1b1f33 50% 100%)}.swatch[data-swatch=ocean]{background:linear-gradient(135deg,#6cb2ff 0 50%,#222d3b 50% 100%)}.swatch[data-swatch=aqua]{background:linear-gradient(135deg,#3fd0d4 0 50%,#1f2f31 50% 100%)}.swatch[data-swatch=rose]{background:linear-gradient(135deg,#ff8fb8 0 50%,#3a2730 50% 100%)}.swatch[data-swatch=tangerine]{background:linear-gradient(135deg,#ffa35c 0 50%,#332a25 50% 100%)}.swatch[data-swatch=slate]{background:linear-gradient(135deg,#b4bdd6 0 50%,#292c32 50% 100%)}:root[data-theme=light] .swatch[data-swatch=violet]{background:linear-gradient(135deg,#5140d6 0 50%,#eef0f7 50% 100%)}:root[data-theme=light] .swatch[data-swatch=ocean]{background:linear-gradient(135deg,#1f5fb8 0 50%,#dee6ee 50% 100%)}:root[data-theme=light] .swatch[data-swatch=aqua]{background:linear-gradient(135deg,#0b6e73 0 50%,#d9e7e9 50% 100%)}:root[data-theme=light] .swatch[data-swatch=rose]{background:linear-gradient(135deg,#b8285f 0 50%,#ede1e7 50% 100%)}:root[data-theme=light] .swatch[data-swatch=tangerine]{background:linear-gradient(135deg,#b04a0c 0 50%,#eae4df 50% 100%)}:root[data-theme=light] .swatch[data-swatch=slate]{background:linear-gradient(135deg,#46506e 0 50%,#e2e4e8 50% 100%)}.choice-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.choice{align-items:center;gap:var(--space-2);min-height:var(--control-h-lg);padding:0 var(--space-4);border:1px solid var(--control-border);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;font-size:.875rem;font-weight:550;display:inline-flex}.choice:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}.choice:has(input:focus-visible){outline:var(--focus-ring) solid var(--focus);outline-offset:2px}.choice input{accent-color:var(--primary);width:18px;height:18px;margin:0}@media (width<=768px){.settings{grid-template-columns:minmax(0,1fr)}.settings-nav{position:static}.settings-nav ul{flex-flow:wrap}.app-main{padding:var(--space-3)}}.dialog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(720px,100vw - 32px);max-height:min(86dvh,900px);color:var(--text);box-shadow:var(--shadow);padding:0}.dialog[open]{animation:dialog-in .2s var(--ease-out);flex-direction:column;display:flex}.dialog::backdrop{background:var(--scrim)}.dialog-head{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex}.dialog-head h2{margin-right:auto}.dialog-body{padding:var(--space-4) var(--space-5) var(--space-5);line-height:1.6;overflow-y:auto}.dialog-body h3{margin:var(--space-5) 0 var(--space-2)}.dialog-body p+p{margin-top:var(--space-2)}.dialog-body ul{margin:var(--space-2) 0;padding-left:1.25rem}.dialog-body li+li{margin-top:var(--space-2)}.dialog-foot{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.policy-updated{color:var(--text-muted);font-size:.8125rem}.status-box{gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--play);border-radius:var(--radius);background:color-mix(in srgb, var(--play) 10%, var(--surface));align-items:flex-start;display:flex}.status-box svg{color:var(--play);flex:none;margin-top:2px}.table-scroll{margin-top:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto}.table-scroll table{width:100%;min-width:560px;font-size:.875rem}.table-scroll caption{text-align:left;padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:.8125rem}.table-scroll td,.table-scroll th{padding:var(--space-2) var(--space-3);vertical-align:top}.table-scroll tbody tr+tr{border-top:1px solid var(--border)}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.cookie-banner{gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border-top:1px solid var(--control-border);box-shadow:var(--shadow);animation:dialog-in .25s var(--ease-out);flex:none;align-items:flex-start;display:flex}.cookie-banner>div{max-width:960px}.cookie-banner>svg{color:var(--primary);flex:none;margin-top:2px}.cookie-banner .row{margin-top:var(--space-2)}.link-button{min-width:0;min-height:0;color:var(--primary);font-weight:inherit;font-size:inherit;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline;display:inline}.link-button:hover:not(:disabled){color:var(--primary-hover);background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--border:var(--control-border);--text-muted:var(--text)}}@media (forced-colors:active){button[aria-pressed=true],.step[aria-pressed=true],.pr-note[aria-pressed=true],.menu-item[aria-checked=true],.widget-bar>button[aria-pressed=true]{outline:2px solid canvastext}.meter-fill,.playhead,.pr-note,.pr-bar,.clip-note{forced-color-adjust:none;background:highlight}}.mt-3{margin-top:var(--space-3)}.tempo-lane{background:var(--surface-2)}.tempo-change{padding:0 var(--space-2);border-left:2px solid var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:grab;background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.75rem;font-weight:600;position:absolute;top:3px;bottom:3px}.tempo-change[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text)}.section-lane{background:var(--surface-2)}.section{padding:0 var(--space-2);border-left:2px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--primary-soft);color:var(--text);white-space:nowrap;cursor:pointer;align-items:center;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:3px;bottom:3px;overflow:hidden}.section[aria-pressed=true]{background:var(--primary);color:var(--on-primary);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text)}.section[aria-pressed=true] .section-name:before{content:"▶ "}.section-name{text-overflow:ellipsis;overflow:hidden}.section-handle{cursor:ew-resize;width:6px;position:absolute;top:0;bottom:0}.bar-line{background:var(--lane-bar);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.sample-browser-body{gap:var(--space-2);flex-direction:column;min-height:0;display:flex}.widget[data-sized] .sample-browser{flex-direction:column;display:flex}.widget[data-sized] .sample-browser-body{flex:1}.widget[data-sized] .sample-tree{flex:1 1 0;min-height:6rem;max-height:none}.sample-toolbar{flex-wrap:nowrap}.sample-search{flex:1;align-items:center;min-width:8rem;display:flex;position:relative}.sample-search input{min-width:0;min-height:var(--control-h-sm);padding-right:calc(var(--control-h-xs) + var(--space-2));flex:1}.sample-search input::-webkit-search-cancel-button{appearance:none}.sample-search button{min-height:var(--control-h-xs);min-width:var(--control-h-xs);position:absolute;right:2px}.sample-summary{min-height:1lh;margin:0}.sample-tree{max-height:22rem;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius);background:var(--lane);overscroll-behavior:contain;overflow-y:auto}.sample-item{min-height:32px;padding:0 var(--space-2) 0 calc(var(--space-1) + var(--level,0) * 18px);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--fast) var(--ease-out);align-items:center;gap:6px;font-size:.875rem;display:flex}.sample-item:hover{background:var(--surface-2)}.sample-item[aria-selected=true]{background:var(--primary-soft)}.sample-item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.sample-item[draggable=true]{cursor:grab}.sample-item[draggable=true]:active{cursor:grabbing}.sample-item[data-kind=root]{font-weight:600}.sample-item[data-kind=status],.sample-item[data-kind=more]{color:var(--text-muted);font-size:.8125rem}.sample-item[data-kind=more]{text-underline-offset:2px;text-decoration:underline}.sample-item[data-tone=error]{color:var(--record);cursor:default}.sample-item[data-tone=loading],.sample-item[data-tone=empty]{cursor:default}.sample-item-chevron,.sample-item-icon{width:14px;color:var(--text-muted);flex:none;display:inline-flex}.sample-item-chevron svg{transition:transform var(--fast) var(--ease-out)}.sample-item[aria-expanded=true] .sample-item-chevron svg{transform:rotate(90deg)}.sample-item[data-kind=folder] .sample-item-icon,.sample-item[data-kind=root] .sample-item-icon{color:var(--kind-drum)}.sample-item[data-kind=file] .sample-item-icon{color:var(--kind-audio)}.sample-item[data-playing] .sample-item-icon,.sample-item[data-playing] .sample-item-name{color:var(--play)}.sample-item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sample-item-name mark{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);text-underline-offset:2px;background:0 0;font-weight:700;text-decoration-thickness:2px}.sample-item-count,.sample-item-format{color:var(--text-muted);flex:none;font-size:.75rem;font-weight:500}.sample-item-format{background:var(--surface-3);letter-spacing:.02em;border-radius:999px;padding:1px 6px}.sample-item-action{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text);opacity:0;transition:opacity var(--fast) var(--ease-out), background-color var(--fast) var(--ease-out);flex:none;justify-content:center;align-items:center;display:inline-flex}.sample-item:hover .sample-item-action,.sample-item[aria-selected=true] .sample-item-action,.sample-item[data-playing] .sample-item-action{opacity:1}.sample-item-action:hover{background:var(--surface-3)}.sample-item-action[data-disabled]{cursor:not-allowed;opacity:.4!important}@media (hover:none){.sample-item-action{opacity:1}}.sample-details{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);flex-wrap:wrap;display:flex}.sample-details-name{flex-direction:column;min-width:0;display:flex}.sample-details-name strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sample-details :is(select,button){min-height:var(--control-h-sm)}.sample-empty{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.sample-empty p{max-width:32ch;margin:0}.sample-clear{align-self:flex-start}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.drop-target{outline:2px dashed var(--focus);outline-offset:-2px}.lane-name{text-overflow:ellipsis;overflow:hidden}.lane-label button[data-automated=true]{color:var(--focus)}.lane-head{padding-right:var(--space-1);gap:2px}.lane-head .lane-name{flex:1;min-width:0}.lane-head-buttons{flex:none;gap:2px;display:flex}.lane-label .btn-sm{min-height:var(--control-h-xs);min-width:var(--control-h-xs);font-size:.75rem}.lane-grip{cursor:grab;color:var(--text-muted)}.lane-head[data-drop=before]{box-shadow:inset 0 3px 0 var(--focus)}.lane-head[data-drop=after]{box-shadow:inset 0 -3px 0 var(--focus)}.master-lane{background:var(--surface-2);height:26px}.automation-label{gap:var(--space-1)}.automation-label :is(select,.lane-name){flex:1;min-width:0}.automation-lane{background:var(--surface-2)}.automation-line{pointer-events:none;position:absolute;inset:0}.automation-line polyline{stroke:var(--text-muted);stroke-width:1.5px;stroke-dasharray:4 3}.automation-line polyline[data-automated=true]{stroke:var(--focus);stroke-width:2px;stroke-dasharray:none}.breakpoint{background:var(--surface);border:2px solid var(--focus);cursor:grab;border-radius:50%;width:10px;height:10px;position:absolute}.breakpoint[data-hold=true]{border-radius:1px}.breakpoint[aria-pressed=true]{background:var(--focus);box-shadow:0 0 0 2px var(--surface)}.automation-hint{left:var(--space-2);color:var(--text-muted);pointer-events:none;font-size:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.automated{color:var(--focus);font-size:.75rem;font-weight:600}.update-notice{margin-bottom:var(--space-3);flex-wrap:wrap;align-items:center}.update-notice>svg{color:var(--primary);flex:none}.update-notice>span{flex:1}.update-notes{white-space:pre-wrap}.audio-editor{gap:var(--space-2);flex-direction:column;scroll-margin-top:33vh;display:flex}.audio-editor-clip{margin-left:var(--space-2);font-weight:400}.audio-editor-tools{flex-wrap:wrap}.audio-editor-view{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--lane);cursor:text;touch-action:pan-x;-webkit-user-select:none;user-select:none;flex:1 0 auto;min-height:176px;position:relative;overflow:auto hidden}.audio-editor-view:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.audio-editor-content{min-width:100%;position:absolute;inset:0 auto 0 0}.audio-editor-ruler{border-bottom:1px solid var(--lane-line);background:var(--surface-2);height:22px;position:absolute;inset:0 0 auto}.audio-editor-tick{border-left:1px solid var(--lane-bar);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:4px;font-size:.6875rem;line-height:22px;position:absolute;top:0;bottom:0}.audio-editor-slice{pointer-events:none;position:absolute;top:22px;bottom:0}.audio-editor-slice:nth-child(odd of .audio-editor-slice){background:color-mix(in srgb, var(--kind-audio) 5%, transparent)}.audio-editor-slice[data-selected]{background:color-mix(in srgb, var(--primary) 16%, transparent);box-shadow:inset 0 -3px 0 var(--primary)}.audio-editor-slice[data-excluded]{background:repeating-linear-gradient(135deg, transparent 0 6px, color-mix(in srgb, var(--text-muted) 32%, transparent) 6px 8px)}.audio-editor-slice-label{border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-variant-numeric:tabular-nums;padding:0 4px;font-size:.6875rem;font-weight:600;position:absolute;top:4px;left:6px}.audio-editor-grid-line{background:var(--lane-line);pointer-events:none;width:1px;position:absolute;top:22px;bottom:0}.audio-editor-wave{height:calc(100% - 22px);fill:var(--kind-audio);pointer-events:none;position:absolute;top:22px;bottom:0}.audio-editor-axis{stroke:var(--lane-bar);stroke-width:1px}.audio-editor-samples{fill:none;stroke:var(--kind-audio);stroke-width:1.5px}.audio-editor-status-over{top:50%;left:var(--space-3);margin:0;position:absolute;transform:translateY(-50%)}.audio-editor-cut{cursor:ew-resize;touch-action:none;width:24px;margin-left:-12px;position:absolute;top:0;bottom:0}.audio-editor-cut:before{content:"";background:var(--primary);width:2px;position:absolute;top:0;bottom:0;left:11px}.audio-editor-cut:after{content:"";border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--primary);width:12px;height:14px;transition:transform var(--fast) var(--ease-out);position:absolute;top:0;left:6px}.audio-editor-cut:hover:after,.audio-editor-cut:focus-visible:after{transform-origin:top;transform:scaleY(1.3)}.audio-editor-cut:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:var(--radius-sm)}.audio-editor-cursor,.audio-editor-playhead{border-left:1px dashed var(--text);pointer-events:none;width:0;position:absolute;top:0;bottom:0}.audio-editor-playhead{border-left:2px solid var(--playhead)}.audio-editor-readout{gap:var(--space-1) var(--space-4);flex-wrap:wrap;margin:0;display:flex}.audio-editor-slices{max-height:13rem;margin-top:0;overflow-y:auto}.audio-editor-slices tbody tr{cursor:pointer}.audio-editor-slices td{vertical-align:middle}.audio-editor-slices tr[aria-selected=true]{background:var(--primary-soft)}.audio-editor-slices tr[data-excluded] td:not(:first-child,:nth-child(6)){color:var(--text-muted);text-decoration:line-through}.audio-editor-slices input:not([type]){width:100%;min-width:8em}.track-row[data-editing]{box-shadow:inset 0 0 0 1px var(--primary)}.track-row[data-kind=audio]{cursor:pointer}@media (prefers-reduced-motion:reduce){.audio-editor-cut:after{transition:none}}.piano{height:132px;margin:var(--space-2) 0;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:var(--radius-sm);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 6px 8px -6px #0009}.piano[aria-disabled=true]{opacity:.7}.piano-white{cursor:pointer;background:linear-gradient(#fff,#e9ebf3);border:1px solid #9aa1bd;border-top:none;border-radius:0 0 4px 4px;flex:1 1 0;min-width:0;position:relative}.piano-black{z-index:1;cursor:pointer;background:linear-gradient(#3a3f5c,#0b0d17);border:1px solid #0b0d17;border-radius:0 0 3px 3px;height:60%;position:absolute;top:0}.piano-white[data-in-key=true]{background:linear-gradient(#fff,#dcd7ff)}.piano-black[data-in-key=true]{background:linear-gradient(#4a4380,#1b1740)}.piano-white[data-root=true]:before,.piano-black[data-root=true]:before{content:"";background:#5140d6;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;bottom:22px;left:50%}.piano-white[data-playing=true],.piano-black[data-playing=true]{background:var(--play)}.piano-white[data-held=true],.piano-black[data-held=true]{background:var(--primary);box-shadow:inset 0 3px 6px #00000059}.piano-label{text-align:center;color:#141726;pointer-events:none;font-size:.7rem;position:absolute;bottom:4px;left:0;right:0}.chord-readout{min-width:5em;padding:2px var(--space-2);text-align:center;color:var(--text);background:var(--surface-3);border-radius:var(--radius-sm);font-weight:600}.mini-piano{width:100%;height:56px;margin:var(--space-2) 0;display:block}.mini-piano-white{fill:#f5f6fb;stroke:#9aa1bd;stroke-width:1px}.mini-piano-black{fill:#141726}.mini-piano-white[data-state=playing],.mini-piano-black[data-state=playing]{fill:var(--play)}.mini-piano-white[data-state=held],.mini-piano-black[data-state=held]{fill:var(--primary)}.mini-piano-dot{fill:#5140d6}.mini-piano-black+.mini-piano-dot{fill:#b3a8ff}.mini-piano-label{fill:#141726;font-size:7px}.step[data-playing=true]{outline:2px solid var(--play);outline-offset:-2px}.step-grid th[data-sounding=true],.pr-key[data-sounding=true]{color:var(--on-play);background:var(--play)}.pr-key[data-black=true]{background:var(--surface-3);box-shadow:inset -24px 0 0 var(--bg)}.pr-note[data-sounding=true]{box-shadow:0 0 0 2px var(--play)}.pr-playhead{z-index:2;pointer-events:none;background:var(--playhead);width:2px;position:absolute;top:0;bottom:0}.chord-pads{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(84px,1fr));display:grid}.chord-pad{min-height:64px;padding:var(--space-2);border-radius:var(--radius);background:var(--surface-2);touch-action:none;border-width:1px 1px 1px 4px;flex-direction:column;align-items:center;gap:2px;display:flex}.chord-pad:active{background:var(--primary-soft);transform:translateY(1px)}.chord-pad-name{font-size:1.1rem;font-weight:700}.chord-pad-numeral{color:var(--text-muted);font-size:.8rem}[data-function=tonic]{border-left-color:var(--play)}[data-function=subdominant]{border-left-color:var(--focus)}[data-function=dominant]{border-left-color:var(--warning)}[data-function=borrowed]{border-left-color:var(--kind-instrument)}.chord-legend{gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.chord-legend>span{padding-left:var(--space-2);border-left:4px solid}.progression{gap:2px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.progression>li{justify-content:space-between;align-items:center;gap:var(--space-1,4px);min-width:64px;padding:var(--space-1,4px) var(--space-2);background:var(--surface-2);border-left:4px solid var(--border);border-radius:var(--radius-sm);flex:1 0 auto;font-weight:600;display:flex}.note-preview{background:var(--lane);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:72px;display:block}.tool-groups{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.tool-group{gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);flex-direction:column;margin:0;display:flex}.tool-group>legend{padding:0 var(--space-1,4px);font-weight:600}.meter-bridge{gap:var(--space-3);align-items:stretch;height:160px;min-height:0;display:flex}.meter-scale{width:2em;color:var(--text-muted);flex:none;font-size:.7rem;position:relative}.meter-scale>span{position:absolute;right:0;transform:translateY(50%)}.meter-master{width:28px}.meter-gradient{background:linear-gradient(to top, var(--meter-low) 0%, var(--meter-low) 70%, var(--warning) 88%, var(--meter-clip) 100%);background-position:bottom;background-size:100% 160px}.meter-peak{background:var(--text);height:2px;position:absolute;left:0;right:0}.level-history{background:var(--lane);border:1px solid var(--border);border-radius:var(--radius-sm);flex:200px;min-width:120px;height:100%}.channel-meters{flex:200px;gap:6px;display:flex;overflow-x:auto}.channel-meter{flex-direction:column;flex:none;align-items:center;gap:2px;width:36px;display:flex}.channel-meter>.meter{flex:1;width:12px}.channel-meter[data-bus=true]>.meter{border-style:dashed}.channel-meter-name{text-overflow:ellipsis;white-space:nowrap;max-width:36px;color:var(--text-muted);font-size:.7rem;overflow:hidden}button[data-clipping=true]{color:var(--on-record);background:var(--record);border-color:var(--record)}.song-overview{background:var(--lane);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:100%;min-height:48px;display:block}.eq-display{width:100%;height:260px;margin:var(--space-2) 0;background:radial-gradient(ellipse at 50% 120%, var(--primary-soft), var(--bg) 70%);border:1px solid var(--border);border-radius:var(--radius);touch-action:none;-webkit-user-select:none;user-select:none;display:block}.eq-display[data-bypassed=true]{opacity:.55;filter:grayscale()}.eq-axis{fill:var(--text-muted);font-size:11px}.eq-node{cursor:grab}.eq-node[data-active=false]{opacity:.45}.eq-node[data-focused=true] ellipse{stroke:var(--text)}.eq-bands{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.eq-band{gap:var(--space-1,4px);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);border-top:4px solid;flex-direction:column;margin:0;display:flex}.eq-band[data-focused=true]{background:var(--surface-3)}.eq-band>legend{font-weight:600}@media (prefers-reduced-motion:reduce){.chord-pad:active{transform:none}}.effect-visual{width:100%;max-width:480px;height:120px;margin:var(--space-2) 0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);display:block}.effect[data-bypassed=true] .effect-visual{opacity:.5}.effect-visual-label{fill:var(--text-muted);font-size:11px}.synth-visuals{gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.synth-visual{margin:0}.synth-visual>svg{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:90px;display:block}.synth-visual>figcaption{color:var(--text-muted);margin-top:2px;font-size:.75rem}.meter-with-scale{flex:none;gap:2px;display:flex}.meter-ticks{width:1.8em;color:var(--text-muted);font-size:.6rem;position:relative}.meter-ticks>span{position:absolute;left:0;transform:translateY(50%)}.pan-label{align-items:center;gap:var(--space-1);display:inline-flex}.pan-dial{flex:none}.transport-lcd{align-items:center;column-gap:var(--space-2);grid-template-columns:auto auto;display:inline-grid}.transport-clock{font-family:var(--mono);color:var(--text-muted)}.beat-lights{grid-column:1/-1;justify-content:center;gap:3px;display:flex}.beat-lights>span{background:var(--lane-line);border-radius:2px;width:8px;height:4px}.beat-lights>span[data-downbeat=true]{background:var(--lane-bar)}.beat-lights>span[data-on=true]{background:var(--play)}.beat-lights>span[data-on=true][data-downbeat=true]{background:var(--record)}.drum-kit{margin:0 0 var(--space-3)}.drum-kit>svg{background:radial-gradient(ellipse at 50% 100%, var(--surface-3), var(--bg) 75%);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:560px;height:auto;margin:0 auto;display:block}.drum-kit-stand{stroke:var(--control-border);stroke-width:2px}.drum-kit-shell{fill:var(--kind-drum);stroke:var(--surface);stroke-width:2px}.drum-kit-head{fill:#f5f1e6;stroke:#c9c1a8}.drum-kit-port{fill:#141726;opacity:.8}.drum-kit-metal{fill:#e0b63a;stroke:#8a6a12;stroke-width:1px}.drum-kit-bell{fill:#8a6a12}.drum-kit-label{text-anchor:middle;fill:#141726;pointer-events:none;font-size:10px;font-weight:600}.drum-kit-piece[data-shape=cymbal] .drum-kit-label{fill:var(--text)}.drum-kit-pedal{fill:var(--control-border);stroke:var(--surface);stroke-width:1.5px}.drum-kit-piece[data-shape=pedal] .drum-kit-label{fill:var(--text);font-size:7px}.drum-kit-chip-label{text-anchor:middle;fill:var(--text);pointer-events:none;font-size:7px;font-weight:600}.drum-kit-piece[data-hit=true] .drum-kit-pedal{fill:var(--play)}.drum-kit-piece[data-empty=true]{opacity:.35}.drum-kit-piece[role=button]{cursor:pointer}.drum-kit-piece:focus-visible{outline:none}.drum-kit-piece:focus-visible :is(.drum-kit-shell,.drum-kit-metal){stroke:var(--focus);stroke-width:3px}.drum-kit-piece[data-hit=true] .drum-kit-head{fill:var(--play)}.drum-kit-piece[data-hit=true] .drum-kit-metal{fill:#fff3b0;filter:drop-shadow(0 0 6px #fbbf24)}.drum-kit-piece[data-hit=true]{transform-box:fill-box;transform-origin:50%;animation:.12s ease-out drum-hit}@keyframes drum-hit{0%{transform:scale(1.06)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.drum-kit-piece[data-hit=true]{animation:none}}:root{--dj-low:#ff4d5ed9;--dj-mid:#3ddc97b3;--dj-high:#5aa8ffbf;--dj-screen:#05070c;--dj-screen-ink:#eef0fa;--dj-screen-muted:#a9b0cd}.dj-hw{box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07080b;--surface:#1d2028;--surface-2:#272b35;--surface-3:#333845;--border:#3b4150;--control-border:#7c849b;--text:#eef0f6;--text-muted:#b4bacb;--primary:#9d8fff;--on-primary:#0b0d17;--focus:#7dd3fc;--play:#3ddc97;--on-play:#06140e;--warning:#fbbf24;--on-warning:#1a1204;--record:#ff6b6b;--on-record:#1a0606;--meter-low:#3ddc97;--meter-clip:#ff5c5c;--lane-line:#3b4150;--dj-amber:#ffa630;--dj-knob-arc:#e8ecf5;--dj-light:#bcd4ff;--deck:#4aa8ff;color:var(--text);background:repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 3px),linear-gradient(#2c3039 0%,#1e2128 45%,#16181d 100%);border:1px solid #07080a;border-radius:14px;position:relative;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0009,0 10px 30px #00000059}[data-deck="1"]{--deck:#ff7a3d}[data-deck="2"]{--deck:#3ddc97}[data-deck="3"]{--deck:#c28bff}.dj-hw :focus-visible{outline:3px solid var(--focus);outline-offset:2px}.dj-page{gap:var(--space-3);flex-direction:column;min-width:0;max-width:100%;display:flex;position:relative}.dj-toolbar{gap:var(--space-3);flex-wrap:wrap}.dj-layout{gap:2px;display:inline-flex}.dj-assign-button{border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);padding:4px 10px;font-size:.75rem;font-weight:600}.dj-assign-button[aria-checked=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.dj-hw-caption,.dj-hw-title,.dj-readout-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.62rem;font-weight:700}.dj-hw-title{color:var(--text);margin:0;font-size:.72rem}.dj-hw-note{color:var(--text-muted);margin:0;font-size:.7rem}.dj-hw-value{text-align:center;font-size:.8rem;font-weight:700}.dj-hw-button{--light:var(--dj-light);min-height:30px;color:var(--text);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#3b404c,#262a33);border:1px solid #050608;border-radius:5px;padding:5px 6px;font-size:.62rem;font-weight:800;line-height:1.1;transition:box-shadow 80ms;position:relative;box-shadow:inset 0 1px #ffffff24,0 2px 3px #0000008c}.dj-hw-button:hover:not(:disabled){background:linear-gradient(#444a57,#2b303a)}.dj-hw-button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 3px #0009}.dj-hw-button:disabled{opacity:.45;cursor:default}.dj-hw-button[data-tone=amber]{--light:var(--dj-amber)}.dj-hw-button[data-tone=green]{--light:#3ddc97}.dj-hw-button[data-tone=red]{--light:#ff6b6b}.dj-hw-button[data-tone=blue]{--light:#4aa8ff}.dj-hw-button[aria-pressed=true]{background:linear-gradient(#2a2f3b,#1b1e26)}.dj-hw-button[data-light],.dj-cue[data-light],.dj-play[data-light],.dj-fx-lever[data-light]{border-color:var(--light);color:var(--light);box-shadow:0 0 0 1px var(--light), 0 0 12px color-mix(in srgb, var(--light) 55%, transparent), inset 0 0 6px color-mix(in srgb, var(--light) 18%, transparent)}[data-light=blink]{animation:1s steps(2,jump-none) infinite dj-blink}@keyframes dj-blink{50%{box-shadow:0 0 0 1px color-mix(in srgb, var(--light) 35%, transparent);border-color:color-mix(in srgb, var(--light) 45%, #050608)}}.dj-hw-column{flex-direction:column;gap:6px;min-width:0;display:flex}.dj-hw-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dj-hw-pair{grid-template-columns:1fr 1fr;gap:4px;display:grid}.dj-hw-stepper{grid-template-columns:auto 1fr auto;align-items:center;gap:4px;display:grid}.dj-hw-button[data-wide]{width:100%}.dj-hw-section{background:#0000002e;border:1px solid #0b0c10;border-radius:8px;flex-direction:column;gap:5px;padding:6px;display:flex;box-shadow:inset 0 1px #ffffff0a}.dj-hw-steps{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.dj-hw-step,.dj-switch-position{min-height:24px;color:var(--text-muted);letter-spacing:.04em;background:#16181d;border:1px solid #050608;border-radius:4px;padding:2px 4px;font-size:.6rem;font-weight:800}.dj-hw-step[aria-checked=true],.dj-switch-position[aria-checked=true]{color:#0b0d12;background:#e8ecf5}.dj-switch{background:#050608;border-radius:5px;grid-auto-columns:1fr;grid-auto-flow:column;gap:1px;padding:2px;display:inline-grid}.dj-badge{letter-spacing:.06em;border-radius:3px;padding:1px 6px;font-size:.62rem;font-weight:800}.dj-badge[data-kind=master]{background:var(--dj-amber);color:#1a1204}.dj-badge[data-kind=sync]{color:#04111f;background:#4aa8ff}.dj-badge[data-kind=mt]{color:#1a0606;background:#ff6b6b}.dj-stack{box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto;gap:8px;height:100%;padding:8px;display:grid}.dj-stack-lanes{flex-direction:column;gap:3px;min-width:0;display:flex}.dj-stack-lane{border-left:4px solid var(--deck);background:var(--dj-screen);border-radius:4px;flex:auto;grid-template-columns:minmax(96px,170px) minmax(0,1fr);align-items:stretch;gap:6px;display:grid}.dj-stack-label{min-width:0;color:var(--dj-screen-ink);align-items:center;gap:6px;padding:4px 6px;display:flex}.dj-stack-facts{flex-direction:column;min-width:0;font-size:.72rem;line-height:1.3;display:flex}.dj-stack-facts .dj-badge{margin-left:4px}.dj-stack-title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.dj-stack-remain{color:var(--dj-screen-muted)}.dj-stack-wave{flex-direction:column;min-width:0;display:flex}.dj-stack-scrub{touch-action:none;cursor:grab;flex-direction:column;flex:auto;min-height:60px;display:flex}.dj-stack-scrub:active{cursor:grabbing}.dj-stack-scrub:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.dj-stack-lane .dj-overview{border-radius:0 0 4px;height:14px}.dj-stack-lane .dj-zoom{border-radius:0 4px 0 0;flex:1 1 0;height:0;min-height:60px}.dj-stack-empty{height:100%;min-height:64px;color:var(--dj-screen-muted);place-items:center;font-size:.72rem;display:grid}.dj-stack-zoom{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.dj-stack-lane[data-playing=true] .dj-deck-number{box-shadow:0 0 10px var(--deck)}.dj-stage{gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"left right""mixer mixer";align-items:start;min-width:0;display:grid}.dj-decks{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.dj-decks-left{grid-area:left}.dj-decks-right{grid-area:right}.dj-stage>.dj-mixer{grid-area:mixer;justify-self:center;width:min(100%,600px);min-width:0}.dj-stage[data-layout="4"]>.dj-mixer{width:min(100%,760px)}@media (width>=1500px){.dj-stage{grid-template-columns:minmax(0,1fr) minmax(520px,600px) minmax(0,1fr);grid-template-areas:"left mixer right"}.dj-stage[data-layout="4"]{grid-template-columns:minmax(0,1fr) minmax(600px,700px) minmax(0,1fr)}.dj-stage>.dj-mixer,.dj-stage[data-layout="4"]>.dj-mixer{justify-self:stretch;width:auto}}@media (width<=900px){.dj-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"left""mixer""right"}}.dj-deck{flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex;container-type:inline-size}.dj-deck[data-drop]{outline:3px dashed var(--deck);outline-offset:-3px}.dj-drop-veil{z-index:5;color:#fff;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:#05070cb8;border-radius:14px;place-items:start center;padding-top:88px;font-size:1rem;font-weight:800;display:grid;position:absolute;inset:0}.dj-deck[data-playing=true]{box-shadow:inset 0 1px 0 #ffffff1a, 0 0 0 1px color-mix(in srgb, var(--deck) 60%, transparent), 0 10px 30px #00000059;border-color:#000}.dj-deck-top{grid-template-columns:78px minmax(0,1fr) 78px;align-items:start;gap:10px;display:grid}.dj-deck-source .dj-hw-button,.dj-deck-grid .dj-hw-button{width:100%}.dj-deck-grid{text-align:center;align-items:stretch}.dj-deck-number{background:var(--deck);color:#07080b;border-radius:4px;flex:none;place-items:center;width:1.6em;height:1.6em;font-weight:900;display:inline-grid}.dj-screen{background:var(--dj-screen);min-width:0;color:var(--dj-screen-ink);border:2px solid #000;border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex;box-shadow:inset 0 0 18px #4aa8ff14,0 0 0 1px #3b4150}.dj-screen-head{align-items:center;gap:6px;min-width:0;display:flex}.dj-deck-title{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:.9rem;overflow:hidden}.dj-screen-error{color:#ff9d9d;margin:0;font-size:.75rem}.dj-readouts{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:4px;display:grid}.dj-readout{background:#0b0e17;border:1px solid #262b3d;border-radius:3px;flex-direction:column;gap:1px;min-width:0;padding:3px 6px;display:flex}.dj-readout .dj-readout-label{color:var(--dj-screen-muted);font-size:.58rem}.dj-readout-sub{color:var(--dj-screen-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.dj-readout[data-main=true] .dj-time{color:#fff;font-size:1.15rem}.dj-time{font-size:.95rem;font-weight:700}.dj-bpm{color:#fff;font-size:1.15rem;font-weight:800}.dj-readout[data-warn=true]{border-color:#ff5c5c;animation:.5s steps(2,jump-none) infinite dj-warn}.dj-readout[data-compatible=true]{border-color:#3ddc97}.dj-readout[data-compatible=false]{border-color:#fbbf24}@keyframes dj-warn{0%{background:#ff5c5c66}to{background:#0b0e17}}.dj-empty{text-align:center;color:var(--dj-screen-muted);margin:0;padding:14px 8px;font-size:.78rem}.dj-overview,.dj-zoom{background:#0b0e17;border-radius:3px;width:100%;display:block}.dj-overview{cursor:pointer;height:44px}.dj-bands path{mix-blend-mode:screen}.dj-played{fill:#05070c8c}.dj-loop{fill:#fbbf2438;stroke:#fbbf24}.dj-playhead{stroke:#fff;stroke-width:2px}.dj-cue-line{stroke:#fbbf24;stroke-width:2px}.dj-beat-line{stroke:#ffffff40;stroke-width:1px}.dj-bar-line{stroke:#ff5c5cd9;stroke-width:1.5px}.dj-bar-number{fill:#eef0fa;font-size:9px}.dj-pads-row{flex-direction:column;gap:6px;display:flex}.dj-hot-cues{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;display:grid}.dj-hot-cue{min-height:38px;color:var(--text-muted);background:linear-gradient(#30343e,#22252d);border:1px solid #050608;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:2px;display:flex;box-shadow:inset 0 1px #ffffff14,0 2px 3px #00000080}.dj-hot-cue[data-set=true]{background:var(--pad);color:#07080b;box-shadow:0 0 12px color-mix(in srgb, var(--pad) 55%, transparent), inset 0 1px 0 #ffffff59}.dj-hot-cue:disabled{opacity:.55}.dj-hot-cue-letter{font-weight:900}.dj-hot-cue-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.58rem;font-weight:700;overflow:hidden}.dj-cue-names{flex-wrap:wrap;gap:6px;display:flex}.dj-cue-name{align-items:center;gap:4px;display:inline-flex}.dj-cue-name input{width:8em;color:var(--text);border:1px solid var(--control-border);background:#0b0e17;border-radius:4px}.dj-deck-body{grid-template-columns:128px minmax(0,1fr) 128px;align-items:start;gap:10px;display:grid}.dj-loop-size{color:var(--dj-amber);margin-left:4px}.dj-transport{flex-direction:column;align-items:center;gap:12px;margin-top:6px;display:flex}.dj-cue,.dj-play{--light:var(--dj-amber);width:70px;height:70px;color:var(--text);letter-spacing:.08em;background:radial-gradient(circle at 50% 30%,#464b58,#1b1e25 70%);border:4px solid #4a4f5b;border-radius:50%;place-items:center;font-size:.8rem;font-weight:900;display:grid;box-shadow:0 3px 6px #0009,inset 0 1px #ffffff26}.dj-play{--light:#3ddc97}.dj-play[aria-pressed=true],.dj-fx-lever[aria-pressed=true]{background:radial-gradient(circle at 50% 30%,#464b58,#1b1e25 70%)}.dj-cue:disabled,.dj-play:disabled{opacity:.5}.dj-deck-jog{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.dj-jog{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;filter:drop-shadow(0 6px 10px #0000008c);width:100%;max-width:300px}.dj-jog:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:50%}.dj-jog-ring{fill:#3a3f4b;stroke:#0a0b0e;stroke-width:2px}.dj-jog-track{fill:none;stroke:#0b0d12;stroke-width:6px}.dj-jog-progress{fill:none;stroke:var(--deck);stroke-width:6px}.dj-jog-platter{fill:#15181e;stroke:#000;stroke-width:1.5px}.dj-jog-groove{fill:none;stroke:#ffffff12}.dj-jog-mark{stroke:#eef0f6;stroke-width:5px;stroke-linecap:round}.dj-jog[data-playing=true] .dj-jog-mark{stroke:var(--deck)}.dj-jog-cue{stroke:#fbbf24;stroke-width:4px}.dj-jog-display{fill:#05070c;stroke:#3b4150;stroke-width:2px}.dj-jog-caption,.dj-jog-time,.dj-jog-bpm{text-anchor:middle;font-variant-numeric:tabular-nums}.dj-jog-caption{letter-spacing:.12em;fill:#b4bacb;font-size:9px;font-weight:700}.dj-jog-time{fill:#fff;font-size:17px;font-weight:800}.dj-jog-bpm{fill:var(--dj-amber);font-size:10px;font-weight:700}.dj-jog-modes,.dj-brakes{justify-content:center}.dj-brake-time{align-items:center;gap:4px;display:inline-flex}.dj-brake-time input{width:72px;accent-color:var(--dj-amber)}.dj-deck-right{align-items:stretch}.dj-deck-right>.dj-hw-button{width:100%}.dj-tempo{grid-template-columns:16px 1fr;justify-items:center;gap:4px;display:grid}.dj-tempo-scale{height:240px;color:var(--text-muted);flex-direction:column;justify-content:space-between;font-size:.7rem;font-weight:800;display:flex}.dj-tempo-fader,.dj-channel-fader,.dj-crossfader input[type=range]{appearance:none;cursor:pointer;background:0 0}.dj-tempo-fader,.dj-channel-fader{writing-mode:vertical-lr;width:36px}.dj-tempo-fader{height:240px}.dj-channel-fader{direction:rtl;height:150px}.dj-tempo-fader::-webkit-slider-runnable-track{background:#030406;border-radius:4px;width:8px;box-shadow:inset 0 0 0 1px #000,0 1px #ffffff14}.dj-channel-fader::-webkit-slider-runnable-track{background:#030406;border-radius:4px;width:8px;box-shadow:inset 0 0 0 1px #000,0 1px #ffffff14}.dj-tempo-fader::-webkit-slider-thumb{appearance:none;background:linear-gradient(#eef0f6,#a1a8ba 44%,#3b404c 50%,#a1a8ba 56%,#d5d9e3);border:1px solid #07080a;border-radius:3px;width:34px;height:18px;margin-left:-13px;box-shadow:0 2px 4px #0009}.dj-channel-fader::-webkit-slider-thumb{appearance:none;background:linear-gradient(#eef0f6,#a1a8ba 44%,#3b404c 50%,#a1a8ba 56%,#d5d9e3);border:1px solid #07080a;border-radius:3px;width:34px;height:18px;margin-left:-13px;box-shadow:0 2px 4px #0009}.dj-tempo-fader::-moz-range-track{background:#030406;border-radius:4px;width:8px}.dj-channel-fader::-moz-range-track{background:#030406;border-radius:4px;width:8px}.dj-tempo-fader::-moz-range-thumb{background:linear-gradient(#eef0f6,#a1a8ba 44%,#3b404c 50%,#a1a8ba 56%,#d5d9e3);border:1px solid #07080a;border-radius:3px;width:34px;height:18px}.dj-channel-fader::-moz-range-thumb{background:linear-gradient(#eef0f6,#a1a8ba 44%,#3b404c 50%,#a1a8ba 56%,#d5d9e3);border:1px solid #07080a;border-radius:3px;width:34px;height:18px}.dj-tempo-fader:disabled{opacity:.5}@container (width<=500px){.dj-deck-top{grid-template-columns:1fr 1fr;grid-template-areas:"screen screen""source grid"}.dj-screen{grid-area:screen}.dj-deck-source{grid-area:source}.dj-deck-grid{grid-area:grid}.dj-deck-source,.dj-deck-grid{flex-flow:wrap}.dj-deck-source .dj-hw-button,.dj-deck-grid .dj-hw-button{flex:1 0 auto;width:auto}.dj-hot-cues{grid-template-columns:repeat(4,minmax(0,1fr))}.dj-deck-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"jog jog""left right"}.dj-deck-jog{grid-area:jog}.dj-deck-left{grid-area:left}.dj-deck-right{grid-area:right}.dj-transport{flex-direction:row;justify-content:center}}.dj-mixer{flex-direction:column;gap:10px;padding:12px;display:flex;container-type:inline-size}.dj-mixer-head{border-bottom:1px solid #0b0c10;justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;display:flex}.dj-mixer-body{grid-template-columns:minmax(0,1fr) minmax(180px,210px);gap:10px;display:grid}.dj-channels{grid-template-columns:repeat(var(--channels,2), minmax(64px, 120px));justify-content:center;gap:4px;min-width:0;display:grid}.dj-channel{border:1px solid #0b0c10;border-top:3px solid var(--deck);background:#0003;border-radius:6px;flex-direction:column;align-items:center;gap:4px;min-width:0;margin:0;padding:6px 2px 8px;display:flex}.dj-channel-number{float:none;background:var(--deck);color:#07080b;border-radius:4px;place-items:center;width:1.6em;height:1.6em;padding:0;font-weight:900;display:grid}.dj-channel-bpm{background:var(--dj-screen);color:#fbbf24;border-radius:3px;padding:1px 5px;font-size:.68rem;font-weight:700}.dj-channel-eq{border-block:1px solid #0b0c10;flex-direction:column;gap:2px;padding:2px 0;display:flex}.dj-gr{min-height:1em;color:var(--dj-amber);font-size:.6rem}.dj-knob{flex-direction:column;align-items:center;gap:0;display:flex}.dj-knob svg{touch-action:none;cursor:ns-resize}.dj-knob svg:focus-visible{outline:3px solid var(--focus);outline-offset:1px;border-radius:50%}.dj-knob-body{fill:#2a2e37;stroke:#050608;stroke-width:1.5px}.dj-knob-track{fill:none;stroke:#0b0d12;stroke-width:3px}.dj-knob-arc{fill:none;stroke-width:3px;stroke-linecap:round}.dj-knob-pointer{stroke:#fff;stroke-width:2.5px;stroke-linecap:round}.dj-knob-label{letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;font-size:.58rem;font-weight:800}.dj-knob-value{color:var(--text-muted);white-space:nowrap;font-size:.58rem}.dj-eq{flex-direction:column;align-items:center;display:flex}.dj-kill{color:var(--text-muted);background:#16181d;border:1px solid #050608;border-radius:3px;padding:0 5px;font-size:.55rem;font-weight:800}.dj-kill[aria-pressed=true]{color:#1a0606;background:#ff6b6b}.dj-cue-button{width:100%;max-width:64px}.dj-fader-row{align-items:stretch;gap:4px;height:150px;display:flex}.dj-fader-slot{background:repeating-linear-gradient(0deg,#0000 0 14px,#ffffff14 14px 15px);border-radius:4px;place-items:center;padding:0 2px;display:grid}.dj-meter{background:#050608;border:1px solid #000;border-radius:2px;flex-direction:column;gap:2px;width:9px;padding:2px;display:flex}.dj-meter[data-clipping=true]{border-color:var(--meter-clip)}.dj-meter-segment{background:#1c1f26;border-radius:1px;flex:1}.dj-meter-segment[data-lit=true][data-zone=ok],.dj-meter-segment[data-peak=true][data-zone=ok]{background:#3ddc97;box-shadow:0 0 4px #3ddc9799}.dj-meter-segment[data-lit=true][data-zone=hot],.dj-meter-segment[data-peak=true][data-zone=hot]{background:#fbbf24;box-shadow:0 0 4px #fbbf2499}.dj-meter-segment[data-lit=true][data-zone=clip],.dj-meter-segment[data-peak=true][data-zone=clip]{background:#ff5c5c;box-shadow:0 0 4px #ff5c5cb3}.dj-channel .dj-switch{width:100%}.dj-channel .dj-switch-position{padding:2px 1px;font-size:.5rem}.dj-mixer-side{flex-direction:column;gap:8px;min-width:0;display:flex}.dj-master-row{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:6px;display:flex}.dj-master-meters{grid-template-columns:auto auto;gap:2px 3px;display:grid}.dj-master-meters .dj-meter{height:96px}.dj-meter-lr{color:var(--text-muted);text-align:center;font-size:.55rem;font-weight:800;display:contents}.dj-fx-buttons{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.dj-fx-button{padding:4px 2px;font-size:.55rem}.dj-fx-display{background:var(--dj-screen);color:var(--dj-screen-ink);border:2px solid #000;border-radius:4px;grid-template-columns:1fr auto;gap:1px 6px;padding:6px 8px;font-size:.7rem;display:grid}.dj-fx-name{letter-spacing:.06em;color:#7dd3fc;font-weight:800}.dj-fx-division{color:#fff;text-align:right;font-size:1rem;font-weight:800}.dj-fx-bpm,.dj-fx-target{color:var(--dj-screen-muted)}.dj-fx-target{text-align:right}.dj-fx-targets{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.dj-fx-lever{--light:#ff6b6b;width:52px;height:52px;color:var(--text);letter-spacing:.04em;background:radial-gradient(circle at 50% 30%,#464b58,#1b1e25 70%);border:3px solid #4a4f5b;border-radius:8px;font-size:.55rem;font-weight:900}.dj-rec[aria-pressed=true]{color:#ff9d9d}.dj-crossfader{border-top:1px solid #0b0c10;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding-top:8px;display:grid}.dj-crossfader-slot{justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.dj-crossfader input[type=range]{width:min(320px,100%);height:36px}.dj-crossfader input[type=range]::-webkit-slider-runnable-track{background:#030406;border-radius:4px;height:8px;box-shadow:inset 0 0 0 1px #000,0 1px #ffffff14}.dj-crossfader input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(90deg,#eef0f6,#a1a8ba 44%,#3b404c 50%,#a1a8ba 56%,#d5d9e3);border:1px solid #07080a;border-radius:3px;width:18px;height:34px;margin-top:-13px;box-shadow:0 2px 4px #0009}.dj-crossfader input[type=range]::-moz-range-track{background:#030406;border-radius:4px;height:8px}.dj-crossfader input[type=range]::-moz-range-thumb{background:linear-gradient(90deg,#eef0f6,#a1a8ba 44%,#3b404c 50%,#a1a8ba 56%,#d5d9e3);border:1px solid #07080a;border-radius:3px;width:18px;height:34px}@container (width<=560px){.dj-mixer-body{grid-template-columns:minmax(0,1fr)}.dj-mixer-side{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.dj-crossfader{grid-template-columns:minmax(0,1fr);justify-items:center}}.dj-browser:focus{outline:none}.dj-tabs{border-radius:var(--radius-sm);background:var(--surface-2);gap:2px;padding:2px;display:inline-flex}.dj-tab{color:var(--text);background:0 0;border:none;border-radius:5px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.dj-tab[aria-selected=true]{background:var(--primary);color:var(--on-primary)}.dj-browser .sample-browser{background:0 0;border:none;padding:0}.dj-browser-scroll{max-height:320px;overflow:auto}.dj-browser-table{border-collapse:collapse;width:100%}.dj-browser-table th,.dj-browser-table td{padding:4px var(--space-2);border-bottom:1px solid var(--border);text-align:left}.dj-browser-table tbody tr{cursor:grab}.dj-sort{color:var(--text);background:0 0;border:none;padding:0;font-weight:700}.dj-helper{gap:var(--space-2);display:grid}.dj-helper-decks tr[data-target=true]{background:var(--primary-soft)}.dj-helper tr[data-fit]>th{border-left:4px solid #0000}.dj-helper tr[data-fit=good]>th{border-left-color:var(--play)}.dj-helper tr[data-fit=fair]>th{border-left-color:var(--warning)}.dj-helper tr[data-fit=poor]>th{border-left-color:var(--record)}.dj-helper-picks h3{margin:0;font-size:.95rem}.dj-helper-picks ol{gap:var(--space-2);margin:var(--space-1) 0 0;padding-left:1.5em;display:grid}@media (prefers-reduced-motion:reduce){.dj-readout[data-warn=true],[data-light=blink]{animation:none}.dj-readout[data-warn=true]{background:#ff5c5c66}.dj-hw-button,.dj-hw-button:active:not(:disabled){transition:none;transform:none}}.mini-piano-key{cursor:pointer}.mini-piano-key:focus-visible{outline:none}.mini-piano-key:focus-visible>rect{stroke:var(--focus);stroke-width:2.5px}.pr-key[data-playable=true]{cursor:pointer}.synth-visual[data-interactive=true]>svg{touch-action:none}.synth-handle{cursor:grab}.synth-handle:active{cursor:grabbing}.synth-handle-target{fill:#0000}.synth-handle-dot{stroke:var(--surface);stroke-width:1.5px}.synth-handle:hover .synth-handle-dot,.synth-handle:focus-visible .synth-handle-dot{stroke:var(--text);stroke-width:2px}.synth-handle:focus-visible{outline:none}.synth-handle:focus-visible .synth-handle-target{fill:none;stroke:var(--focus);stroke-width:2px}.synth-visuals-hint{grid-column:1/-1;margin:0}.synth-visual[data-interactive=true]>svg{overflow:visible}.keys-panel{gap:var(--space-3);flex-direction:column;display:flex}.keys-source{border:0;margin:0;padding:0}.keys-browser-bar{justify-content:space-between;gap:var(--space-2)}.keys-categories{gap:var(--space-1);flex-wrap:wrap;display:flex}.keys-category[aria-checked=true]{background:var(--primary-soft);border-color:var(--primary)}.keys-search{align-items:center;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-2);border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);display:inline-flex}.keys-search:has(input:focus-visible){outline:var(--focus-ring) solid var(--focus);outline-offset:2px}.keys-search input{min-width:10rem;color:var(--text);background:0 0;border:0;outline:none}.keys-browser{gap:var(--space-2);max-height:320px;padding:0 var(--space-1) var(--space-1) 0;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));margin:0;list-style:none;display:grid;overflow-y:auto}.keys-preset{width:100%;min-height:64px;padding:var(--space-2) var(--space-3);border-radius:var(--radius);text-align:left;border-width:1px 1px 1px 4px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px;display:flex}.keys-preset-name{font-weight:700}.keys-preset-description{color:var(--text-muted);font-size:.8rem;font-weight:400;line-height:1.35}.keys-preset[aria-pressed=true] .keys-preset-description{color:var(--text)}:is(.keys-preset,.keys-category)[data-category=grand]{border-left-color:var(--kind-instrument)}:is(.keys-preset,.keys-category)[data-category=upright]{border-left-color:var(--warning)}:is(.keys-preset,.keys-category)[data-category=electric]{border-left-color:var(--focus)}:is(.keys-preset,.keys-category)[data-category=character]{border-left-color:var(--play)}.keys-category[data-category]:not([data-category=all]){border-left-width:4px}.keys-drop{align-items:center;gap:var(--space-3);padding:var(--space-4);border:2px dashed var(--control-border);border-radius:var(--radius);background:var(--surface-2);transition:border-color var(--fast) var(--ease-out), background-color var(--fast) var(--ease-out);flex-wrap:wrap;display:flex}.keys-drop[data-dragging=true]{border-color:var(--primary);background:var(--primary-soft)}.keys-drop-text{flex:12rem;gap:2px}.keys-file{min-height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface-3);cursor:pointer;align-items:center;font-size:.875rem;font-weight:550;display:inline-flex}.keys-file:has(input:focus-visible){outline:var(--focus-ring) solid var(--focus);outline-offset:2px}.keys-group>summary{min-height:var(--control-h);cursor:pointer;align-items:center;font-weight:600;display:flex}.keys-group>.param-grid{margin-top:var(--space-2)}@media (prefers-reduced-motion:reduce){.keys-drop{transition:none}}.dj-pc{gap:var(--space-3);padding:var(--space-3);flex-direction:column;min-width:0;display:flex;container-type:inline-size}.dj-pc-head{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.dj-pc-body{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;display:grid}.dj-pc-half{gap:10px;min-width:0;display:flex}.dj-pc-half[data-side=right]{flex-direction:row-reverse}.dj-pc-fx{border-inline:1px solid #0b0c10;flex-direction:column;flex:none;align-items:stretch;gap:6px;width:64px;padding-inline:4px;display:flex}.dj-pc-fx .dj-hw-button{min-height:34px}.dj-pc-strip{flex-direction:column;flex:1;align-items:center;gap:4px;min-height:180px;display:flex}.dj-pc-strip input[type=range]{writing-mode:vertical-lr;width:28px;min-height:160px;accent-color:var(--dj-amber);direction:rtl;background:linear-gradient(90deg,#0b0c10,#1a1d24 50%,#0b0c10);border-radius:6px;flex:1;box-shadow:inset 0 0 0 1px #050608}.dj-pc-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.dj-pc-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.dj-pc-half[data-side=right] .dj-pc-row{flex-direction:row-reverse}.dj-pc-loop,.dj-pc-parameter,.dj-pc-key,.dj-pc-load{flex-direction:column;gap:3px;display:flex}.dj-pc-key-caption{display:block}.dj-pc-key-sub{letter-spacing:.08em;color:var(--text-muted);margin-top:2px;font-size:.5rem;font-weight:700;display:block}.dj-hw-button[data-light] .dj-pc-key-sub{color:inherit;opacity:.8}.dj-pc-display{background:var(--dj-screen);color:var(--dj-screen-ink);letter-spacing:.08em;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:4px 8px;font-size:.66rem;font-weight:700;display:flex;box-shadow:inset 0 0 0 1px #000}.dj-pc-display-title{min-width:0;color:var(--dj-screen-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dj-pc-modes{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.dj-pc-mode{white-space:normal}.dj-pc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.dj-pc-pad{--pad:#3b404c;--pad-dim:#1c1f26;aspect-ratio:1;min-width:44px;min-height:44px;color:var(--text-muted);letter-spacing:.04em;text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 40%,#4a4f5b,#2a2e37 70%);border:1px solid #050608;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;font-size:.62rem;font-weight:800;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 3px 4px #0000008c}.dj-pc-pad[data-lit=dim]{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--pad) 45%, #2a2e37), var(--pad-dim) 75%);color:var(--text)}.dj-pc-pad[data-lit=on],.dj-pc-pad[data-lit=blink]{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--pad) 70%, #fff), var(--pad) 70%);color:#07080b;box-shadow:0 0 14px color-mix(in srgb, var(--pad) 60%, transparent), inset 0 1px 0 #fff6}.dj-pc-pad:active:not(:disabled){transform:translateY(1px)scale(.98)}.dj-pc-pad:disabled{opacity:.5}.dj-pc-pad-caption{overflow-wrap:anywhere;max-width:100%}.dj-pc-pad-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.55rem;font-weight:700;overflow:hidden}.dj-pc-centre{flex-direction:column;align-items:center;gap:8px;width:120px;padding-top:8px;display:flex}.dj-pc-knob{background:repeating-conic-gradient(#3b404c 0 6deg, #22252d 6deg 12deg);border:1px solid #050608;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 4px 8px #0009,inset 0 1px #ffffff26}.dj-pc-knob-cap{background:radial-gradient(circle at 40% 35%,#6b7180,#2a2e37 70%);border-radius:50%;width:44px;height:44px;box-shadow:inset 0 1px #ffffff40}.dj-pc-cursor{background:var(--dj-screen);max-width:100%;color:var(--dj-screen-ink);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;margin:0;padding:3px 6px;font-size:.62rem;overflow:hidden}.dj-pc-sampler,.dj-pc-rec{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dj-pc-sampler{padding-top:var(--space-2);border-top:1px solid #0b0c10}.dj-pc-rec{margin-inline-start:auto}.dj-pc-gain{align-items:center;gap:6px;display:inline-flex}.dj-pc-meter{width:80px}.dj-pc-slots{flex-direction:column;gap:6px;display:flex}.dj-pc-slot-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:4px 12px;margin:0;padding:0;list-style:none;display:grid}.dj-pc-slot{background:#00000040;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 6px;display:flex}.dj-pc-slot[data-state=playing]{box-shadow:inset 3px 0 #4aa8ff}.dj-pc-slot input[type=text]{width:10em;min-width:0;color:var(--text);border:1px solid var(--control-border);background:#0b0e17;border-radius:4px}.dj-pc-slot select{color:var(--text);border:1px solid var(--control-border);background:#0b0e17;border-radius:4px}.dj-pc-slot-number{min-width:1.6em;font-weight:800}.dj-pc-slot-field{align-items:center;gap:4px;display:inline-flex}.dj-pc-slot input[type=number]{width:4.5em;min-width:0;color:var(--text);border:1px solid var(--control-border);background:#0b0e17;border-radius:4px}.dj-pc-slot button[aria-pressed=true]{color:#0b0e17;background:#4aa8ff}.dj-browser-table tr[data-cursor=true],.sample-item[data-cursor=true]{outline:2px solid var(--primary);outline-offset:-2px}.dj-add-song{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:inline-flex}.dj-add-song .menu-button{min-height:0;padding:2px var(--space-2);letter-spacing:.04em;font-size:.75rem;font-weight:700}.dj-track-select{color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;padding:0}.dj-track-select[aria-pressed=true]{font-weight:700;text-decoration:underline}@container (width<=860px){.dj-pc-body{grid-template-columns:minmax(0,1fr)}.dj-pc-centre{flex-flow:wrap;justify-content:center;width:auto;padding-top:0}.dj-pc-half[data-side=right],.dj-pc-half[data-side=right] .dj-pc-row{flex-direction:row}}@container (width<=420px){.dj-pc-half,.dj-pc-half[data-side=right]{flex-direction:column}.dj-pc-fx{border-inline:0;flex-flow:wrap;width:auto}.dj-pc-strip{flex-direction:row;min-height:0}.dj-pc-strip input[type=range]{writing-mode:horizontal-tb;direction:ltr;width:100%;min-height:0}}@media (prefers-reduced-motion:reduce){.dj-pc-pad:active:not(:disabled){transform:none}}.dj-timecode-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dj-timecode-light{background:#20242c;border:1px solid #050608;border-radius:50%;block-size:10px;inline-size:10px}.dj-timecode-light[data-light=on]{background:#3ddc84;box-shadow:0 0 8px #3ddc8499}.dj-timecode-picker{flex-wrap:wrap;align-items:end;gap:6px;margin-block-start:4px;display:flex}.dj-timecode-picker select{max-inline-size:100%}.dj-timecode-check{color:var(--text-muted);align-items:center;gap:4px;font-size:.7rem;display:flex}.dj-timecode-picker .dj-hw-note{flex-basis:100%}