:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#fdc800;--ink:#0a0a0a;--card:#141414;--card-raised:#1f1f1f;--well:#0a0a0a;--border:#3a3a3a;--edge:#e9e0c4;--text:#fff8e7;--muted:#c8bf9e;--accent:#fdc800;--accent-ink:#0a0a0a;--accent-soft:#fdc80024;--danger:#ff6b5e;--radius:8px;--radius-sm:4px;--gap:20px;--shadow:6px 6px 0 var(--ink);--shadow-hover:3px 3px 0 var(--accent);--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}kbd{font-family:var(--mono)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pill{border-radius:var(--radius-sm);border:2px solid var(--ink);background:var(--ink);color:var(--text);font-family:var(--mono);white-space:nowrap;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.pill .dot{background:var(--muted);border-radius:2px;width:10px;height:10px}.pill--on .dot{background:var(--accent)}.pill--off{cursor:pointer;box-shadow:3px 3px #0a0a0a59}.pill--off .dot{animation:1s ease-in-out infinite pulse}.pill--off:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #0a0a0a59}.btn{border-radius:var(--radius-sm);border:2px solid var(--edge);background:var(--card-raised);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:600;transition:transform 80ms,box-shadow 80ms,background 80ms;display:inline-flex}.btn:hover:not(:disabled){box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.btn:active:not(:disabled){box-shadow:none;transform:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn[aria-pressed=true]:hover:not(:disabled){box-shadow:3px 3px 0 var(--edge)}.btn--icon{width:48px;min-height:48px;padding:0}.btn--icon svg{fill:currentColor;width:20px;height:20px}.btn--record svg{color:var(--danger)}.btn--record[aria-pressed=true]{background:var(--danger);border-color:var(--danger)}.btn--record[aria-pressed=true] svg{color:var(--ink);animation:1s ease-in-out infinite pulse}.btn--ghost{background:0 0}@keyframes pulse{50%{opacity:.35}}.vkb{-webkit-user-select:none;user-select:none;touch-action:none;height:100%;min-height:150px;display:flex;position:relative}.vkb__key{cursor:pointer;border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding:0 0 8px;display:flex}.vkb__key--white{border:2px solid var(--ink);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--text);min-width:0;color:var(--ink);flex:1 1 0;margin-left:-2px}.vkb__key--white:first-child{margin-left:0}.vkb__key--black{z-index:1;border:2px solid var(--ink);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--card-raised);height:60%;color:var(--text);box-shadow:0 4px 0 var(--ink);border-top:0;position:absolute;top:0;transform:translate(-50%)}.vkb__key.is-active{background:var(--accent);color:var(--accent-ink)}.vkb__key--black.is-active{box-shadow:0 1px 0 var(--ink)}.vkb__bind{font-size:12px;font-weight:700}.vkb__name{opacity:.7;font-size:10px}@media (width<=700px){.vkb__bind{font-size:10px}.vkb__name{display:none}}.guide{--cap:40px;flex-wrap:wrap;align-items:flex-start;gap:16px 32px;display:flex}.guide__side{flex-direction:column;flex:260px;gap:14px;display:flex}.guide__keys{flex-direction:column;gap:4px;max-width:100%;display:flex;overflow-x:auto}.guide__row{gap:4px;display:flex}.cap{width:calc(var(--cap) - 4px);height:calc(var(--cap) + 2px);border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--card-raised);border-bottom-width:4px;flex-direction:column;flex:none;justify-content:center;align-items:center;font-size:13px;line-height:1.1;display:inline-flex}.cap kbd{font-weight:700}.cap span{color:var(--muted);font-size:10px}.cap.is-unbound{opacity:.3}.cap.is-active{background:var(--accent);border-color:var(--edge);color:var(--accent-ink)}.cap.is-active span{color:var(--accent-ink)}.cap--wide{width:auto;height:auto;padding:4px 12px;font-weight:700}kbd.cap{height:auto;padding:4px 0;font-weight:700;display:inline-flex}.guide__controls{flex-direction:column;gap:10px;margin:0;display:flex}.guide__controls>div{align-items:center;gap:10px;display:flex}.guide__controls dt{gap:4px;display:flex}.guide__controls dd{color:var(--muted);align-items:center;gap:8px;margin:0;display:flex}.badge{border-radius:var(--radius-sm);background:var(--card-raised);border:2px solid var(--border);color:var(--text);font-size:12px;font-family:var(--mono);padding:2px 8px}.badge--on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.guide__hint{min-height:0;color:var(--text);margin:0;font-size:13px}.guide__hint.is-visible{border-radius:var(--radius-sm);background:var(--accent-soft);border:2px solid var(--accent);padding:10px 12px}@media (width<=700px){.guide{--cap:30px}.cap{font-size:11px}}.label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px;font-weight:700}.perf{flex-direction:column;gap:14px;display:flex}.perf__row{grid-template-columns:76px 1fr auto;align-items:center;gap:10px;display:grid}.perf__row>.btn,.perf__row>.stepper{grid-column:2/4;justify-self:start}.perf__num{font-family:var(--mono);text-align:right;width:3ch}.perf__panic{align-self:flex-start}.stepper{align-items:center;gap:8px;display:flex}.stepper .btn--icon{width:40px;min-height:40px;font-size:18px}.stepper__value{text-align:center;min-width:3ch;font-family:var(--mono);font-size:18px}input[type=range]{appearance:none;cursor:pointer;width:100%;height:24px;accent-color:var(--accent);background:0 0;margin:0}input[type=range]:disabled{opacity:.4;cursor:not-allowed}input[type=range]::-webkit-slider-runnable-track{border:2px solid var(--edge);background:var(--well);border-radius:2px;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--ink);background:var(--accent);width:14px;height:20px;box-shadow:2px 2px 0 var(--ink);border-radius:2px;margin-top:-8px}input[type=range]::-moz-range-track{border:2px solid var(--edge);background:var(--well);border-radius:2px;height:4px}input[type=range]::-moz-range-progress{background:var(--accent);height:4px}input[type=range]::-moz-range-thumb{border:2px solid var(--ink);background:var(--accent);width:10px;height:16px;box-shadow:2px 2px 0 var(--ink);border-radius:2px}.transport{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.transport__buttons{gap:8px;display:flex}.transport__display{border-radius:var(--radius-sm);background:var(--well);border:2px solid var(--accent);color:var(--accent);font-family:var(--mono);font-variant-numeric:tabular-nums;align-items:baseline;gap:14px;padding:8px 16px;display:flex}.transport__pos{min-width:7ch;font-size:27px;font-weight:800}.transport__clock{color:var(--muted)}.transport__state{font-family:var(--font);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.transport__state--recording{color:var(--danger)}.transport__state--playing{color:var(--text)}.transport__history{gap:8px;display:flex}.transport__settings{align-items:center;gap:12px;margin-left:auto;display:flex}.field{align-items:center;gap:8px;display:flex}.field__input{border-radius:var(--radius-sm);border:2px solid var(--edge);background:var(--well);width:76px;min-height:40px;font-family:var(--mono);padding:0 10px;font-weight:700}.field__input:disabled{opacity:.55}@media (width<=700px){.transport__settings{margin-left:0}}.bento{gap:var(--gap);padding:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"brand brand brand brand transport transport transport transport transport transport transport transport""proj proj proj proj proj proj proj proj proj proj proj proj""tracks tracks tracks tracks arr arr arr arr arr arr arr arr""roll roll roll roll roll roll roll roll roll roll roll roll""kbd kbd kbd kbd kbd kbd kbd kbd kbd kbd kbd kbd""inst inst inst inst inst mixer mixer mixer mixer mixer mixer mixer""fx fx fx fx fx fx fx mfx mfx mfx mfx mfx""guide guide guide guide guide guide guide guide perf perf perf perf";align-content:start;max-width:1440px;min-height:100vh;margin:0 auto;display:grid}.card{border-radius:var(--radius);background:var(--card);border:3px solid var(--ink);min-width:0;box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:16px 20px 20px;display:flex}.card__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.card__title{background:var(--accent);min-width:0;color:var(--accent-ink);font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;border-radius:2px;margin:0;padding:3px 8px;font-size:13px;font-weight:800;overflow:hidden}.card__body{flex:1;min-height:0}.card--brand{background:var(--accent);color:var(--ink);flex-flow:wrap;grid-area:brand;justify-content:space-between;align-items:center;gap:14px}.card--brand :focus-visible{outline-color:var(--ink)}.card--brand .pill{white-space:normal;text-align:left;max-width:100%}.card--transport{grid-area:transport;justify-content:center}.card--arrange{grid-area:arr}.card--keyboard{grid-area:kbd}.card--guide{grid-area:guide}.card--perf{grid-area:perf}.card--tracks{grid-area:tracks}.card--instrument{grid-area:inst}.card--mixer{grid-area:mixer}.card--roll{grid-area:roll}.card--project{grid-area:proj}.card--fx{grid-area:fx}.card--masterfx{grid-area:mfx}.card__hint{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.brand{align-items:center;gap:12px;display:flex}.brand__logo{border-radius:var(--radius-sm);flex:none;width:48px;height:48px}.brand__name{letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:35px;font-weight:900;line-height:1}.brand__tag{font-family:var(--mono);margin:4px 0 0;font-size:13px;font-weight:700}@media (width<=1100px){.bento{grid-template-rows:none;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"brand brand brand brand brand brand""transport transport transport transport transport transport""proj proj proj proj proj proj""tracks tracks tracks arr arr arr""roll roll roll roll roll roll""kbd kbd kbd kbd kbd kbd""inst inst inst mixer mixer mixer""fx fx fx fx fx fx""mfx mfx mfx mfx mfx mfx""guide guide guide guide perf perf"}.card--keyboard .vkb{min-height:180px}}@media (width<=760px){.bento{--gap:16px;grid-template-columns:minmax(0,1fr);grid-template-areas:"brand""transport""proj""kbd""perf""tracks""roll""inst""mixer""fx""mfx""arr""guide";padding-right:20px}.card{box-shadow:4px 4px 0 var(--ink);padding:14px}.brand__name{font-size:27px}}.muted{color:var(--muted);margin:0}.select{border-radius:var(--radius-sm);border:2px solid var(--edge);background:var(--well);min-height:40px;color:var(--text);padding:0 10px;font-weight:600}.spinner{border:2px solid var(--muted);border-top-color:#0000;border-radius:50%;width:10px;height:10px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.load-badge{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.load-badge--error{color:var(--accent)}.tracks{flex-direction:column;gap:12px;display:flex}.tracks__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.track{border-radius:var(--radius-sm);background:var(--card-raised);border:2px solid #0000;align-items:stretch;gap:10px;padding:6px 8px 6px 0;display:flex}.track.is-selected{border-color:var(--track-color);background:color-mix(in srgb, var(--track-color) 10%, var(--card-raised))}.track__select{border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--track-color);cursor:pointer;border:0;flex:0 0 8px;padding:0}.track__info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.track__name{text-overflow:ellipsis;background:0 0;border:2px solid #0000;border-radius:6px;width:100%;margin-left:-4px;padding:2px 4px;font-weight:600}.track__name:hover,.track__name:focus{border-color:var(--border);background:var(--well)}.track__instrument{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.track__buttons{align-items:center;gap:4px;display:flex}.tbtn{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--well);width:32px;height:32px;font-family:var(--mono);cursor:pointer;font-size:12px;font-weight:800}.tbtn:hover:not(:disabled){border-color:var(--edge)}.tbtn[aria-pressed=true]{background:var(--text);color:var(--ink);border-color:var(--text)}.tbtn--arm{color:var(--muted)}.tbtn--arm[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.track__color{border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;width:22px;height:22px;margin-right:4px;padding:0;overflow:hidden}.track__color::-webkit-color-swatch-wrapper{padding:0}.track__color::-webkit-color-swatch{border:0;border-radius:50%}.track__color::-moz-color-swatch{border:0;border-radius:50%}.tbtn--delete{color:var(--muted);font-size:16px}.tbtn:disabled{opacity:.4;cursor:not-allowed}.tracks__add{gap:8px;display:flex}.tracks__add .select{flex:1;min-width:0}.inst{flex-direction:column;gap:12px;display:flex}.inst__head{flex-wrap:wrap;gap:8px;display:flex}.inst__head .select{flex:140px}.inst__desc{color:var(--muted);flex-wrap:wrap;gap:8px;margin:0;font-size:13px;display:flex}.inst__group{border:2px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;min-width:0;margin:0;padding:10px 12px 12px;display:flex}.inst__group legend{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:0 6px;font-size:12px;font-weight:700}.inst__note{color:var(--muted);margin:0;font-size:12px}.param{grid-template-columns:76px minmax(0,1fr) 64px;align-items:center;gap:10px;font-size:13px;display:grid}.param.is-disabled{opacity:.4}.param__value{font-family:var(--mono);text-align:right;font-size:12px}.mixer{flex-direction:column;gap:6px;display:flex}.mixer__head,.strip{grid-template-columns:minmax(80px,1fr) minmax(120px,2fr) minmax(90px,1.2fr);align-items:center;gap:12px;display:grid}.mixer__head{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0 10px;font-size:11px}.strip{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--card-raised);padding:6px 10px}.strip.is-muted .strip__name{opacity:.5}.strip__name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:600;display:flex;overflow:hidden}.strip__dot{background:var(--track-color);border-radius:50%;flex:0 0 10px;height:10px}.strip__ctl{align-items:center;gap:8px;min-width:0;display:flex}.strip__value{font-family:var(--mono);text-align:right;flex:0 0 4.5ch;font-size:12px}.strip--master{background:color-mix(in srgb, var(--accent) 8%, var(--card-raised));border-color:var(--accent);margin-top:6px}.meter{align-items:center;gap:8px;min-width:0;display:flex}.meter__track{border:2px solid var(--edge);background:var(--well);border-radius:2px;flex:1;height:12px;overflow:hidden}.meter__fill{background:linear-gradient(90deg, #8be28f, var(--accent) 80%);width:0;height:100%;transition:width 50ms linear}.meter__fill.is-hot{background:var(--danger)}.meter__value{font-family:var(--mono);text-align:right;color:var(--muted);flex:0 0 7ch;font-size:12px}@media (width<=760px){.mixer__head{display:none}.strip{grid-template-columns:1fr 1fr}.strip__name{grid-column:1/-1}}.vkb__drum{text-align:center;word-break:break-word;opacity:.8;margin-top:64%;margin-bottom:auto;padding:0 2px;font-size:9px;line-height:1.1}.proj{flex-direction:column;gap:8px;display:flex}.proj__row{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.proj__name{border-radius:var(--radius-sm);border:2px solid var(--edge);background:var(--well);flex:0 280px;min-width:0;min-height:40px;padding:0 12px;font-size:17px;font-weight:700}.proj__status{color:var(--muted);font-size:13px}.proj__status.is-unsaved,.proj__status.is-saving{color:var(--accent)}.proj__status.is-error{color:var(--danger)}.proj__actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.proj__files{margin-left:auto}.proj__open{position:relative}.proj__open>summary{list-style:none}.proj__open>summary::-webkit-details-marker{display:none}.proj__list{z-index:20;border:2px solid var(--edge);border-radius:var(--radius-sm);background:var(--card-raised);width:min(420px,100vw - 32px);max-height:360px;box-shadow:5px 5px 0 var(--accent);flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.proj__item{border-radius:var(--radius-sm);background:var(--card);align-items:center;gap:8px;padding:6px 8px;display:flex}.proj__meta{flex-direction:column;flex:1;min-width:0;display:flex}.proj__item.is-current{border:2px solid var(--accent)}.proj__actions .btn.is-confirmed{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.proj__item-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.proj__item-info,.proj__empty{color:var(--muted);margin:0;font-size:12px}.proj__message{border-radius:var(--radius-sm);background:var(--accent-soft);border:2px solid var(--accent);flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:8px 12px;font-size:13px;display:flex}@media (width<=760px){.proj__files{margin-left:0}.proj__open[open]{flex-basis:100%}.proj__list{width:100%;margin-top:6px;position:static}}.render{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.render__bar{width:120px;height:8px;accent-color:var(--accent)}.seg{display:inline-flex}.seg .btn{border-radius:0}.seg .btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.seg .btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-left:-2px}.btn--play,.btn--play[aria-pressed=true]{background:var(--accent);border-color:var(--accent);min-width:92px;color:var(--accent-ink);font-weight:800}.btn--play.is-running{background:var(--text);border-color:var(--text)}.btn--play svg{fill:currentColor;width:16px;height:16px}.btn--play:hover:not(:disabled){box-shadow:3px 3px 0 var(--edge)}.check{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.check input{accent-color:var(--accent);width:16px;height:16px}.roll{flex-direction:column;gap:10px;display:flex}.roll__toolbar{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.roll__group{align-items:center;gap:6px;display:inline-flex}.roll__vel input[type=range]{width:110px}.roll__body{grid-template-columns:var(--keys-w) minmax(0, 1fr);grid-template-rows:var(--ruler-h) 340px 72px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--well);-webkit-user-select:none;user-select:none;display:grid;overflow:hidden}.roll__corner{color:var(--muted);border-right:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:center;align-items:center;font-size:10px;display:flex}.roll__ruler,.roll__lane{overflow:hidden}.roll__ruler{border-bottom:1px solid var(--border);cursor:pointer}.roll__ruler svg{display:block}.roll__barnum{fill:var(--muted);font-size:10px;font-family:var(--mono)}.roll__cursor-mark{fill:var(--accent)}.roll__keys{border-right:1px solid var(--border);overflow:hidden}.roll__key{box-sizing:border-box;color:#4a4a4a;background:var(--text);cursor:pointer;white-space:nowrap;border-bottom:1px solid #d8cfb0;justify-content:flex-end;align-items:center;padding-right:4px;font-size:9px;display:flex;overflow:hidden}.roll__key.is-black{color:var(--muted);background:#1f1f1f;border-bottom-color:#0a0a0a}.roll__key.is-c{font-weight:700}.roll__main{outline-offset:-2px;overflow:auto}.roll__main svg,.roll__lane svg{touch-action:none;display:block}.roll__row-black{fill:#101010}.roll__c-line{stroke:#333}.roll__clip{opacity:.06}.roll__grid{stroke:#1a1a1a}.roll__beat{stroke:#242424}.roll__bar{stroke:#4a4a4a}.roll__ghost{fill:#c8bf9e;opacity:.18}.roll__note{stroke:var(--ink);stroke-width:1.5px}.roll__note.is-selected{stroke:var(--text);stroke-width:2.5px}.roll__note.is-draft{opacity:.7}.roll__marquee{fill:#ffffff0f;stroke:var(--text);stroke-dasharray:4 3}.roll__cursor{stroke:var(--accent);stroke-dasharray:3 4;opacity:.7}.roll__playhead{stroke:var(--text);stroke-width:2px}.roll__lane-label{border-right:1px solid var(--border);border-top:1px solid var(--border);justify-content:center;align-items:center;display:flex}.roll__lane{border-top:1px solid var(--border);cursor:ns-resize}.roll__stem{stroke-width:2px;opacity:.6}.is-selected .roll__stem{opacity:1}.is-selected .roll__stem-head{stroke:#fff;stroke-width:1.5px}.roll__hint{color:var(--muted);margin:0;font-size:12px}@media (width<=760px){.roll__body{grid-template-rows:var(--ruler-h) 280px 64px}}.btn--small{padding:6px 12px;font-size:13px}.arr{--head-w:112px;flex-direction:column;gap:10px;display:flex}.arr__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.arr__meta{color:var(--muted);margin:0;font-size:13px}.arr__tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.arr__scroll{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--well);overflow-x:auto}.arr__inner{width:max-content;min-width:100%}.arr__row{display:flex}.arr__head{z-index:3;flex:0 0 var(--head-w);width:var(--head-w);border:0;border-right:1px solid var(--border);background:var(--card-raised);color:var(--muted);text-align:left;cursor:pointer;border-bottom:1px solid #262626;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:flex;position:sticky;left:0}.arr__row.is-selected .arr__head{color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}.arr__corner{cursor:default}.arr__dot{border-radius:50%;flex:none;width:10px;height:10px}.arr__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.arr__ruler{border-bottom:1px solid var(--border);cursor:pointer;height:22px;position:relative}.arr__bar-num{font-family:var(--mono);color:var(--muted);border-left:1px solid #4a4a4a;padding-left:4px;font-size:11px;line-height:16px;position:absolute;top:3px}.arr__lanes{position:relative}.arr__lane{background-image:linear-gradient(90deg,#3a3a3a 1px,#0000 1px),linear-gradient(90deg,#1c1c1c 1px,#0000 1px);border-bottom:1px solid #262626;flex:none;position:relative}.arr__row.is-selected .arr__lane{background-color:#ffffff06}.arr__clip{border-radius:var(--radius-sm);border:2px solid var(--clip);background:color-mix(in srgb, var(--clip) 26%, #121212);cursor:grab;touch-action:none;min-width:6px;position:absolute;top:4px;bottom:4px;overflow:hidden}.arr__clip:active{cursor:grabbing}.arr__clip.is-selected{border-color:var(--text);box-shadow:3px 3px 0 var(--text)}.arr__clip.is-dragging{opacity:.4}.arr__clip.is-muted{opacity:.35}.arr__mini{width:100%;height:100%;fill:var(--clip);padding:4px 0;display:block}.arr__overlay{top:0;bottom:0;left:var(--head-w);z-index:2;pointer-events:none;position:absolute;right:0}.arr__ghost{border:2px dashed var(--text);border-radius:6px;position:absolute}.arr__ghost.is-invalid{border-color:var(--danger);background:#ff6b5e24}.arr__cursor,.arr__playhead{border-left:1px dashed var(--muted);width:0;position:absolute;top:0;bottom:0}.arr__playhead{border-left:2px solid var(--text)}.arr__playhead.is-recording{border-left-color:var(--accent)}.arr__hint{color:var(--muted);margin:0;font-size:12px}@media (width<=760px){.arr{--head-w:88px}}.rack{flex-direction:column;gap:10px;display:flex}.rack__flow{color:var(--muted);margin:0;font-size:12px}.rack__grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.fx{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--card-raised);flex-direction:column;gap:6px;min-width:0;padding:10px 12px 12px;display:flex}.fx:not(.is-on) .param{opacity:.5}.fx.is-on:not(.fx--sends){border-color:var(--accent)}.fx__head{align-items:center;gap:8px;min-height:30px;display:flex}.fx__title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--text);flex:1;margin:0;font-size:13px;font-weight:800}.fx__power{border:2px solid var(--edge);border-radius:var(--radius-sm);background:var(--card);cursor:pointer;place-items:center;width:28px;height:28px;padding:0;display:grid}.fx__led{background:#4a4a4a;border-radius:2px;width:12px;height:12px}.fx__power[aria-pressed=true] .fx__led{background:var(--accent)}.fx__reset{padding:4px 8px;font-size:12px}.fx__note{color:var(--muted);margin:2px 0 0;font-size:12px}.param--fx{grid-template-columns:70px minmax(0,1fr) 62px;gap:8px}