@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/JetBrainsMono-latin-ext.3kdhfwd_g41ck.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/JetBrainsMono-latin.0gbvn7yk5tf9v.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:italic;font-weight:400 800;font-display:swap;src:url(../media/Montserrat-Italic-latin-ext.06ikild_x0m6g.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:italic;font-weight:400 800;font-display:swap;src:url(../media/Montserrat-Italic-latin.3ddccu7o6qyoe.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/Montserrat-latin-ext.1639pre6tojhv.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/Montserrat-latin.0hdmpb0t8jz-y.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--violet-300:#c4b5fd;--violet-400:#a78bfa;--violet-500:#8b5cf6;--violet-600:#7c3aed;--violet-700:#6d28d9;--violet-950:#2a1b5c;--ink-1000:#0b0b11;--ink-950:#101018;--ink-925:#13131c;--ink-900:#16161f;--ink-850:#1a1a24;--ink-800:#22222e;--ink-750:#2e2e3e;--ink-700:#3d3d50;--ink-600:#55566a;--ink-500:#80818f;--ink-400:#a3a4af;--ink-200:#d6d7de;--ink-50:#f5f5f8;--inst-bumbo:#f59e0b;--inst-prato:#38bdf8;--inst-tarol:#22c55e;--inst-surdo:#a855f7;--inst-repique:#ec4899;--success:#22c55e;--warning:#f59e0b;--danger:#ec4899;--success-soft:#22c55e24;--warning-soft:#f59e0b24;--danger-soft:#ec489924;--bg-app:var(--ink-950);--bg-sunken:var(--ink-925);--surface-panel:var(--ink-900);--surface-card:var(--ink-850);--surface-raised:var(--ink-800);--surface-hover:#ffffff0a;--surface-press:#ffffff12;--border-subtle:var(--ink-800);--border-default:var(--ink-750);--border-strong:var(--ink-700);--fg-1:var(--ink-50);--fg-2:var(--ink-400);--fg-3:var(--ink-500);--fg-disabled:var(--ink-600);--fg-on-accent:#fff;--fg-accent:var(--violet-400);--accent:var(--violet-500);--accent-hover:#9a70f8;--accent-press:var(--violet-600);--accent-soft:#8b5cf633;--accent-soft-hover:#8b5cf647;--accent-ring:#a78bfaa6;--grid-line-bar:var(--ink-750);--grid-line-beat:#ffffff0f;--grid-line-step:#ffffff08;--grid-row:var(--ink-900);--grid-row-alt:var(--ink-925);--playhead:var(--violet-500)}
:root{--font-display:"Montserrat",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-body:"Montserrat",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--text-4xl:44px;--text-5xl:64px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--leading-tight:1.15;--leading-snug:1.3;--leading-body:1.5;--tracking-tight:-.01em;--tracking-normal:0;--tracking-mono:.02em;--tracking-caps:.08em;--type-display:800 var(--text-5xl)/1.05 var(--font-display);--type-title:700 var(--text-3xl)/var(--leading-tight) var(--font-display);--type-heading:700 var(--text-xl)/var(--leading-snug) var(--font-display);--type-subheading:600 var(--text-lg)/var(--leading-snug) var(--font-display);--type-body:400 var(--text-base)/var(--leading-body) var(--font-body);--type-label:500 var(--text-base)/1.2 var(--font-body);--type-caption:400 var(--text-sm)/1.4 var(--font-body);--type-value:500 var(--text-base)/1.2 var(--font-mono);--type-meta:400 var(--text-base)/1.3 var(--font-mono);--type-marker:500 var(--text-sm)/1 var(--font-mono)}
:root{--space-0:0;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:999px;--control-h-sm:34px;--control-h:42px;--control-h-lg:46px;--transport-h:52px;--transport-h-sm:44px;--play-h:58px;--play-h-sm:48px;--nav-item-h:52px;--sidebar-w:180px;--track-header-w:180px;--track-header-w-compact:140px;--seq-row-h:56px;--seq-row-h-compact:44px;--seq-ruler-h:56px;--seq-ruler-h-compact:40px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px}
:root{--shadow-panel:inset 0 1px 0 #ffffff08,0 12px 32px #00000052;--shadow-pop:0 16px 40px #00000080,0 0 0 1px var(--border-default);--shadow-accent:0 6px 20px #8b5cf661;--shadow-accent-lg:0 8px 32px #8b5cf680;--shadow-step-glow:0 0 12px #ffffff1f;--focus-ring:0 0 0 2px var(--bg-app),0 0 0 4px var(--accent-ring);--ease-out:cubic-bezier(.2,.8,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--dur-instant:80ms;--dur-fast:.12s;--dur-base:.18s;--dur-slow:.28s;--z-base:0;--z-sticky:10;--z-playhead:5;--z-popover:50;--z-drawer:80;--z-modal:100}
*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{background:var(--bg-app);color:var(--fg-1);font:var(--type-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:var(--tracking-tight);text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}a{color:var(--fg-accent);text-decoration:none}a:hover{color:var(--violet-300);text-underline-offset:3px;text-decoration:underline}code,kbd,samp{font-family:var(--font-mono)}::selection{background:var(--accent-soft-hover);color:var(--fg-1)}:focus-visible{box-shadow:var(--focus-ring);outline:none}*{scrollbar-width:thin;scrollbar-color:var(--ink-700) transparent}.fs-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.fs-btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-h-lg);padding:0 var(--space-6);border-radius:var(--radius-lg);font:500 var(--text-md)/1 var(--font-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-instant) var(--ease-out);border:1.5px solid #0000;text-decoration:none;display:inline-flex}.fs-btn:active:not(:disabled){transform:scale(.97)}.fs-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.fs-btn--primary{background:var(--accent);color:var(--fg-on-accent);box-shadow:0 4px 16px #8b5cf647}.fs-btn--primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-accent)}.fs-btn--primary:active:not(:disabled){background:var(--accent-press)}.fs-btn--secondary{color:var(--fg-1);border-color:var(--ink-600);background:0 0}.fs-btn--secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--ink-500)}.fs-btn--secondary:active:not(:disabled){background:var(--surface-press)}.fs-btn--ghost{color:var(--fg-2);background:0 0}.fs-btn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--fg-1)}.fs-btn--sm{height:var(--control-h-sm);padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md)}.fs-btn--md{height:var(--control-h);padding:0 var(--space-4);font-size:var(--text-base)}.fs-btn--block{width:100%}.fs-iconbtn{color:var(--fg-1);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out);background:0 0;border:1px solid #0000;flex-shrink:0;place-items:center;padding:0;display:inline-grid}.fs-iconbtn:active:not(:disabled){transform:scale(.94)}.fs-iconbtn:disabled{opacity:.35;cursor:not-allowed}.fs-iconbtn--square{border-radius:var(--radius-md)}.fs-iconbtn--sm{width:32px;height:32px}.fs-iconbtn--md{width:40px;height:40px}.fs-iconbtn--lg{width:var(--transport-h);height:var(--transport-h)}.fs-iconbtn--ghost{color:var(--fg-2)}.fs-iconbtn--ghost:hover:not(:disabled){color:var(--fg-1);background:var(--surface-hover)}.fs-iconbtn--surface{background:var(--surface-panel);border-color:var(--border-subtle)}.fs-iconbtn--surface:hover:not(:disabled){background:var(--surface-raised);border-color:var(--border-default)}.fs-iconbtn--outline{border-color:var(--border-default)}.fs-iconbtn--outline:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.fs-iconbtn[aria-pressed=true]{color:var(--fg-accent);background:var(--accent-soft);border-color:#8b5cf673}.fs-toggle{align-items:center;gap:var(--space-2-5);height:var(--control-h);padding:0 var(--space-4) 0 var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-sunken);color:var(--fg-1);font:var(--type-label);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);display:inline-flex}.fs-toggle:hover:not(:disabled){background:var(--surface-card);border-color:var(--border-strong)}.fs-toggle[aria-pressed=true]{background:var(--accent-soft);border-color:#8b5cf68c}.fs-toggle[aria-pressed=true] .fs-icon{color:var(--fg-accent)}.fs-toggle:disabled{opacity:.4;cursor:not-allowed}.fs-toggle--lg{height:var(--control-h-lg);padding:0 var(--space-5) 0 var(--space-4);font-size:var(--text-md)}.fs-select{display:inline-block;position:relative}.fs-select__trigger{align-items:center;gap:var(--space-2-5);height:var(--control-h);padding:0 var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-sunken);color:var(--fg-1);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);display:inline-flex}.fs-select__trigger:hover:not(:disabled){background:var(--surface-card);border-color:var(--border-strong)}.fs-select__trigger[aria-expanded=true]{background:var(--surface-card);border-color:#8b5cf699}.fs-select__trigger:disabled{opacity:.4;cursor:not-allowed}.fs-select__value{font:var(--type-value);letter-spacing:var(--tracking-mono)}.fs-select__chev{color:var(--fg-2);transition:transform var(--dur-base) var(--ease-out)}.fs-select__trigger[aria-expanded=true] .fs-select__chev{transform:rotate(180deg)}.fs-select--lg .fs-select__trigger{height:var(--control-h-lg);padding:0 var(--space-4)}.fs-select--block,.fs-select--block .fs-select__trigger{width:100%}.fs-select--block .fs-select__chev{margin-left:auto}.fs-select__menu{min-width:100%;max-height:280px;padding:var(--space-1-5);background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);z-index:var(--z-popover);animation:fs-pop var(--dur-base) var(--ease-out);margin:0;list-style:none;position:absolute;top:calc(100% + 6px);left:0;overflow:auto}.fs-select__option{justify-content:space-between;align-items:center;gap:var(--space-4);height:36px;padding:0 var(--space-2-5);border-radius:var(--radius-sm);color:var(--fg-1);font:var(--type-value);cursor:pointer;white-space:nowrap;display:flex}.fs-select__option[data-active=true]{background:var(--surface-hover)}.fs-select__option[aria-selected=true]{color:var(--fg-accent)}@keyframes fs-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.fs-slider{cursor:pointer;touch-action:none;outline:none;flex:1;min-width:64px;height:24px;position:relative}.fs-slider__track{border-radius:var(--radius-full);background:var(--ink-800);height:6px;margin-top:-3px;position:absolute;top:50%;left:0;right:0}.fs-slider__fill{border-radius:inherit;background:var(--accent);position:absolute;top:0;bottom:0;left:0}.fs-slider__thumb{background:var(--violet-500);width:16px;height:16px;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);border-radius:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;box-shadow:0 0 0 4px #8b5cf62e,0 2px 8px #00000073}.fs-slider:hover .fs-slider__thumb{transform:scale(1.12)}.fs-slider:focus-visible .fs-slider__thumb{box-shadow:var(--focus-ring)}.fs-slider[aria-disabled=true]{opacity:.4;cursor:not-allowed}.fs-volume{align-items:center;gap:var(--space-3);min-width:0;display:flex}.fs-play{width:var(--play-h);height:var(--play-h);background:var(--accent);color:var(--fg-on-accent);cursor:pointer;box-shadow:var(--shadow-accent);transition:background-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-instant) var(--ease-out);border:0;border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.fs-play:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-accent-lg)}.fs-play:active:not(:disabled){background:var(--accent-press);transform:scale(.95)}.fs-play:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.fs-play--sm{width:var(--play-h-sm);height:var(--play-h-sm)}.fs-play .fs-icon--play{margin-left:3px}.fs-transport{align-items:center;gap:var(--space-6);display:flex}.fs-transport--compact{gap:var(--space-5)}.fs-status{align-items:center;column-gap:var(--space-3);padding:var(--space-2-5) 0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.fs-status__badge{width:22px;height:22px;color:var(--bg-app);border-radius:50%;place-items:center;display:grid}.fs-status__title{font:500 var(--text-base)/1.3 var(--font-body);color:var(--fg-1)}.fs-status__msg{font:400 var(--text-sm)/1.4 var(--font-body)}.fs-status__trail{border-radius:var(--radius-full);background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;display:grid}button.fs-status__trail{cursor:pointer}button.fs-status__trail:hover{background:var(--surface-hover)}.fs-status--success .fs-status__badge{background:var(--success)}.fs-status--warning .fs-status__badge{background:var(--warning)}.fs-status--danger .fs-status__badge{background:var(--danger)}.fs-status--success .fs-status__msg,.fs-status--success .fs-status__trail{color:var(--success)}.fs-status--warning .fs-status__msg,.fs-status--warning .fs-status__trail{color:var(--warning)}.fs-status--danger .fs-status__msg,.fs-status--danger .fs-status__trail{color:var(--danger)}.fs-status--banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.fs-status--banner.fs-status--success{background:var(--success-soft);border-color:#22c55e59}.fs-status--banner.fs-status--warning{background:var(--warning-soft);border-color:#f59e0b59}.fs-status--banner.fs-status--danger{background:var(--danger-soft);border-color:#ec489959}.fs-nav-item{align-items:center;gap:var(--space-3);width:100%;height:var(--nav-item-h);padding:0 var(--space-4) 0 var(--space-8);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--ink-200);font:500 var(--text-md)/1 var(--font-body);text-align:left;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);background:0 0;border:0;text-decoration:none;display:flex;position:relative}.fs-nav-item:hover{background:var(--surface-hover);color:var(--fg-1);text-decoration:none}.fs-nav-item[aria-current=page]{background:var(--accent-soft);color:var(--fg-1)}.fs-nav-item[aria-current=page]:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:4px;position:absolute;top:0;bottom:0;left:0}.fs-nav-item--inset{border-radius:var(--radius-md);padding-left:var(--space-4)}.fs-nav-item--inset[aria-current=page]:before{top:10px;bottom:10px;left:0}.fs-panel{background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);padding:var(--space-6);min-width:0}.fs-panel--flush{padding:0;overflow:hidden}.fs-panel__title{font:var(--type-heading);color:var(--fg-1);margin:0 0 var(--space-4)}.fs-track{align-items:center;gap:var(--space-3);height:var(--seq-row-h);padding:0 var(--space-2) 0 var(--space-3);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--fg-1);font:500 var(--text-base)/1 var(--font-body);min-width:0;display:flex}.fs-track__dot{background:var(--inst);width:16px;height:16px;transition:opacity var(--dur-fast);border-radius:50%;flex-shrink:0}.fs-track__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.fs-track--muted .fs-track__name,.fs-track--silenced .fs-track__name{color:var(--fg-3)}.fs-track--muted .fs-track__dot,.fs-track--silenced .fs-track__dot{opacity:.35}.fs-track--muted .fs-iconbtn{color:var(--danger)}.fs-track--compact{height:var(--seq-row-h-compact);gap:var(--space-2);padding:0 var(--space-1) 0 var(--space-2-5);font-size:var(--text-sm);background:0 0}.fs-track--compact .fs-track__dot{width:14px;height:14px}.fs-track--compact .fs-iconbtn{width:28px;height:28px}.fs-seq{grid-template-columns:var(--track-header-w) minmax(0,1fr);background:var(--bg-sunken);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);display:grid}.fs-seq__heads{padding:0 var(--space-1) 4px var(--space-4);border-right:1px solid var(--border-subtle);flex-direction:column;gap:4px;display:flex}.fs-seq__corner{height:var(--seq-ruler-h);flex-shrink:0}.fs-seq__scroll{min-width:0;overflow:auto hidden}.fs-seq__body{min-width:100%;position:relative}.fs-seq__ruler{height:var(--seq-ruler-h);background:var(--surface-panel);border-bottom:1px solid var(--border-subtle);display:grid}.fs-seq__ruler[data-seek]{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.fs-seq__ruler[data-seek]:hover{background:var(--surface-card)}.fs-seq__ruler[data-seek]:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-ring);outline:none}.fs-seq__bar{padding-left:var(--space-2-5);border-left:1px solid var(--grid-line-bar);font:var(--type-marker);font-size:var(--text-base);color:var(--fg-1);align-items:center;display:flex}.fs-seq__lanes{flex-direction:column;gap:4px;padding:4px 0;display:flex}.fs-seq__lane{height:var(--seq-row-h);background:var(--grid-row);display:grid}.fs-seq__cell{border:0;border-left:1px solid var(--grid-line-step);cursor:pointer;color:var(--inst);background:0 0;margin:0;padding:0;position:relative}.fs-seq__cell[data-beat=true]{border-left-color:var(--grid-line-beat)}.fs-seq__cell[data-bar=true]{border-left-color:var(--grid-line-bar)}.fs-seq__cell:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-ring)}.fs-seq__block{height:calc(22px * var(--level,1));margin-top:calc(-11px * var(--level,1));border-radius:var(--radius-xs);opacity:0;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),filter var(--dur-fast);pointer-events:none;background:currentColor;position:absolute;top:50%;left:3px;right:3px;transform:scale(.85)}.fs-seq__cell:hover .fs-seq__block{opacity:.22;transform:none}.fs-seq__cell[aria-pressed=true] .fs-seq__block{opacity:1;box-shadow:0 0 12px color-mix(in oklab,currentColor 35%,transparent);transform:none}.fs-seq__cell[aria-pressed=true]:hover .fs-seq__block{filter:brightness(1.12)}.fs-seq__cell[data-hit=true] .fs-seq__block{filter:brightness(1.35);box-shadow:0 0 18px color-mix(in oklab,currentColor 70%,transparent);transform:scaleY(1.18)}.fs-seq__lane[data-muted=true] .fs-seq__cell[aria-pressed=true] .fs-seq__block{opacity:.28;box-shadow:none}.fs-seq__playhead{background:var(--playhead);pointer-events:none;width:2px;z-index:var(--z-playhead);margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #8b5cf699}.fs-seq__playhead:before{content:"";left:50%;top:calc(var(--seq-ruler-h) * .62);background:var(--playhead);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute}[data-density=compact]{--seq-row-h:var(--seq-row-h-compact);--seq-ruler-h:var(--seq-ruler-h-compact);--track-header-w:var(--track-header-w-compact)}.fs-seq--compact .fs-seq__heads{gap:4px;padding-left:0}.fs-seq--compact .fs-seq__block{height:calc(18px * var(--level,1));margin-top:calc(-9px * var(--level,1))}.fs-seq--compact .fs-seq__bar{font-size:var(--text-sm)}.fs-seq--compact .fs-seq__playhead:before{margin-top:0;top:0}

html,body{height:100%}body{background:var(--bg-app);height:100dvh;overflow:hidden}button,[role=slider]{touch-action:manipulation}.shell{background:var(--bg-app);height:100%;padding:24px}.shell[data-fs=true]{padding:0}.shell__frame{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);height:100%;box-shadow:var(--shadow-panel);display:grid;overflow:hidden}.shell[data-fs=true] .shell__frame{border-radius:0}.shell__side{border-right:1px solid var(--border-subtle);flex-direction:column;min-height:0;display:flex}.shell__main{min-width:0;min-height:0;display:flex;overflow:auto}.shell__top,.shell__scrim,.shell__drawer{display:none}@media (max-width:759px){.shell{flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.shell__top{padding:calc(10px + env(safe-area-inset-top)) 12px 10px 18px;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.shell__frame{min-height:0;box-shadow:none;border:0;border-radius:0;flex:1;display:flex}.shell__side{display:none}.shell__main{flex-direction:column;flex:1}.shell__scrim{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--dur-slow) var(--ease-out);background:#05050a99;display:block;position:absolute;inset:0}.shell__scrim[data-open=true]{opacity:1;pointer-events:auto}.shell__drawer{z-index:81;width:78%;max-width:320px;padding:calc(56px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));background:var(--surface-panel);border-left:1px solid var(--border-subtle);box-shadow:var(--shadow-pop);transition:transform var(--dur-slow) var(--ease-out);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(105%)}.shell__drawer[data-open=true]{transform:none}}.safe-bottom{padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}.fs-title-input{width:100%;max-width:560px;color:var(--fg-1);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;margin-left:-9px;padding:2px 8px}.fs-title-input:hover{border-color:var(--border-default)}.fs-title-input:focus{border-color:var(--accent);background:var(--surface-card);box-shadow:var(--focus-ring);outline:none}