.vibe-wordmark,.vibe-mark{width:auto;height:1em;display:block;overflow:visible}.vibe-wordmark path,.vibe-mark path{fill:none;stroke-linecap:round}.vibe-letter,.vibe-dot{transform-box:fill-box;transform-origin:50% 100%}.vibe-dot{filter:drop-shadow(0 0 2px #ffffff73)}[data-theme=light] .vibe-dot{filter:none}.landing{--flow-duration:12s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);height:100%;color:var(--text);-webkit-user-select:text;user-select:text;scroll-behavior:smooth;font-size:17px;line-height:1.6;overflow:hidden auto}.landing a{color:inherit;text-decoration:none}:where(.landing figure){margin:0}:where(.landing img){width:100%;height:auto;display:block}.lp-wrap{max-width:1240px;margin:0 auto;padding:0 32px}.lp-btn{border-radius:var(--radius-m);background:var(--agent-fill);align-items:center;height:48px;padding:0 22px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;color:var(--agent-ink)!important}.landing .lp-cta{isolation:isolate;height:58px;animation:lp-cta-flow var(--flow-duration) ease-in-out infinite alternate;background:linear-gradient(#ffffff4d,#ffffff0d 50%,#00000024) 0 0/100% 100%,linear-gradient(100deg,#b69cff,#ff8fcf,#ffb547,#ff8fcf,#b69cff) 0 0/220% 100%;border-radius:14px;gap:10px;padding:0 24px 0 30px;font-size:17px;font-weight:650;position:relative;box-shadow:inset 0 1px #ffffffa6,inset 0 -2px #0000002e,0 1px 1px #00000080,-22px 18px 36px -18px #b69cffd9,0 18px 36px -18px #ff8fcfcc,22px 18px 36px -18px #ffb547d9}.landing .lp-cta:hover{transform:translateY(-2px)}.landing .lp-cta:active{transform:translateY(1px)}.lp-cta>*{z-index:1;position:relative}.lp-cta:before{content:"";z-index:-1;background:var(--agent-flow) 0 0 / 200% 100%;filter:blur(20px);opacity:.36;animation:lp-cta-glow 3.4s ease-in-out infinite, flow-1 var(--flow-duration) ease-in-out infinite alternate;border-radius:20px;position:absolute;inset:-4px}.lp-cta:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#0000 38%,#fff9 50%,#0000 62%) -150% 0/250% 100% no-repeat;animation:5s ease-in-out 1.8s infinite lp-cta-sheen;position:absolute;inset:0}.lp-cta svg{transition:transform .2s}.lp-cta:hover svg{transform:translate(4px)}@keyframes lp-cta-flow{to{background-position:0 0,100% 0}}@keyframes lp-cta-glow{50%{opacity:.58;transform:scale(1.04)}}@keyframes lp-cta-sheen{0%{background-position:-150% 0}35%,to{background-position:250% 0}}.lp-btn.ghost{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);color:var(--text)!important}.lp-btn.ghost:hover{background:var(--raised)}.lp-actions{flex-wrap:wrap;gap:12px;display:flex}.landing h1,.landing h2,.landing h3{letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:600}.landing h1{max-width:1080px;font-size:clamp(42px,6.3vw,86px);line-height:1.02}.landing h2{font-size:clamp(32px,3.8vw,50px);line-height:1.06}.landing h3{letter-spacing:-.025em;font-size:30px;line-height:1.1}:where(.landing p){color:var(--muted);margin:0}.landing mark{color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;filter:drop-shadow(0 .03em #60386ed9)drop-shadow(-.14em 0 .3em #b69cff33)drop-shadow(.14em 0 .3em #ffb54726);animation:lp-drift var(--flow-duration) ease-in-out infinite alternate;background-image:linear-gradient(#fff3,#ffffff0a 48%,#0000 56%,#00000024),linear-gradient(100deg,#b69cff,#ff8fcf,#ffb547,#ff8fcf,#b69cff);background-size:100% 100%,200% 100%;-webkit-background-clip:text;background-clip:text}@keyframes lp-drift{to{background-position:0 0,100% 0}}.landing kbd{font:600 .56em/1 var(--font-ui);vertical-align:.2em;background:var(--raised);box-shadow:inset 0 -2px 0 var(--line), 0 0 0 1px var(--line);color:var(--text);letter-spacing:0;border-radius:6px;margin:0 .08em;padding:.32em .45em;display:inline-block}.lp-hero{overflow-clip-margin:0;text-align:center;flex-direction:column;align-items:center;padding-top:104px;display:flex;position:relative;overflow-x:clip}.lp-hero>*{position:relative}.lp-aurora{z-index:0;pointer-events:none;filter:blur(80px);opacity:.3;width:min(1240px,140vw);height:780px;top:-100px;left:50%;translate:-50%;position:absolute!important}.lp-aurora i{border-radius:50%;position:absolute}.lp-aurora i:first-child{background:#b69cff;width:44%;height:60%;animation:19s ease-in-out infinite alternate lp-aurora-a;top:6%;left:12%}.lp-aurora i:nth-child(2){background:#ff8fcf;width:38%;height:50%;animation:23s ease-in-out infinite alternate lp-aurora-b;top:22%;left:36%}.lp-aurora i:nth-child(3){opacity:.5;background:#ffb547;width:34%;height:46%;animation:17s ease-in-out infinite alternate lp-aurora-c;top:2%;left:54%}@keyframes lp-aurora-a{to{transform:translate(20%,16%)scale(1.15)}}@keyframes lp-aurora-b{to{transform:translate(-24%,-12%)scale(.88)}}@keyframes lp-aurora-c{to{transform:translate(-14%,22%)scale(1.2)}}.lp-wordmark{font-size:clamp(104px,34vw,300px)}.lp-hero h1{max-width:980px;margin-top:52px;font-size:clamp(30px,3.9vw,54px);line-height:1.08}.lp-hero-actions{flex-direction:column;align-items:center;gap:26px;margin-top:40px;display:flex}.landing .lp-support-link{color:var(--faint);text-underline-offset:4px;font-size:14px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .15s,text-decoration-color .15s}.landing .lp-support-link:hover{color:var(--muted);text-decoration-color:currentColor}.lp-wordmark .vibe-letter{animation:.9s cubic-bezier(.2,1.4,.4,1) both lp-rise,7s ease-in-out infinite lp-wave;animation-delay:calc(var(--i) * 90ms), calc(2.6s + var(--i) * .11s)}.lp-wordmark .vibe-i .vibe-dot{animation:1.1s cubic-bezier(.3,0,.3,1) .52s both lp-drop,1.6s ease-out 2.2s infinite lp-beat}@keyframes lp-rise{0%{opacity:0;transform:translateY(26%)}40%{opacity:1}to{opacity:1;transform:none}}@keyframes lp-drop{0%{opacity:0;transform:translateY(-260%)}12%{opacity:1}38%{transform:translateY(0)scale(1.14,.84)}52%{transform:translateY(-62%)scale(.96,1.05)}66%{transform:translateY(0)scale(1.07,.93)}78%{transform:translateY(-18%)}88%{transform:translateY(0)scale(1.02,.98)}to{opacity:1;transform:none}}@keyframes lp-wave{0%,10%,to{transform:none}3.5%{transform:translateY(-5%)scale(.99,1.03)}7%{transform:translateY(.6%)}}@keyframes lp-beat{0%,to{filter:drop-shadow(0 0 2.5px #ffffff73)}12%{filter:drop-shadow(0 0 6px #ffffffb3)}}.lp-wordmark .vibe-letter.bop{animation:.9s cubic-bezier(.2,1.4,.4,1) both lp-rise,7s ease-in-out infinite lp-wave,.52s cubic-bezier(.3,0,.3,1) lp-bop;animation-delay:calc(var(--i) * 90ms), calc(2.6s + var(--i) * .11s), 0s}@keyframes lp-bop{30%{transform:translateY(-9%)scale(.97,1.04)}60%{transform:translateY(1.5%)scale(1.03,.97)}to{transform:none}}.lp-ticker{flex-direction:column;gap:12px;margin-top:128px;display:flex;overflow:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.lp-ticker-row{width:max-content;animation:64s linear infinite lp-tick;display:flex}.lp-ticker-row:nth-child(2){animation-duration:76s;animation-direction:reverse}.lp-ticker ul{gap:56px;margin:0;padding:0 56px 0 0;list-style:none;display:flex}.lp-ticker li{white-space:nowrap;color:var(--muted);font-size:17px}@keyframes lp-tick{to{transform:translate(-50%)}}#support{scroll-margin-top:48px}.lp-hero-shot{text-align:left;width:100%;margin-top:76px;position:relative}.lp-frame{border-radius:var(--radius-l);background:var(--panel);box-shadow:0 0 0 1px var(--line), 0 40px 100px #0009;overflow:clip}.lp-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:88px;padding-top:160px;padding-bottom:40px;display:grid}.lp-copy h2{margin-bottom:24px}.lp-copy>p{max-width:500px}.lp-producer{justify-self:end;width:100%;max-width:400px}.lp-facts{max-width:500px;color:var(--text);margin:36px 0 0;padding:0;font-size:15px;list-style:none}.lp-facts li{border-top:1px solid var(--line-soft);padding:14px 0}.lp-facts li:last-child{border-bottom:1px solid var(--line-soft)}.lp-band{background:var(--lcd-bg);border-block:1px solid var(--line-soft);margin-top:140px}.lp-band .lp-split{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);padding-block:120px}.lp-daw{padding-top:160px}.lp-daw-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:88px;margin-bottom:56px;display:grid}.lp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:20px;display:grid}.lp-grid .wide{grid-column:1/-1}.lp-grid .lp-mixer{align-self:start;min-width:0}.lp-mixer img{width:100%;height:auto}.lp-promise{align-self:center;padding:0 0 0 40px}.lp-promise h3{margin-bottom:18px}.lp-promise p{max-width:460px}.lp-end{text-align:center;padding-top:180px;padding-bottom:120px}.lp-end h2{max-width:820px;margin:0 auto 24px;font-size:clamp(36px,4.6vw,62px)}.lp-end>p{max-width:620px;margin:0 auto 36px}.lp-end .lp-actions{justify-content:center}.lp-support-line{max-width:520px;margin:56px auto 0;font-size:14px}.lp-support-line a{color:#0000;background:var(--agent-fill);-webkit-background-clip:text;background-clip:text}.lp-wallets{text-align:left;max-width:640px;margin:0 auto}.lp-wallets .lp-support-line{text-align:center;margin-bottom:24px}.lp-wallet{border-top:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 12px;padding:14px 0;font-size:14px;display:grid}.lp-wallet>span{grid-column:1/-1;align-items:baseline;gap:10px;display:flex}.lp-wallet small{color:var(--faint);font-size:12px}.lp-wallet code{font:11px/1.5 var(--font-lcd);color:var(--muted);overflow-wrap:anywhere}.lp-wallet button{border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px var(--line);color:var(--text);white-space:nowrap;padding:6px 10px;font-size:12.5px}.lp-wallet button:hover,.lp-wallet button[aria-expanded=true]{background:var(--raised)}.lp-qr-panel{grid-column:1/-1;grid-template-rows:1fr;animation:.36s cubic-bezier(.2,.8,.3,1) both lp-qr-open;display:grid}.lp-qr-panel.closing{animation:.24s cubic-bezier(.4,0,.8,.4) both lp-qr-close}.lp-qr-panel>div{justify-content:center;min-height:0;display:flex;overflow:hidden}.lp-qr-panel .lp-qr{padding:12px 0 28px;animation:.36s cubic-bezier(.2,1.3,.4,1) both lp-qr-pop}.lp-qr-panel.closing .lp-qr{animation:.24s ease-in both lp-qr-drop}@keyframes lp-qr-open{0%{opacity:0;grid-template-rows:0fr}}@keyframes lp-qr-close{to{opacity:0;grid-template-rows:0fr}}@keyframes lp-qr-pop{0%{transform:translateY(-10px)scale(.92)}}@keyframes lp-qr-drop{to{transform:translateY(-10px)scale(.92)}}.lp-qr{flex-direction:column;align-items:center;gap:12px;display:flex}.lp-qr svg,.lp-qr-wait{background:#fff;border-radius:12px;width:220px;height:220px;display:block}.lp-qr path{fill:#161925}.lp-qr figcaption,.lp-qr-note{color:var(--muted);font-size:13px}.lp-status{color:#0000;background:var(--agent-fill);-webkit-background-clip:text;background-clip:text;width:-moz-fit-content;width:fit-content;min-height:20px;margin:8px auto 0;font-size:13px;display:block}@media (max-width:1000px){.lp-split,.lp-band .lp-split,.lp-daw-head{grid-template-columns:1fr;gap:48px}.lp-band .lp-split>figure{order:1}.lp-producer{justify-self:start}.lp-promise{padding:20px 0 0}}@media (max-width:720px){.landing{font-size:16px}.lp-wrap{padding:0 20px}.lp-hero{padding-top:56px}.lp-hero h1{margin-top:36px}.lp-hero-actions{margin-top:32px}.lp-hero-shot{margin-top:48px;padding-bottom:0}.lp-bleed{border-radius:var(--radius-m) 0 0 var(--radius-m);margin-right:-20px}.lp-bleed img{width:170%;max-width:none}.lp-ticker{gap:10px;margin-top:88px}.lp-ticker ul{gap:40px;padding-right:40px}.lp-ticker li{font-size:15px}.lp-split{padding-top:104px}.lp-band{margin-top:104px}.lp-band .lp-split{padding-block:80px}.lp-daw{padding-top:104px}.lp-daw-head{gap:20px;margin-bottom:36px}.lp-grid{grid-template-columns:1fr}.lp-grid .wide{grid-column:auto}.lp-grid .wide img{width:170%;max-width:none}.lp-inline{border-radius:var(--radius-s)}.lp-end{padding-top:120px;padding-bottom:80px}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.lp-reveal{animation:linear both lp-reveal;animation-timeline:view();animation-range:entry entry 55%}.lp-hero-shot .lp-frame{transform-origin:50% 0;animation:linear both lp-tilt;animation-timeline:view();animation-range:entry 40% cover 55%}}}@keyframes lp-reveal{0%{opacity:0;transform:translateY(64px)scale(.98)}}@keyframes lp-tilt{0%{transform:perspective(1400px)rotateX(18deg)scale(.94)}}@media (prefers-reduced-motion:reduce){.landing{scroll-behavior:auto}.landing mark,.lp-aurora i,.lp-btn,.lp-cta:before,.lp-cta:after{transition:none;animation:none}.lp-qr-panel,.lp-qr-panel .lp-qr{animation-duration:1ms}.lp-wordmark .vibe-letter,.lp-wordmark .vibe-i .vibe-dot,.lp-wordmark .vibe-letter.bop{animation:none}.lp-ticker{-webkit-mask-image:none;mask-image:none}.lp-ticker-row{justify-content:center;width:auto;animation:none}.lp-ticker ul{flex-wrap:wrap;justify-content:center;gap:12px 40px;padding:0}.lp-ticker ul[aria-hidden]{display:none}}:root{--bg:#050505;--panel:#0b0b0c;--panel-2:#111113;--raised:#1a1a1d;--hover:#242428;--line:#222225;--line-soft:#161618;--text:#ececee;--muted:#a5a5ab;--faint:#6f6f77;--agent:#ff8fcf;--agent-strong:#ffa8e8;--agent-wash:#ff8fcf24;--agent-line:#ff8fcf8c;--agent-fill:linear-gradient(100deg, #b69cff, #ff8fcf, #ffb547);--agent-fill-strong:linear-gradient(100deg, #cfb5ff, #ffa8e8, #ffce60);--agent-ink:#1a1430;--ink-0:#b69cff;--ink-1:#ff8fcf;--ink-2:#ffb547;--agent-wash-fill:linear-gradient(100deg, color-mix(in srgb, var(--ink-0) 14%, transparent), color-mix(in srgb, var(--ink-1) 14%, transparent), color-mix(in srgb, var(--ink-2) 14%, transparent));--agent-wash-strong:linear-gradient(100deg, color-mix(in srgb, var(--ink-0) 20%, transparent), color-mix(in srgb, var(--ink-1) 20%, transparent), color-mix(in srgb, var(--ink-2) 20%, transparent));--ink-glow:-16px 10px 22px -16px var(--ink-0), 0 10px 22px -16px var(--ink-1), 16px 10px 22px -16px var(--ink-2);--ink-glow-flip:-16px 10px 22px -16px var(--ink-2), 0 10px 22px -16px var(--ink-1), 16px 10px 22px -16px var(--ink-0);--agent-flow:linear-gradient(100deg, #b69cff, #ff8fcf, #ffb547, #ff8fcf, #b69cff);--flow-duration:24s;--flow-play:running;--logo-dot:#fff;--app-bg:#000;--edge:#ffffff0d;--sheen:linear-gradient(180deg, #ffffff06, #fff0 140px);--lift:0 1px 2px #00000059, 0 12px 32px -16px #000000b3;--signal:#ffb547;--rec:#ff5d73;--ok:#3ddc97;--warn:#ffd166;--lane-a:#070708;--lane-b:#0a0a0b;--grid-bar:#ffffff13;--grid-beat:#ffffff09;--roll-white:#0f0f11;--roll-inkey:#141416;--roll-black:#050505;--lcd-bg:#000;--display-bg:#000;--display-text:#ececee;--display-pos:#ffb547;--display-glow:#ffb54773;--display-inset:#0000008c;--meter-bg:#000;--tooltip-bg:#111113;--radius-s:4px;--radius-m:8px;--radius-l:14px;--font-ui:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-lcd:"Martian Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--shadow-pop:0 18px 50px #0000008c, 0 0 0 1px var(--line);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{height:100dvh}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;-webkit-user-select:none;user-select:none;font-size:13px;line-height:1.4;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}*,:focus,:focus-visible{outline:none}input[type=text],input[type=password],input[type=number],input[type=search],select,textarea{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-s);-webkit-user-select:text;user-select:text;outline:none;padding:5px 8px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--raised);border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-corner{background:0 0}.app{height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template:"top top top"52px"browser main agent"1fr/auto 1fr auto;display:grid}.topbar{grid-area:top}.browser{grid-area:browser}.main{flex-direction:column;grid-area:main;min-width:0;min-height:0;display:flex}.agent{grid-area:agent}.btn{border-radius:var(--radius-s);height:28px;color:var(--muted);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.btn:hover{background:var(--hover);color:var(--text)}.btn.primary{background:var(--agent-fill);color:var(--agent-ink);font-weight:600}.ai-ink{background:var(--agent-fill);color:#0000;-webkit-background-clip:text;background-clip:text}.btn.solid{background:var(--raised);color:var(--text)}.btn.solid:hover{background:var(--hover)}.btn.danger:hover{color:var(--rec)}.btn.on{color:var(--signal)}.btn:disabled{opacity:.4;cursor:default}.btn.icon{justify-content:center;width:28px;padding:0}.chip{background:var(--raised);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;display:inline-flex}.divider{background:var(--line);align-self:stretch;width:1px;margin:10px 4px}.topbar{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:0 10px;display:flex}.brand{color:inherit;border-radius:var(--radius-s);align-items:center;padding:0 8px 0 4px;text-decoration:none;display:flex}.brand-name{font-size:19px}.brand-mark{font-size:20px;display:none}.project-name{text-overflow:ellipsis;background:0 0;border:1px solid #0000;flex:0 220px;width:220px;min-width:90px;padding:4px 8px;font-size:14px;font-weight:600}.project-name:hover{border-color:var(--line)}.save-state{color:var(--faint);white-space:nowrap;flex:none;min-width:64px;font-size:11.5px}.transport{align-items:center;gap:2px;margin-left:auto;display:flex}.transport .play{border-radius:var(--radius-m);background:var(--raised);width:36px;height:32px;color:var(--text);place-items:center;display:grid}.transport .play:hover{background:var(--hover)}.transport .play.playing{background:var(--signal);color:#2a1a00}.transport-loading{color:var(--muted);white-space:nowrap;margin:0 4px;font-size:11px}.lcd{background:var(--display-bg);border:1px solid var(--line);border-radius:var(--radius-m);height:34px;font-family:var(--font-lcd);flex:none;align-items:stretch;margin:0 8px;font-size:12.5px;display:flex;overflow:hidden}.lcd>*{border-right:1px solid var(--line-soft);align-items:center;padding:0 10px;display:flex}.lcd>:last-child{border-right:0}.lcd .pos{color:var(--display-pos);font-variant-numeric:tabular-nums;justify-content:center;min-width:92px}.lcd input,.lcd select{font-family:var(--font-lcd);color:var(--display-text);background:0 0;border:0;border-radius:0;padding:0;font-size:12.5px}.lcd input{text-align:right;width:44px}.lcd .tempo{cursor:ns-resize;touch-action:none}.lcd .tempo input:not(:focus){cursor:ns-resize}.lcd .unit{color:var(--faint);margin-left:4px;font-size:10px}.lcd select{appearance:none;cursor:pointer;field-sizing:content}.lcd select option{background:var(--panel)}.top-right{align-items:center;gap:4px;margin-left:auto;display:flex}.menu-wrap{position:relative}.menu{z-index:40;background:var(--panel);border-radius:var(--radius-m);min-width:240px;box-shadow:var(--shadow-pop);padding:4px;position:absolute;top:calc(100% + 6px);right:0}.menu-item{border-radius:var(--radius-s);text-align:left;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:7px 10px;display:flex}.menu-item:hover{background:var(--hover)}.menu-item span{color:var(--faint);font-size:11.5px}.avatar{background:var(--raised);border-radius:50%;place-items:center;width:26px;height:26px;font-weight:600;display:grid;overflow:hidden}.avatar img{width:100%;height:100%}.browser{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;width:248px;min-height:0;display:flex}.browser.collapsed{border:0;width:0;overflow:hidden}.tabs{gap:2px;padding:8px 8px 0;display:flex}.tab{border-radius:var(--radius-s) var(--radius-s) 0 0;color:var(--faint);padding:6px 10px;font-weight:500}.tab:hover{color:var(--text)}.tab.active{color:var(--text);background:var(--agent-fill) bottom / 100% 2px no-repeat}.browser-search{border-bottom:1px solid var(--line-soft);gap:6px;padding:8px;display:flex}.browser-search input{flex:1;min-width:0}.cats{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;gap:4px;padding:8px;display:flex}.cat{color:var(--muted);background:var(--panel-2);border-radius:999px;padding:2px 8px;font-size:11.5px}.cat:hover{color:var(--text)}.cat.active{background:var(--raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.list{flex:1;padding:4px;overflow-y:auto}.sample-row{border-radius:var(--radius-s);cursor:grab;flex-wrap:wrap;align-items:center;gap:6px;padding:5px 6px;display:flex}.sample-row:hover{background:var(--panel-2)}.sample-row .name{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;overflow:hidden}.sample-row .meta{color:var(--faint);font-size:11px}.sample-row .play-mini{width:22px;height:22px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.sample-row .play-mini:hover{background:var(--raised);color:var(--text)}.sample-row .add-mini{border-radius:var(--radius-s);width:22px;height:22px;color:var(--muted);place-items:center;display:grid}.sample-row .add-mini:hover{background:var(--raised);color:var(--text)}@media (hover:hover){.sample-row .add-mini{opacity:0}.sample-row:hover .add-mini,.sample-row .add-mini:focus-visible{opacity:1}}.sample-row .play-mini,.sample-row .add-mini{flex:none}.sample-row .heard{color:var(--faint);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1 0 100%;padding-left:28px;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.sample-row .credit{min-width:0;max-width:45%;color:var(--faint);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;font-size:11px;line-height:1.35;overflow:hidden}.sample-row .credit:hover{color:var(--muted)}.sample-row.generated .name:before{content:"";background:var(--agent-fill);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.preset-row{border-radius:var(--radius-s);cursor:grab;flex-direction:column;gap:2px;padding:7px 8px;display:flex}.preset-row:hover{background:var(--panel-2)}.preset-row .desc{color:var(--faint);font-size:11.5px;line-height:1.35}.family{color:var(--faint);padding:10px 8px 4px;font-size:11.5px}.browser-foot{border-top:1px solid var(--line-soft);padding:8px}.dropzone{border:1px dashed var(--line);border-radius:var(--radius-m);text-align:center;color:var(--faint);padding:10px;font-size:12px}.dropzone.over{color:var(--text);background:linear-gradient(var(--panel), var(--panel)) padding-box, var(--agent-fill) border-box;border-style:solid;border-color:#0000}.arrange{background:var(--bg);flex-direction:column;flex:1;min-height:120px;display:flex;position:relative;container:arrange/inline-size}.arrange-tools{border-bottom:1px solid var(--line);background:var(--panel);height:40px;color:var(--muted);flex-shrink:0;align-items:center;gap:4px;min-height:40px;padding:0 8px 0 6px;display:flex}.arrange-tools>*{flex:none}.arrange-tools .btn{border-radius:8px}.arrange-tools label{white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.arrange-tools select{padding:2px 6px}.scroller{flex:1;position:relative;overflow:auto}.timeline{position:relative}.ruler{z-index:8;background:var(--panel);border-bottom:1px solid var(--line);height:40px;display:flex;position:sticky;top:0}.ruler .corner{z-index:9;width:var(--header-w);background:var(--panel);border-right:1px solid var(--line);flex:none;align-items:flex-end;gap:4px;padding:0 8px 4px;display:flex;position:sticky;left:0}.ruler .marks{cursor:pointer;flex:none;position:relative}.ruler .bar-num{color:var(--faint);font-variant-numeric:tabular-nums;pointer-events:none;font-size:10.5px;position:absolute;bottom:4px;transform:translate(3px)}.ruler .bar-tick{background:var(--line);pointer-events:none;width:1px;height:8px;position:absolute;bottom:0}.ruler .section{height:17px;color:var(--text);background:var(--raised);border-left:2px solid var(--signal);white-space:nowrap;border-radius:3px;padding:0 6px;font-size:11px;font-weight:600;line-height:17px;position:absolute;top:3px;overflow:hidden}.ruler .loop-region{pointer-events:none;background:#ffb5474d;border-radius:3px;height:3px;position:absolute;top:21px}.ruler .loop-region.on{background:var(--signal)}.track-row{height:var(--track-h);border-bottom:1px solid var(--line-soft);display:flex}.track-head{z-index:7;width:var(--header-w);background:var(--panel);border-right:1px solid var(--line);flex:none;grid-template-rows:auto auto;grid-template-columns:4px 1fr auto;align-items:center;column-gap:8px;padding:6px 8px 6px 0;display:grid;position:sticky;left:0}.track-head.selected{background:var(--panel-2)}.track-head .swatch{border-radius:0 2px 2px 0;grid-row:1/3;align-self:stretch}.track-head .tname{text-overflow:ellipsis;background:0 0;border:0;width:100%;min-width:0;padding:0;font-weight:600}.track-head .tsub{min-width:0;height:20px;color:var(--faint);grid-column:2/4;align-items:center;gap:6px;font-size:11px;display:flex}.track-head .tsub>span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.track-head .tbtns{grid-column:3;gap:3px;display:flex}.track-head .tactions{flex:none;gap:2px;margin-right:-3px;display:flex}.track-head .add-mini{border-radius:var(--radius-s);width:20px;height:20px;color:var(--faint);place-items:center;display:grid}.track-head .add-mini:hover{background:var(--hover);color:var(--text)}.track-head .add-mini.danger:hover{color:var(--rec)}@media (hover:hover){.track-head .tactions{opacity:0;transition:opacity .12s}.track-head:hover .tactions,.track-head.selected .tactions,.track-head .tactions:focus-within{opacity:1}}.ms{width:22px;height:18px;color:var(--faint);background:var(--raised);box-shadow:inset 0 0 0 1px var(--line);border-radius:3px;font-size:10.5px;font-weight:700}.ms:hover{color:var(--text);background:var(--hover)}.ms.m.on{background:var(--rec);color:#2a0010}.ms.s.on{background:var(--warn);color:#2a1f00}.lane{flex:none;position:relative}.lane.drop-target{background:var(--agent-wash-fill)!important}.add-track-row{height:44px;display:flex}.add-track-row .track-head{grid-template-columns:1fr;gap:4px;padding:6px 8px;display:flex}.clip{cursor:grab;background:color-mix(in srgb, var(--c) 26%, var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 55%, transparent);border-radius:5px;position:absolute;top:3px;bottom:3px;overflow:hidden}.clip:active{cursor:grabbing}.clip .cname{color:#0b0b0c;background:var(--c);align-items:center;gap:2px;height:16px;padding:0 5px;font-size:10.5px;font-weight:600;line-height:16px;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.clip .cname>span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.clip .cname .add-mini{width:18px;height:14px;color:inherit;opacity:.75;border-radius:3px;flex:none;place-items:center;display:grid}.clip .cname .add-mini:hover{opacity:1;background:#10131c29}.clip>svg,.clip>canvas{width:100%;height:calc(100% - 16px);position:absolute;top:16px;left:0}.clip{--clip-ink:#fffc}[data-theme=light] .clip{--clip-ink:color-mix(in srgb, var(--c) 58%, #0b0b0c)}.clip>svg rect{fill:var(--clip-ink)}.clip>canvas{color:var(--clip-ink)}.clip.muted{opacity:.35}.clip .resize{cursor:ew-resize;width:7px;height:100%;position:absolute;top:0;right:0}.clip.ai:before{content:"";z-index:3;border-radius:inherit;background:var(--agent-fill);-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.clip.ai.selected:before{border-radius:3px;inset:2px}.clip.ai:after{content:"";pointer-events:none;background:var(--agent-fill);opacity:.14;position:absolute;inset:0;-webkit-mask:repeating-linear-gradient(115deg,#0000 0 10px,#000 10px 12px);mask:repeating-linear-gradient(115deg,#0000 0 10px,#000 10px 12px)}.clip.ai .cname:after{content:"AI";color:#0b0b0c;letter-spacing:.06em;flex:none;margin-left:6px;font-size:9.5px;font-weight:800}.playhead{background:var(--signal);z-index:5;pointer-events:none;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #ffb54799}.playhead:before{content:"";border:5px solid #0000;border-top:7px solid var(--signal);position:absolute;top:0;left:-5px}.empty-arrange{inset:76px 0 0 var(--header-w);pointer-events:none;grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:absolute}.hero-card{pointer-events:auto;border-radius:var(--radius-l);background:var(--panel);width:min(560px,90%);box-shadow:var(--shadow-pop);padding:28px;position:relative}.hero-close{position:absolute;top:12px;right:12px}.hero-card h1{padding-right:32px}.key-steps{color:var(--muted);margin:0 0 16px;padding-left:20px;font-size:13.5px;line-height:1.7}.key-steps a{color:inherit;text-decoration:underline}.key-steps b{color:var(--text)}.hero-card h1{letter-spacing:-.02em;margin:0 0 6px;font-size:26px;font-weight:650;line-height:1.15}.hero-card p{color:var(--muted);margin:0 0 18px;font-size:14px}.hero-input{gap:8px;display:flex}.hero-input input{border-radius:var(--radius-m);flex:1;min-width:0;padding:10px 12px;font-size:15px}.hero-input .btn{height:auto;padding:0 16px}.suggestions{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.suggestion{background:var(--panel-2);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:5px 10px;font-size:12.5px}.suggestion:hover{color:var(--text);box-shadow:none;background:linear-gradient(var(--panel-2), var(--panel-2)) padding-box, var(--agent-fill) border-box;border:1px solid #0000;padding:4px 9px}.hero-foot{color:var(--faint);margin-top:16px;font-size:12px}.dock{border-top:1px solid var(--line);background:var(--panel);flex-direction:column;min-height:0;display:flex}.dock-resize{cursor:ns-resize;z-index:3;height:5px;margin-top:-3px;position:relative}.dock-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:2px;height:34px;padding:0 8px;display:flex}.dock-head .tab{border-radius:0;padding:8px 10px 7px}.dock-head .spacer{flex:1}.dock-body{flex:1;min-height:0;position:relative;overflow:hidden}.dock-empty{height:100%;color:var(--faint);text-align:center;place-items:center;padding:20px;display:grid}.roll{flex-direction:column;height:100%;display:flex}.roll-tools{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:4px 6px;padding:6px 8px;display:flex}.roll-tools input[type=text]{width:160px}.roll-tools input[type=number]{width:56px}.roll-tools .group{border-left:1px solid var(--line-soft);align-items:center;gap:2px;padding:0 6px;display:flex}.roll-body{flex:1;min-height:0;display:flex;position:relative;overflow:auto}.keys{z-index:3;background:var(--panel);border-right:1px solid var(--line);flex:none;width:52px;position:sticky;left:0}.key{color:var(--faint);cursor:pointer;border-bottom:1px solid #0000004d;justify-content:flex-end;align-items:center;padding-right:6px;font-size:9.5px;display:flex;position:absolute;left:0;right:0}.key.white{background:var(--roll-white)}.key.black{background:var(--roll-black)}.key:hover{background:var(--hover);color:var(--text)}.key.c{color:#555a75;font-weight:600}.grid{cursor:crosshair;flex:none;position:relative}.row-bg{position:absolute;left:0;right:0}.note{background:var(--c);cursor:move;border-radius:3px;position:absolute;box-shadow:inset 0 0 0 1px #00000059}.note.selected{background:#fff}.note .nresize{cursor:ew-resize;width:6px;position:absolute;top:0;bottom:0;right:0}.velocity{border-top:1px solid var(--line);background:var(--bg);flex:none;height:56px;position:relative}.vel-bar{background:var(--c);border-radius:2px 2px 0 0;width:4px;position:absolute;bottom:0}.drum-grid{height:100%;overflow:auto}.drum-row{border-bottom:1px solid var(--line-soft);align-items:center;height:30px;display:flex}.drum-row .lname{z-index:2;background:var(--panel);border-right:1px solid var(--line);flex:none;align-items:center;gap:6px;width:120px;height:100%;padding:0 8px;font-weight:600;display:flex;position:sticky;left:0}.steps{gap:2px;padding:0 4px;display:flex}.step{background:var(--panel-2);width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--line-soft);border-radius:4px}.step.beat{background:var(--raised)}.step.on{background:var(--c);box-shadow:none}.step.bar-start{margin-left:8px}.mixer{gap:6px;height:100%;padding:10px;display:flex;overflow-x:auto}.strip{background:var(--panel-2);border-radius:var(--radius-m);width:92px;box-shadow:inset 0 3px 0 var(--c);flex-direction:column;flex:none;align-items:center;gap:6px;padding:8px 6px;display:flex}.strip.selected{box-shadow:inset 0 3px 0 var(--c), inset 0 0 0 1px var(--line)}.strip.master{box-shadow:inset 0 3px 0 var(--signal);width:104px}.strip .sname{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:12px;font-weight:600;overflow:hidden}.strip .fx-count{color:var(--faint);font-size:11px}.fader-wrap{flex:1;align-items:stretch;gap:6px;min-height:60px;display:flex}.fader{writing-mode:vertical-lr;direction:rtl}.meter{background:var(--meter-bg);border-radius:3px;width:8px;position:relative;overflow:hidden}.meter .fill{background:linear-gradient(to top, var(--ok) 0%, var(--ok) 65%, var(--warn) 85%, var(--rec) 100%);background-size:100% var(--meter-h,100px);background-position:bottom;position:absolute;bottom:0;left:0;right:0}.db{font-family:var(--font-lcd);color:var(--muted);font-size:10px}.pan{width:74px}.inspector{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:10px;height:100%;padding:10px 12px;display:grid;overflow:auto}.card{background:var(--panel-2);border-radius:var(--radius-m);flex-direction:column;gap:8px;padding:10px;display:flex}.card-head{align-items:center;gap:6px;font-weight:600;display:flex}.card-head .spacer{flex:1}.param{color:var(--muted);grid-template-columns:92px 1fr 52px;align-items:center;gap:8px;font-size:12px;display:grid}.param input[type=range]{--fill:var(--agent-fill);width:100%}.param .val{text-align:right;font-family:var(--font-lcd);color:var(--text);font-size:10.5px}.lane-row{grid-template-columns:64px 1fr 52px 28px;align-items:center;gap:6px;font-size:12px;display:grid}.lane-row select{min-width:0;padding:3px 4px}.lane-row input{width:52px;padding:3px 4px}.agent{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;width:392px;min-height:0;display:flex}.agent.collapsed{border:0;width:0;overflow:hidden}.agent-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:6px;height:44px;padding:0 10px;display:flex}.agent-title{align-items:center;gap:8px;font-weight:650;display:flex}.agent-dot{background:var(--agent-fill);width:8px;height:8px;box-shadow:-2px 0 6px -1px var(--ink-0), 2px 0 6px -1px var(--ink-2);border-radius:50%}.agent-dot.busy{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:-3px 0 10px var(--ink-0), 3px 0 10px var(--ink-2)}}.seg{border-radius:var(--radius-s);background:var(--bg);margin-left:auto;padding:2px;display:flex}.seg button{color:var(--faint);border-radius:3px;padding:3px 10px;font-size:12px;font-weight:500}.seg button.on{background:var(--raised);color:var(--text)}.flow-row{align-items:center;gap:12px;display:flex}.flow-row input{--fill:var(--agent-flow);flex:1}.flow-row span{text-align:right;min-width:36px;font-family:var(--font-lcd);color:var(--muted);font-size:11px}.feed{-webkit-user-select:text;user-select:text;flex-direction:column;flex:1;gap:10px;padding:12px 12px 4px;display:flex;overflow-y:auto}.msg-user{background:var(--raised);white-space:pre-wrap;border-radius:12px 12px 3px;align-self:flex-end;max-width:88%;padding:8px 11px;position:relative}.msg-user .focus{width:-moz-fit-content;width:fit-content;margin-bottom:3px;font-size:11.5px;display:block}.msg-user .restore{opacity:0;position:absolute;top:6px;left:-30px}.msg-user:hover .restore{opacity:1}.msg-ai{font-size:13.5px;line-height:1.55}.msg-ai p{margin:0 0 8px}.msg-ai p:last-child{margin-bottom:0}.msg-ai ul,.msg-ai ol{margin:4px 0 8px;padding-left:18px}.msg-ai code{font-family:var(--font-lcd);background:var(--bg);border-radius:3px;padding:1px 4px;font-size:11.5px}.msg-ai strong{color:var(--text)}.cursor-blink:after{content:"▍";margin-left:1px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.thinking{color:var(--faint);font-size:12px}.thinking summary{cursor:pointer;align-items:center;gap:4px;list-style:none;display:inline-flex}.thinking summary::-webkit-details-marker{display:none}.thinking .body{border-left:2px solid var(--line);white-space:pre-wrap;max-height:220px;margin-top:6px;padding-left:10px;overflow:auto}.tool-row{color:var(--muted);align-items:flex-start;gap:8px;padding:1px 0;font-size:12.5px;display:flex}.tool-row .ico{background:var(--panel-2);border-radius:5px;flex:none;place-items:center;width:20px;height:20px;margin-top:-1px;display:grid}.tool-row.error .ico{color:var(--rec)}.tool-row.running .ico{animation:1.2s infinite pulse}.tool-row .txt{flex:1;min-width:0}.tool-row .txt .args{color:var(--faint);font-size:11.5px}.tool-row .actions{gap:2px;display:flex}.heard{border-radius:var(--radius-m);background:linear-gradient(180deg, var(--ink-0), var(--ink-1), var(--ink-2)) left / 2px 100% no-repeat, var(--agent-wash-fill);color:var(--text);white-space:pre-wrap;margin:2px 0 2px 28px;padding:8px 10px 8px 12px;font-size:12.5px;line-height:1.5}.heard-label{align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;margin-bottom:4px;font-size:11.5px;font-weight:600;display:flex}.plan{border-radius:var(--radius-m);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line-soft);padding:10px 12px}.plan-title{margin-bottom:6px;font-size:12.5px;font-weight:600}.plan-step{color:var(--muted);align-items:center;gap:8px;padding:2px 0;display:flex}.plan-step.done{color:var(--faint);text-decoration:line-through;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.plan-step.active{color:var(--text)}.plan-step .box{width:14px;height:14px;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:4px;flex:none;place-items:center;display:grid;position:relative}.plan-step.done .box{background:var(--agent-fill);box-shadow:none;color:var(--agent-ink)}.plan-step.active .box{box-shadow:none}.plan-step.active .box:after{content:"";background:var(--agent-fill);border-radius:2px;width:6px;height:6px;animation:1.2s infinite pulse}.pinned-plan{flex:none;margin:10px 10px 0;padding:10px 12px}.plan-title{cursor:pointer;align-items:center;gap:7px;list-style:none;display:flex}.plan-title::-webkit-details-marker{display:none}.plan-title>span{font-variant-numeric:tabular-nums;color:var(--faint);margin-left:auto}.plan-title:after{content:"⌄";color:var(--faint)}.plan:not([open]) .plan-title:after{content:"›"}.plan:not([open]) .plan-title{margin-bottom:0}.pinned-plan .plan-steps{max-height:min(28vh,220px);overflow-y:auto}.listening-review{border:1px solid var(--line-soft);border-radius:var(--radius-m);background:var(--panel-2);overflow:hidden}.listening-review>header{border-bottom:1px solid var(--line-soft);align-items:center;gap:7px;padding:11px 12px;display:flex}.review-notes{padding:8px 12px 12px;font-size:12.5px;line-height:1.55}.review-notes ul{margin:4px 0;padding-left:18px}.review-notes li+li{margin-top:5px}.agent-head,.composer{flex-shrink:0}.changes{border-radius:var(--radius-m);background:linear-gradient(var(--panel-2), var(--panel-2)) padding-box, var(--agent-fill) border-box;border:1px solid #0000;padding:10px 12px}.changes.kept,.changes.reverted{border-color:var(--line);box-shadow:none;background:0 0}.changes-head{align-items:center;gap:6px;margin-bottom:6px;font-weight:600;display:flex}.changes ul{color:var(--muted);margin:0 0 8px;padding:0;font-size:12px;list-style:none}.changes li{padding:1px 0}.changes .actions{justify-content:flex-end;gap:6px;display:flex}.err{color:var(--rec);border-radius:var(--radius-m);background:#ff5d7314;padding:8px 10px;font-size:12.5px}.composer{border-top:1px solid var(--line-soft);flex-direction:column;gap:6px;padding:10px;display:flex}.composer-box{border-radius:var(--radius-m);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);flex-direction:column;gap:6px;padding:8px;display:flex}.composer textarea{resize:none;background:0 0;border:0;min-height:40px;max-height:180px;padding:0;font-size:13.5px;line-height:1.45}.composer-row{align-items:center;gap:4px;display:flex}.composer-row .spacer{flex:1}.composer .status{align-items:center;gap:6px;font-size:12px;display:flex}.attach-chip{background:var(--agent-wash-fill);color:var(--text);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;display:inline-flex}.rec-row{color:var(--text);align-items:center;gap:8px;font-size:12.5px;display:flex}.rec-row .spacer{flex:1}.rec-row .btn{height:24px;padding:0 8px}.rec-dot{background:var(--rec);border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite rec-pulse}@keyframes rec-pulse{0%,to{box-shadow:0 0 #ff5d7380}50%{box-shadow:0 0 0 5px #ff5d7300}}.rec-limit{color:var(--faint);font-size:11.5px}.send.recording{background:var(--rec);color:#fff}.voice-note{background:var(--agent-wash-fill);width:-moz-fit-content;width:fit-content;color:var(--text);border-radius:999px;align-items:center;gap:6px;margin:2px 0;padding:4px 10px 4px 8px;font-size:12px;font-weight:600;display:flex}.voice-note:hover{background:var(--hover)}.msg-user .voice-note+*{margin-top:4px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.send{border-radius:var(--radius-s);background:var(--agent-fill);width:30px;height:30px;color:var(--agent-ink);place-items:center;display:grid}.send:disabled{opacity:.35}.send.stop{background:var(--raised);color:var(--text)}.agent-foot{color:var(--faint);justify-content:space-between;padding:0 2px;font-size:11px;display:flex}.agent-empty{text-align:left;color:var(--muted);margin:auto 6px}.agent-empty h3{color:var(--text);margin:0 0 4px;font-size:15px}.agent-empty p{margin:0 0 12px;font-size:12.5px}.agent-empty .suggestion{text-align:left;border-radius:var(--radius-m);width:100%;margin-bottom:6px;padding:8px 10px;display:block}.overlay{z-index:50;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:var(--radius-l);width:min(560px,94%);max-height:86%;box-shadow:var(--shadow-pop);padding:20px;overflow:auto}.modal h2{letter-spacing:-.01em;margin:0 0 4px;font-size:18px}.modal .sub{color:var(--muted);margin:0 0 16px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field>span{font-size:12.5px;font-weight:600}.field small{color:var(--faint);font-size:11.5px;line-height:1.45}.field small a{color:inherit;text-decoration:underline}.radio-cards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.radio-card{text-align:left;border-radius:var(--radius-m);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line);padding:10px;position:relative}.radio-card.on{box-shadow:none}.radio-card b{margin-bottom:2px;display:block}.radio-card span{color:var(--faint);font-size:11.5px}.radio-card:disabled{opacity:.45}.toggle{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.toggle input{appearance:none;width:15px;height:15px;box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;border-radius:4px;flex:none;place-items:center;margin:3px 0 0;display:grid}.toggle input:checked{background:var(--agent-fill);box-shadow:none}.toggle input:checked:after{content:"";border:solid var(--agent-ink);border-width:0 2px 2px 0;width:3px;height:7px;margin-top:-2px;transform:rotate(45deg)}.toggle small{color:var(--faint);display:block}.modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.project-list{flex-direction:column;gap:2px;max-height:50vh;margin-bottom:12px;display:flex;overflow:auto}.project-item{border-radius:var(--radius-m);text-align:left;align-items:center;gap:8px;padding:8px 10px;display:flex}.project-item:hover{background:var(--panel-2)}.project-item.current{box-shadow:inset 0 0 0 1px var(--line)}.project-item .when{color:var(--faint);margin-left:auto;font-size:11.5px}.inline-ai{z-index:60;background:linear-gradient(var(--panel), var(--panel)) padding-box, var(--agent-fill) border-box;border-radius:var(--radius-l);border:1.5px solid #0000;width:min(560px,92%);padding:10px 12px;position:fixed;top:72px;left:50%;transform:translate(-50%);box-shadow:0 24px 60px #0009}.inline-ai .ctx{align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;margin-bottom:6px;font-size:11.5px;display:flex}.inline-ai input{background:0 0;border:0;width:100%;padding:4px 0;font-size:15px}.inline-ai .hint{color:var(--faint);margin-top:6px;font-size:11px}.toast-wrap{bottom:calc(16px + env(safe-area-inset-bottom));z-index:70;flex-direction:column;align-items:center;gap:6px;max-width:calc(100% - 24px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--raised);box-shadow:var(--shadow-pop);border-radius:var(--radius-m);padding:8px 14px;font-size:12.5px}.toast.error{color:var(--rec)}.boot{height:100%;color:var(--faint);place-items:center;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.tooltip{z-index:100;background:var(--tooltip-bg);color:#ececee;max-width:320px;box-shadow:0 6px 20px #00000073, 0 0 0 1px var(--line);pointer-events:none;border-radius:6px;align-items:center;gap:8px;padding:6px 9px;font-size:12px;line-height:1.35;display:flex;position:fixed}kbd{background:var(--raised);box-shadow:inset 0 -1px 0 var(--line);font-family:var(--font-ui);color:var(--muted);white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:11px;display:inline-block}.editor-hint{border-top:1px solid var(--line-soft);color:var(--faint);white-space:nowrap;text-overflow:ellipsis;padding:5px 10px;font-size:11.5px;overflow:hidden}.editor-hint b{color:var(--muted);font-weight:600}.lane-hint{color:var(--faint);pointer-events:none;opacity:.8;font-size:12px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.tool-divider{background:var(--line);width:1px;height:20px;margin:0 4px}.menu.left{left:0;right:auto}.menu.fixed{position:fixed;right:auto}.menu-item b{align-items:center;gap:6px;display:flex}.unit-label{color:var(--faint);margin-left:4px;font-size:11.5px}.roll-tools .seg.tools{margin-left:0}.roll-tools .seg.tools button{align-items:center;gap:4px;display:inline-flex}.grid.select-tool{cursor:default}.marquee{background:var(--agent-wash-fill);pointer-events:none;z-index:2;border-radius:2px;position:absolute}.roll-playhead{background:var(--signal);pointer-events:none;z-index:3;width:1px;position:absolute;top:0;bottom:0}.modal.help{width:min(640px,94%)}.modal.help h3{margin:18px 0 8px;font-size:14px}.howto{flex-direction:column;gap:8px;display:flex}.howto div{grid-template-columns:170px 1fr;gap:10px;font-size:12.5px;display:grid}.howto span{color:var(--muted)}.shortcuts{border-collapse:collapse;width:100%;font-size:12.5px}.shortcuts td{color:var(--muted);padding:4px 0}.shortcuts td:first-child{width:150px}.playhead-grip{pointer-events:auto;cursor:ew-resize;width:11px;position:absolute;top:0;bottom:0;left:-5px}.ruler .marks{cursor:ew-resize}.settings-tabs{border-bottom:1px solid var(--line-soft);margin:4px 0 14px;padding:0}.settings-body{min-height:320px}.theme-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.theme-card{border-radius:var(--radius-m);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line);text-align:left;flex-direction:column;gap:6px;padding:8px;font-size:12px;display:flex;position:relative}.theme-card.on{box-shadow:none}.theme-swatch{border-radius:6px;align-items:flex-end;gap:4px;height:44px;padding:6px;display:flex}.theme-swatch i{border-radius:3px;flex:1;height:100%}.theme-swatch i:nth-child(2){height:60%}.theme-swatch i:nth-child(3){flex:0 0 10px;height:30%}.accent-picker{flex-direction:column;gap:14px;display:flex}.accent-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.accent-dot{border-radius:50%;width:26px;height:26px;transition:transform .16s cubic-bezier(.3,1.6,.5,1);box-shadow:inset 0 0 0 1px #00000040}.accent-dot:hover{transform:scale(1.14)}.accent-dot.on{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--text)}.accent-sep{background:var(--line);width:1px;height:18px;margin:0 4px}@property --s0{syntax:"<color>";inherits:false;initial-value:#b69cff}@property --s1{syntax:"<color>";inherits:false;initial-value:#ff8fcf}@property --s2{syntax:"<color>";inherits:false;initial-value:#ff8fcf}@property --s3{syntax:"<color>";inherits:false;initial-value:#ffb547}.accent-maker{border-radius:var(--radius-m);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line-soft);flex-direction:column;gap:10px;padding:14px 14px 12px;display:flex}.accent-bar{background:linear-gradient(100deg, var(--s0), var(--s1), var(--s2), var(--s3));height:34px;box-shadow:inset 0 1px 0 #ffffff59, inset 0 -8px 16px #0000001f, -20px 8px 22px -12px var(--s0), 0 8px 22px -12px var(--s1), 20px 8px 22px -12px var(--s3);border-radius:999px;margin:0 13px;transition:--s0 .38s,--s1 .38s,--s2 .38s,--s3 .38s;position:relative}.accent-stop{position:absolute;top:50%;translate:-50% -50%}.accent-stop label{cursor:pointer;border-radius:50%;width:26px;height:26px;transition:transform .16s cubic-bezier(.3,1.6,.5,1);display:block;box-shadow:0 0 0 3px #fff,0 4px 12px #00000073}.accent-stop label:hover{transform:scale(1.18)}.accent-stop input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.accent-stop-x{background:var(--raised);width:16px;height:16px;color:var(--text);box-shadow:0 0 0 1px var(--line);opacity:0;border-radius:50%;place-items:center;transition:opacity .12s;display:grid;position:absolute;top:-14px;right:-12px}.accent-stop:hover .accent-stop-x,.accent-stop-x:focus-visible{opacity:1}.accent-tools{flex-wrap:wrap;gap:6px;display:flex}.accent-dice{animation:.52s cubic-bezier(.3,1.4,.5,1) accent-roll}@keyframes accent-roll{0%{transform:rotate(-200deg)scale(.6)}}.accent-preview{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.accent-clip{background:linear-gradient(var(--panel), var(--panel)) padding-box, var(--agent-fill) border-box;border:2px solid #0000;border-radius:6px;align-items:center;gap:8px;width:150px;height:36px;padding:0 0 0 8px;font-size:11px;font-weight:600;display:flex;position:relative;overflow:hidden}.accent-clip:before{content:"";background:var(--agent-fill);opacity:.14;pointer-events:none;position:absolute;inset:0;-webkit-mask:repeating-linear-gradient(115deg,#0000 0 8px,#000 8px 10px);mask:repeating-linear-gradient(115deg,#0000 0 8px,#000 8px 10px)}.accent-clip span{flex:1}.accent-clip i{letter-spacing:.06em;color:var(--text);padding:0 6px;font-size:9.5px;font-style:normal;font-weight:800}.accent-preview .ai-ink{font-size:12.5px;font-weight:600}@media (prefers-reduced-motion:reduce){.accent-bar,.accent-dot,.accent-stop label{transition:none}.accent-dice{animation:none}}.keymap-group h4{color:var(--faint);margin:12px 0 4px;font-size:12px;font-weight:600}.keymap-row{grid-template-columns:1fr auto 28px;align-items:center;gap:8px;padding:3px 0;font-size:13px;display:grid}.key-capture{border-radius:var(--radius-s);justify-content:flex-end;gap:4px;min-width:130px;padding:3px 6px;display:flex}.key-capture:hover{background:var(--hover)}.key-capture.recording{position:relative}.key-capture i{color:var(--faint);font-size:12px}.param{grid-template-columns:92px 1fr 70px}.val-input{text-align:right;width:70px;font-family:var(--font-lcd);background:var(--bg);border:1px solid var(--line-soft);border-radius:4px;padding:2px 6px;font-size:10.5px}.val-input:hover{border-color:var(--line)}.fx-card.bypassed>:not(.card-head){opacity:.45}.fx-card .card-head{gap:2px}.fx-name{margin-left:4px}.fx-power{width:22px;height:22px;color:var(--faint);place-items:center;display:grid}.fx-power.on{color:var(--text)}.fx-preset{align-self:flex-start;max-width:160px;margin-left:24px;padding:2px 4px;font-size:11.5px}.add-fx{justify-content:center}.fx-custom-row{flex-wrap:wrap;gap:6px;display:flex}.fx-custom-row .btn{height:26px;padding:0 9px;font-size:12px}.fx-error{border-radius:var(--radius-s);color:var(--rec);background:#ff5d7314;align-items:flex-start;gap:7px;padding:7px 9px;font-size:11.5px;line-height:1.4;display:flex}.fx-error svg{flex:none;margin-top:2px}.fx-error span{overflow-wrap:anywhere;min-width:0;font-family:var(--font-lcd);font-size:10.5px}.fx-error small{color:var(--muted);font-family:var(--font-ui);margin-top:2px;font-size:11px;display:block}.fx-hint{color:var(--faint);font-size:11.5px}.modal.custom-fx-editor{flex-direction:column;gap:14px;width:min(820px,96%);max-height:92%;display:flex}.custom-fx-head{align-items:center;gap:8px;display:flex}.custom-fx-head h2{flex:1;align-items:center;gap:10px;margin:0;display:flex}.custom-fx-head select{max-width:170px}.custom-fx-meta{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px;display:grid}.custom-fx-meta .field{margin:0}.custom-fx-section-head{align-items:center;gap:10px;margin-bottom:8px;font-size:12.5px;display:flex}.custom-fx-section-head span{color:var(--faint);flex:1;font-size:11.5px}.custom-fx-section-head code,.custom-fx-help code{font-family:var(--font-lcd);font-size:10.5px}.custom-fx-section-head .btn{height:26px;padding:0 9px;font-size:12px}.knob-grid{grid-template-columns:minmax(70px,1fr) minmax(100px,2fr) repeat(3,minmax(56px,.8fr)) 28px;align-items:center;gap:4px 6px;display:grid}.knob-grid>span{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;padding-left:2px;font-size:10.5px}.knob-row{display:contents}.knob-row input{width:100%;min-width:0;height:28px;padding:0 7px;font-size:12px}.knob-row input.mono{font-family:var(--font-lcd);font-size:11px}.custom-fx-help{white-space:pre-wrap;background:var(--panel-2);border-radius:var(--radius-m);color:var(--muted);font-family:var(--font-ui);margin:0 0 8px;padding:10px 12px;font-size:12px;line-height:1.55}.code-area{border-radius:var(--radius-m);background:var(--lcd-bg);height:min(46vh,420px);min-height:200px;box-shadow:inset 0 0 0 1px var(--line-soft);display:flex;overflow:hidden}.code-gutter{text-align:right;color:var(--faint);opacity:.6;-webkit-user-select:none;user-select:none;border-right:1px solid var(--line-soft);flex:none;padding:12px 10px 12px 12px;overflow:hidden}.code-gutter span{display:block}.code-gutter,.code-area textarea{font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,Consolas,monospace;font-size:12.5px;line-height:19px}.code-area textarea{resize:none;min-width:0;color:var(--text);white-space:pre;tab-size:2;background:0 0;border:0;outline:0;flex:1;padding:12px 14px;overflow:auto}.fx-status{border-radius:var(--radius-m);background:var(--panel-2);color:var(--muted);align-items:flex-start;gap:8px;padding:9px 11px;font-size:12px;line-height:1.45;display:flex}.fx-status svg{flex:none;margin-top:2px}.fx-status>span{overflow-wrap:anywhere;min-width:0}.fx-status.good{color:var(--ok)}.fx-status.warn{color:var(--warn)}.fx-status.bad{color:var(--rec);font-family:var(--font-lcd);background:#ff5d7314;font-size:11px}.fx-warning{color:var(--muted);display:block}.custom-fx-editor .modal-actions{margin-top:0}@media (max-width:640px){.custom-fx-meta{grid-template-columns:1fr}.knob-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.knob-grid>span{display:none}.knob-row button{justify-self:end}}.topbar-break,.drawer-backdrop{display:none}.dock-head{scrollbar-width:none;overflow-x:auto}.dock-head::-webkit-scrollbar{display:none}.dock-head .tab{white-space:nowrap;flex:none}.dock-head .btn.icon{flex:none}.drawer-close{margin-left:2px}.tabs .drawer-close{align-self:center;margin-left:auto}.card.wide{grid-column:span 2}.inspector{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}@media (min-width:1025px){.only-narrow,.drawer-close{display:none!important}}@media not all and (pointer:coarse){.only-touch{display:none!important}}@media (pointer:coarse){.hide-touch{display:none!important}}@media (max-width:1360px){.brand-name{display:none}.brand-mark{display:block}.brand{padding:0 2px}}@media (max-width:1200px){.browser{width:220px}.agent{width:340px}.lcd .sig{display:none}}@media (max-width:1024px){.hide-narrow{display:none!important}.app{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""main"}.browser,.agent{z-index:45;box-shadow:var(--shadow-pop);transition:transform .22s,visibility .22s;position:fixed;top:0;bottom:0}.browser{width:min(300px,86%);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) env(safe-area-inset-left);left:0}.agent{width:min(420px,100%);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) 0;right:0}.browser.collapsed,.agent.collapsed{visibility:hidden;box-shadow:none}.browser.collapsed{width:min(300px,86%);transform:translate(-100%)}.agent.collapsed{width:min(420px,100%);transform:translate(100%)}.drawer-backdrop{z-index:44;background:#0000008c;display:block;position:fixed;inset:0}.topbar{gap:4px;min-width:0}.topbar .btn-label{display:none}.project-name{flex:60px;width:auto;min-width:60px;max-width:220px}.transport{margin-left:auto}.lcd{margin:0 4px}.lcd>*{padding:0 8px}.lcd .pos{min-width:72px}.top-right{margin-left:0}}@media (max-width:760px),(max-width:900px) and (min-height:600px){.app{grid-template-rows:auto minmax(0,1fr)}.topbar{flex-wrap:wrap;row-gap:6px;padding:6px 8px}.topbar-break{flex-basis:100%;order:2;height:0;display:block}.transport{order:3;margin-left:0}.lcd{scrollbar-width:none;flex:1 1 0;order:3;min-width:0;margin:0 0 0 4px;overflow-x:auto}.lcd::-webkit-scrollbar{display:none}.lcd>*{flex:none}.lcd select{text-overflow:ellipsis;max-width:104px}.project-name{max-width:none}.top-right{margin-left:auto}}@media (max-width:420px){.lcd input{width:38px}.lcd>*{padding:0 6px}.lcd .pos{min-width:0}.lcd .unit{display:none}}@media (max-width:640px),(max-height:500px){.roll-tools{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.roll-tools::-webkit-scrollbar{display:none}.roll-tools>*{flex:none}}@container arrange (width<=760px){.arrange-tools .btn-label.minor{display:none}}@container arrange (width<=560px){.arrange-tools .btn-label{display:none}}@media (max-width:640px){.add-track-row .btn-label,.tab-detail{display:none}.arrange-tools{gap:2px;padding:0 6px}.track-head{column-gap:6px;padding-right:6px}.add-track-row .track-head{gap:2px;padding:6px 4px}.lane-hint{white-space:nowrap;font-size:11px}.hero-card{padding:20px 18px}.hero-card h1{font-size:21px}.hero-card p{font-size:13.5px}.dock-head{padding:0 4px}.dock-head .tab{padding:8px 8px 7px}.roll-tools input[type=text]{width:110px}.keys{width:40px}.key{padding-right:3px}.drum-row .lname{white-space:nowrap;gap:2px;width:92px;padding:0 4px;overflow:hidden}.mixer{padding:8px}.strip{width:84px}.inspector{padding:8px}.card.wide{grid-column:1/-1}.param{grid-template-columns:80px 1fr 64px;gap:6px}.val-input{width:64px}.overlay{align-items:end}.modal{width:100%;max-height:92%;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:var(--radius-l) var(--radius-l) 0 0}.modal.help{width:100%}.settings-tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs .tab{white-space:nowrap;flex:none}.settings-body{min-height:0}.radio-cards{grid-template-columns:1fr}.howto div{grid-template-columns:1fr;gap:2px}.shortcuts td:first-child{width:auto;padding-right:10px}.key-capture{min-width:0}.inline-ai{top:calc(12px + env(safe-area-inset-top))}}@media (max-height:500px) and (max-width:1024px){.ruler{height:34px}.editor-hint{display:none}}.scroller,.clip{touch-action:pan-x pan-y}.clip.selected,.clip .resize,.note,.note .nresize,.velocity,.ruler .marks,.playhead-grip,.dock-resize,.fader,.pan,.grid.select-tool{touch-action:none}.grid{touch-action:pan-x pan-y}@media (pointer:coarse){.btn{height:32px}.btn.icon{width:32px}.ms{width:26px;height:22px}.play-mini,.sample-row .add-mini{width:28px!important;height:28px!important}.track-head .add-mini{width:26px;height:24px}.clip .cname .add-mini{width:26px}.sample-row{grid-template-columns:28px 1fr auto 28px}.tab{padding:8px 12px}.cat{padding:4px 10px;font-size:12px}.seg button{padding:5px 12px}.step{min-width:24px;height:26px}.drum-row{height:34px}input[type=text],input[type=password],input[type=number],input[type=search],select,textarea,.project-name,.lcd input,.lcd select,.inline-ai input,.composer textarea{font-size:16px}.track-head .tname{font-size:14px}.clip .resize{width:16px}.note .nresize{width:10px}.playhead-grip{width:23px;left:-11px}.dock-resize{height:14px;margin-top:-7px}.dock-resize:after{content:"";background:var(--line);border-radius:2px;width:36px;height:4px;margin-left:-18px;position:absolute;top:5px;left:50%}.msg-user .restore{opacity:.55}}.selection-region{background:var(--agent-wash-strong);pointer-events:none;z-index:4;position:absolute;top:0;bottom:0}.selecting-range .lane,.selecting-range .steps{touch-action:none;cursor:crosshair}.step.note-selected{outline-offset:-2px;outline:2px solid #fff}.online-caption{color:var(--muted);padding:0 14px;font-size:12px;line-height:1.6}.online-sound{border-bottom:1px solid var(--line);overflow-wrap:anywhere;gap:8px;padding:14px;display:grid}.online-sound small{color:var(--muted)}.online-sound a{width:-moz-fit-content;width:fit-content;font-size:12px}.browser>.tabs{flex-wrap:wrap}.library-status{color:var(--muted);align-items:center;gap:7px;padding:10px;font-size:11px;display:flex}.library-item{border-bottom:1px solid var(--line);padding:12px 10px}.library-item-title{overflow-wrap:anywhere;align-items:center;gap:6px;display:flex}.library-item-title>b{flex:1;min-width:0}.library-item-title>span{color:var(--faint);font-size:10px}.library-tags{color:var(--muted);overflow-wrap:anywhere;margin:6px 0;display:block}.library-item-actions,.library-save-actions{flex-wrap:wrap;gap:6px;display:flex}.library-item-actions{margin-top:8px}.library-save-actions{border-top:1px solid var(--line);padding:10px}.library-rename{gap:5px;margin-top:8px;display:flex}.library-rename input{width:100%;min-width:0}.library-chain-save{grid-column:1/-1}.save-preset h2{align-items:center;gap:10px;display:flex}.annotation-row{border-bottom:1px solid var(--line);height:59px;display:flex}.annotation-head{z-index:5;flex:0 0 var(--header-w);width:var(--header-w);background:var(--panel);border-right:1px solid var(--line);color:var(--muted);flex-direction:column;justify-content:center;align-items:flex-start;padding:4px 9px;font-size:11px;display:flex;position:sticky;left:0}.annotation-head>div{gap:3px;display:flex}.annotation-head .btn{height:23px}.annotation-lane{background:var(--lane-a);flex:none;position:relative}.annotation-cue{background:var(--raised);height:23px;color:var(--signal);white-space:nowrap;text-overflow:ellipsis;text-align:left;border-radius:4px;padding:3px 6px;font-size:11px;position:absolute;overflow:hidden}.annotation-cue.lyric{color:var(--ok)}.annotation-cue.pending{box-shadow:none}.resolved{opacity:.6}.annotation-timing{grid-template-columns:1fr 1fr;gap:12px;display:grid}.annotations-panel{flex-direction:column;height:100%;min-height:0;display:flex}.annotation-tools{border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:center;gap:5px;padding:7px;display:flex}.annotation-tools input{flex:1;min-width:140px}.annotation-list{-webkit-user-select:text;user-select:text;min-height:0;padding:10px;overflow-y:auto}.annotation-item{background:var(--panel-2);border-radius:var(--radius-m);margin-bottom:8px;padding:9px 12px}.annotation-meta,.annotation-actions{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.annotation-text{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;width:100%;padding:7px 0}.dock-head{flex-shrink:0;overflow-x:auto}.dock-head>.tab{flex-shrink:0}.feed{overscroll-behavior:contain;min-height:0;overflow-x:hidden}.feed>*{overflow-wrap:anywhere;flex-shrink:0;min-width:0}.listening-review{flex-shrink:0}.review-notes{overscroll-behavior:contain;-webkit-user-select:text;user-select:text;max-height:340px;overflow-y:auto}.listening-review>header{flex-wrap:wrap;gap:6px}.agent-foot{flex-wrap:wrap;gap:4px 10px;line-height:1.5}.inline-ai .hint,.editor-hint{line-height:1.6}.editor-hint{white-space:normal;flex-shrink:0;padding:6px 10px}.tooltip{overflow-wrap:anywhere;width:max-content;max-width:min(320px,100vw - 16px);max-height:calc(100dvh - 16px);overflow:hidden}.tooltip kbd{flex-shrink:0}.composer-box{position:relative}.composer-box>.composer-row:has(.attach-chip){max-height:100px;overflow-y:auto}.attach-chip{max-width:100%}.attach-chip>span{text-overflow:ellipsis;white-space:nowrap;max-width:210px;overflow:hidden}.mention-picker{background:linear-gradient(var(--panel-2), var(--panel-2)) padding-box, var(--agent-fill) border-box;border:1px solid #0000;border-radius:6px;flex:none;max-height:min(300px,35dvh);overflow-y:auto}.mention-heading{color:var(--faint);padding:6px 9px;font-size:10.5px}.mention-picker button{text-align:left;flex-direction:column;gap:2px;width:100%;padding:7px 9px;display:flex}.mention-picker button.active,.mention-picker button:hover{background:var(--agent-wash-fill)}.mention-picker b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:500;overflow:hidden}.mention-picker small{color:var(--faint);font-size:10.5px}.mention-picker p{padding:6px 9px;font-size:12px}.chat-context-menu{z-index:110;background:var(--panel);box-shadow:var(--shadow-pop);border-radius:6px;min-width:150px;padding:5px;position:fixed}.chat-context-menu button{text-align:left;border-radius:4px;width:100%;padding:8px 10px;display:block}.chat-context-menu button:hover{background:var(--hover)}.empty-arrange{z-index:30;overscroll-behavior:contain;padding:12px;position:fixed;inset:0;overflow-y:auto}.hero-card{flex:none;width:min(560px,100%);max-height:none;margin:auto}body{background:var(--app-bg)}.topbar,.browser,.agent,.dock,.modal,.menu{background-image:var(--sheen)}.modal,.menu{box-shadow:var(--shadow-pop), inset 0 1px 0 var(--edge)}.overlay{-webkit-backdrop-filter:blur(6px)saturate(1.1);backdrop-filter:blur(6px)saturate(1.1)}.overlay.clear{-webkit-backdrop-filter:none;backdrop-filter:none}.lcd{box-shadow:inset 0 2px 7px var(--display-inset), inset 0 0 0 1px var(--display-inset), 0 1px 0 var(--edge);border-color:#0000}.lcd .pos{text-shadow:0 0 12px var(--display-glow)}.transport .play{background:linear-gradient(180deg, var(--hover), var(--raised));box-shadow:inset 0 1px 0 var(--edge), 0 1px 2px #00000059}.transport .play.playing{background:var(--signal);box-shadow:inset 0 1px #fff6,0 0 18px -3px #ffb547b3}.btn.primary,.send:not(.recording,.stop){--gloss:linear-gradient(180deg, #ffffff52, #ffffff0f 48%, #0000000a 52%, #00000029);background-image:var(--gloss), var(--agent-fill);transition:transform 90ms,box-shadow 90ms;box-shadow:inset 0 1px #fff9,inset 0 -2px #00000029,0 1px 1px #0000008c}.btn.primary:active:not(:disabled),.send:not(.recording,.stop):active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #fff6,inset 0 2px 4px #00000038,0 0 #0000}.btn.solid{box-shadow:inset 0 1px 0 var(--edge)}.clip{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 55%, transparent), 0 1px 3px #00000052}.clip.selected{box-shadow:inset 0 0 0 2px #fff,0 8px 20px -8px #000000b3}.clip .cname{box-shadow:inset 0 1px #ffffff4d}.track-head .swatch{box-shadow:0 0 12px -2px}@media (min-width:1025px){.app{--gutter:6px;grid-template-rows:calc(52px + var(--gutter)) 1fr;padding:max(var(--gutter), env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) max(var(--gutter), env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left))}.topbar{margin-bottom:var(--gutter)}.topbar,.browser,.agent,.arrange,.dock{border-radius:var(--radius-l);box-shadow:inset 0 1px 0 var(--edge), var(--lift);border:0}.browser.collapsed,.agent.collapsed{box-shadow:none}.browser:not(.collapsed){margin-right:var(--gutter)}.agent:not(.collapsed){margin-left:var(--gutter)}.browser,.agent,.arrange{overflow:hidden}.main{gap:var(--gutter)}.dock-body{border-radius:0 0 var(--radius-l) var(--radius-l)}.dock-resize{height:10px;margin-top:-8px}}:where(input[type=range]){--track:var(--meter-bg);--fill:var(--muted);--dir:to right;appearance:none;cursor:pointer;background:0 0;block-size:18px;margin:0}:where(input[type=range])::-webkit-slider-runnable-track{background:linear-gradient(var(--dir), transparent var(--p,50%), var(--track) var(--p,50%)), var(--fill);border-radius:999px;block-size:4px;box-shadow:inset 0 1px 2px #00000073}:where(input[type=range])::-moz-range-track{background:linear-gradient(var(--dir), transparent var(--p,50%), var(--track) var(--p,50%)), var(--fill);border-radius:999px;block-size:4px;box-shadow:inset 0 1px 2px #00000073}:where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(#fff,#d8dae5);border-radius:50%;block-size:14px;inline-size:14px;margin-block-start:-5px;transition:transform .12s,box-shadow .12s;box-shadow:0 0 0 1px #00000040,0 2px 6px #00000073}:where(input[type=range])::-moz-range-thumb{background:linear-gradient(#fff,#d8dae5);border:0;border-radius:50%;block-size:14px;inline-size:14px;box-shadow:0 0 0 1px #00000040,0 2px 6px #00000073}:where(input[type=range]):hover::-webkit-slider-thumb{transform:scale(1.15)}.pan::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--track) min(50%, var(--p)), var(--fill) min(50%, var(--p)) max(50%, var(--p)), var(--track) max(50%, var(--p)))}.pan::-moz-range-track{background:linear-gradient(to right, var(--track) min(50%, var(--p)), var(--fill) min(50%, var(--p)) max(50%, var(--p)), var(--track) max(50%, var(--p)))}.pan{--fill:var(--text)}.fader{--dir:to top;--fill:color-mix(in srgb, var(--c,var(--signal)) 85%, transparent);block-size:30px}.fader::-webkit-slider-runnable-track{block-size:6px}.fader::-moz-range-track{block-size:6px}.fader::-webkit-slider-thumb{background:linear-gradient(#0000 7px,#10131c8c 7px 9px,#0000 9px),linear-gradient(#f6f6fa,#c4c7d3);border-radius:4px;block-size:30px;inline-size:16px;margin-block-start:-12px;box-shadow:inset 0 1px #fff,0 0 0 1px #0000004d,0 4px 10px #00000080}.fader::-moz-range-thumb{background:linear-gradient(#0000 7px,#10131c8c 7px 9px,#0000 9px),linear-gradient(#f6f6fa,#c4c7d3);border-radius:4px;block-size:30px;inline-size:16px;box-shadow:inset 0 1px #fff,0 0 0 1px #0000004d,0 4px 10px #00000080}.fader:hover::-webkit-slider-thumb{filter:brightness(1.06);transform:none}.strip.master .fader{--fill:color-mix(in srgb, var(--signal) 85%, transparent)}:is(.tool-row .ico,.heard-label,.listening-review>header,.composer .status,.attach-chip,.voice-note,.msg-user .focus,.inline-ai .ctx,.fx-power.on,.ink) .icon{stroke:url(#vibe-ink)}:is(.tool-row .ico,.heard-label,.listening-review>header,.composer .status,.attach-chip,.voice-note,.msg-user .focus,.inline-ai .ctx,.ink) .icon [fill=currentColor]{fill:url(#vibe-ink)}:is(.msg-user .focus,.heard-label,.composer .status,.inline-ai .ctx,.custom-fx-section-head code,.custom-fx-help code,.online-sound a){color:#0000;background-image:var(--agent-fill);-webkit-background-clip:text;background-clip:text}:is(.radio-card.on,.theme-card.on,.key-capture.recording,.annotation-cue.pending,.selection-region,.marquee,.plan-step.active .box):before{content:"";border-radius:inherit;pointer-events:none;background:var(--agent-fill);-webkit-mask-composite:xor;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}:is(.annotation-cue.pending,.selection-region,.marquee):before{padding:1px}@keyframes flow-1{0%{background-position:0 0}to{background-position:100% 0}}@keyframes flow-2{0%{background-position:0 0,0 0}to{background-position:0 0,100% 0}}:is(.ai-ink,.agent-dot,.plan-step.done .box){background-image:var(--agent-flow);animation:flow-1 var(--flow-duration) ease-in-out infinite alternate;animation-play-state:var(--flow-play);background-size:200% 100%}.agent-dot.busy{animation:flow-1 var(--flow-duration) ease-in-out infinite alternate, pulse 1.2s ease-in-out infinite;animation-play-state:var(--flow-play), running}.btn.primary,.send:not(.recording,.stop){background-image:var(--gloss), var(--agent-flow);animation:flow-2 var(--flow-duration) ease-in-out infinite alternate;animation-play-state:var(--flow-play);background-size:100% 100%,200% 100%}.changes:not(.kept,.reverted),.inline-ai{animation:flow-2 var(--flow-duration) ease-in-out infinite alternate;animation-play-state:var(--flow-play);background-size:100% 100%,200% 100%}.changes:not(.kept,.reverted){background-image:linear-gradient(var(--panel-2), var(--panel-2)), var(--agent-flow);animation:flow-2 var(--flow-duration) ease-in-out infinite alternate;animation-play-state:var(--flow-play)}.inline-ai{background-image:linear-gradient(var(--panel), var(--panel)), var(--agent-flow)}@media (prefers-reduced-motion:reduce){:root{--flow-play:paused!important}}.dropdown-trigger{flex:none}.dropdown-menu{z-index:100;overscroll-behavior:contain;width:260px;min-width:0;max-width:calc(100vw - 16px);position:fixed;right:auto;overflow-y:auto}.dropdown-menu b{align-items:center;gap:8px;font-weight:500;display:flex}.dropdown-menu .menu-item:focus-visible,.dropdown-menu .menu-item[aria-selected=true]{background:var(--hover);color:var(--text)}.menu-item:disabled{opacity:.4;cursor:default}.menu-item:disabled:hover{background:0 0}.menu-item.danger:hover{color:var(--rec)}.menu-divider{background:var(--line-soft);height:1px;margin:4px 6px}.menu-control{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;display:flex}.toggle-item{flex-direction:row;justify-content:space-between;align-items:center}.toggle-switch{background:var(--raised);width:28px;height:16px;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;padding:2px}.toggle-switch:after{content:"";background:var(--muted);border-radius:50%;width:12px;height:12px;transition:transform .15s;display:block}.toggle-item.on .toggle-switch{background:var(--signal)}.toggle-item.on .toggle-switch:after{background:var(--bg);transform:translate(12px)}.model-selector{background:var(--panel-2);min-width:0;max-width:190px;box-shadow:inset 0 0 0 1px var(--line);font-size:12px}.arrange-tools>.spacer{flex:1}