@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --accent{syntax:"<color>";inherits:true;initial-value:#ffb224}:root{--hue:39;--accent:#ffb224;--accent-ink:#251800;--rec:#f0455a;--bg:color-mix(in oklab, #181c27, var(--accent) 5%);--surface:color-mix(in oklab, #212634, var(--accent) 6%);--surface-2:color-mix(in oklab, #2a3143, var(--accent) 7%);--surface-3:color-mix(in oklab, #353e55, var(--accent) 8%);--line:#e8eaf117;--line-strong:#e8eaf12e;--text:#e8eaf1;--text-2:#98a0b5;--text-3:#6a7289;--accent-soft:color-mix(in oklab, var(--accent) 16%, transparent);--accent-line:color-mix(in oklab, var(--accent) 55%, transparent);--r-sm:7px;--r-md:12px;--r-lg:18px;--r-xl:26px;--font-ui:"Figtree Variable", system-ui, sans-serif;--font-display:"Bricolage Grotesque Variable", "Figtree Variable", system-ui, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;transition:--accent .9s cubic-bezier(.2,.7,.2,1)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:400 14px/1.45 var(--font-ui);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.45}h1,h2,h3,p{margin:0}a{color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}::selection{background:var(--accent-line)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{background:var(--surface-2);height:40px;color:var(--text);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:color-mix(in oklab, var(--accent), white 14%)}.btn-quiet{color:var(--text-2);background:0 0}.btn-quiet:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-danger{background:color-mix(in oklab, var(--rec) 22%, var(--surface-2));color:#ffd7dc}.btn-danger:hover:not(:disabled){background:color-mix(in oklab, var(--rec) 36%, var(--surface-2))}.btn-sm{height:32px;padding:0 14px;font-size:13px}.icon-btn{width:40px;height:40px;color:var(--text-2);border-radius:999px;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.icon-btn[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.icon-btn svg{width:20px;height:20px}.field{gap:6px;display:grid}.field>label{color:var(--text-2);font-size:13px;font-weight:600}.input{border-radius:var(--r-md);border:1px solid var(--line-strong);background:color-mix(in oklab, var(--surface), black 14%);width:100%;height:46px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text-3)}.input:hover{border-color:#e8eaf147}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field-error{color:#ff8fa0;font-size:13px}.field-hint{color:var(--text-3);font-size:13px}.scrim{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a109e;place-items:center;padding:16px;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}.dialog{border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line-strong);width:min(440px,100%);max-height:calc(100dvh - 32px);box-shadow:0 30px 80px -20px color-mix(in oklab, var(--accent) 22%, black);padding:24px;animation:.2s cubic-bezier(.2,.8,.2,1) rise;overflow:auto}.dialog h2{font:600 22px/1.2 var(--font-display);letter-spacing:-.01em;margin-bottom:8px}.dialog p{color:var(--text-2)}.dialog .dialog-body{gap:14px;margin-top:16px;display:grid}.dialog .dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.toasts{z-index:90;left:50%;bottom:calc(110px + var(--safe-b));pointer-events:none;gap:8px;width:min(440px,100vw - 24px);display:grid;position:fixed;transform:translate(-50%)}.toast{border-radius:var(--r-md);background:var(--surface-3);border:1px solid var(--line-strong);pointer-events:auto;padding:12px 16px;animation:.2s ease-out rise;box-shadow:0 12px 30px -10px #00000080}.toast[data-tone=error]{background:color-mix(in oklab, var(--rec) 24%, var(--surface-2));border-color:color-mix(in oklab, var(--rec) 50%, transparent)}.toast[data-tone=success]{border-color:var(--accent-line)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)scale(.98)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.spinner{border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.boot{place-items:center;height:100%;display:grid}.auth{max-width:1480px;min-height:100dvh;padding:calc(24px + var(--safe-t)) clamp(20px, 5vw, 72px) 48px;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);column-gap:clamp(32px,6vw,96px);margin:0 auto;display:grid}.auth-brand{font:700 21px/1 var(--font-display);letter-spacing:-.01em;grid-column:1/-1;align-items:center;gap:10px;display:flex}.auth>.install{grid-column:1/-1;margin-top:4px}.auth-pitch{align-self:center;min-width:0;padding:32px 0}.auth-pitch h1{font:760 clamp(46px, 6.6vw, 96px)/.98 var(--font-display);letter-spacing:-.022em;text-wrap:balance;max-width:11.5ch}.auth-pitch p{max-width:42ch;color:var(--text-2);margin-top:22px;font-size:18px;line-height:1.5}.ribbon{width:100%;height:clamp(110px,17vw,190px);margin-top:44px;display:block}.auth-card{border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);align-self:center;gap:22px;padding:26px;display:grid}.auth-card form{gap:16px;display:grid}.btn-wide{width:100%;height:48px;font-size:15px}.seg{background:color-mix(in oklab, var(--surface), black 18%);border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.seg button{height:38px;color:var(--text-2);border-radius:999px;font-weight:600;transition:background .15s,color .15s}.seg button[aria-selected=true]{background:var(--surface-3);color:var(--text)}.seg button:hover:not([aria-selected=true]){color:var(--text)}@media (max-width:820px){.auth{padding-bottom:calc(32px + var(--safe-b));grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);row-gap:8px}.auth-pitch{padding:18px 0 8px}.auth-pitch h1{font-size:clamp(42px,13vw,64px)}.auth-pitch p{margin-top:16px;font-size:16px}.ribbon{height:96px;margin-top:26px}}.popover{position:relative}.popover-trigger{color:inherit;border-radius:999px;place-items:center;display:grid}.popover-panel{z-index:60;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line-strong);gap:2px;min-width:210px;padding:6px;animation:.14s ease-out rise;display:grid;position:absolute;top:calc(100% + 8px);box-shadow:0 22px 50px -16px #000000a6}.popover-panel[data-align=end]{right:0}.popover-panel[data-align=start]{left:0}.popover-panel>button{text-align:left;width:100%;min-height:40px;color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-weight:500;display:flex}.popover-panel>button:hover{background:var(--surface-3)}.popover-panel>button.danger{color:#ff9aa8}.popover-panel svg{width:18px;height:18px;color:var(--text-2)}.account-menu{gap:2px;display:grid}.account-who{gap:1px;padding:10px 12px 12px;display:grid}.account-who span{color:var(--text-2);overflow-wrap:anywhere;font-size:13px}.storage{color:var(--text-2);border-bottom:1px solid var(--line);gap:6px;margin-bottom:4px;padding:4px 12px 12px;font-size:13px;display:grid}.storage-bar{background:var(--surface-3);border-radius:99px;height:6px;overflow:hidden}.storage-bar i{background:var(--accent);border-radius:99px;height:100%;display:block}.library{max-width:1280px;padding:calc(14px + var(--safe-t)) clamp(16px, 4vw, 48px) calc(72px + var(--safe-b));margin:0 auto}.lib-top{justify-content:space-between;align-items:center;height:58px;display:flex}.brand{font:700 21px/1 var(--font-display);letter-spacing:-.01em;align-items:center;gap:10px;display:flex}.lib-actions{align-items:center;gap:12px;display:flex}.avatar{background:var(--surface-3);border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.avatar:hover{background:color-mix(in oklab, var(--surface-3), white 8%)}.install{border-radius:var(--r-lg);background:var(--accent-soft);border:1px solid var(--accent-line);margin-top:10px;padding:14px 16px}.install-row{align-items:center;gap:12px;display:flex}.install-copy{flex:1;gap:1px;min-width:0;display:grid}.install-copy span{color:var(--text-2);font-size:13px}.install-close{flex:none;width:34px;height:34px}.install-steps{color:var(--text);gap:8px;margin:12px 0 2px;padding-left:20px;display:grid}.inline-icon{vertical-align:-3px;width:17px;height:17px;margin:0 5px 0 3px}.hero{isolation:isolate;border-radius:var(--r-xl);background:color-mix(in oklab, var(--accent) 15%, var(--surface));grid-template-columns:clamp(150px,20vw,230px) minmax(0,1fr);align-items:end;gap:clamp(20px,3vw,36px);margin-top:22px;padding:clamp(18px,2.6vw,30px) clamp(18px,2.6vw,30px) calc(clamp(18px,2.6vw,30px) + 64px);display:grid;position:relative;overflow:hidden}.hero-peaks{z-index:-1;width:100%;height:64px;fill:color-mix(in oklab, var(--accent) 55%, transparent);position:absolute;bottom:0;left:0;right:0}.hero-cover{aspect-ratio:1;border-radius:var(--r-lg);width:100%;box-shadow:0 26px 50px -20px color-mix(in oklab, var(--accent) 70%, black);transition:transform .2s;overflow:hidden}.hero-cover:hover{transform:translateY(-2px)}.hero-cover svg,.hero-cover img,.tile-cover svg,.tile-cover img{width:100%;height:100%;display:block}.hero-body{min-width:0;padding-bottom:4px}.hero-kicker{color:color-mix(in oklab, var(--accent), white 25%);font-size:14px;font-weight:600}.hero h1{font:760 clamp(34px, 5.2vw, 60px)/1.02 var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;text-wrap:balance;margin:8px 0 14px}.hero-meta{color:var(--text-2)}.hero-actions{align-items:center;gap:10px;margin-top:20px;display:flex}.hero-actions .popover-trigger{background:#00000038;width:40px;height:40px}.hero-actions .popover-trigger:hover{background:#00000057}.hero-actions .popover-panel{top:auto;bottom:calc(100% + 8px)}.wall{margin-top:44px}.wall h2{font:700 22px/1.2 var(--font-display);letter-spacing:-.015em;margin-bottom:18px}.wall.solo{margin-top:28px}.wall-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,148px),1fr));gap:26px 18px;display:grid}.tile{text-align:left;min-width:0}.tile-cover{aspect-ratio:1;border-radius:var(--r-lg);width:100%;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.tile:hover .tile-cover,.tile-cover:focus-visible{box-shadow:0 20px 40px -18px color-mix(in oklab, var(--accent) 65%, black);transform:translateY(-3px)}.tile-info{justify-content:space-between;gap:4px;margin-top:12px;display:flex}.tile-info>div:first-child{min-width:0}.tile h3{font:650 16px/1.25 var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile p{color:var(--text-2);font-size:13px}.tile-menu .popover-trigger{width:32px;height:32px;color:var(--text-2);margin:-4px -6px 0 0}.tile-menu .popover-trigger:hover{background:var(--surface-2);color:var(--text)}.tile-menu .popover-trigger svg{width:18px;height:18px}.tile-new{color:var(--text-2);align-content:start;gap:12px;font-weight:600;display:grid}.tile-new-art{aspect-ratio:1;border-radius:var(--r-lg);border:1.5px dashed var(--line-strong);place-items:center;transition:border-color .15s,color .15s;display:grid}.tile-new:hover .tile-new-art{border-color:var(--accent-line);color:var(--accent)}.tile-new svg{width:26px;height:26px}.empty{align-content:center;justify-items:start;max-width:620px;min-height:58vh;padding:24px 0 8vh;display:grid}.empty h1{font:760 clamp(40px, 6vw, 68px)/1 var(--font-display);letter-spacing:-.022em}.empty p{color:var(--text-2);margin-top:16px;font-size:18px}.empty-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}@media (max-width:560px){.hero{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:16px;padding-bottom:76px}.hero-cover{border-radius:var(--r-md);width:112px}.hero h1{margin:2px 0 8px;font-size:clamp(26px,8vw,34px)}.hero-actions{margin-top:12px}.hero-peaks{height:52px}.install-row{flex-wrap:wrap}.install-copy{flex-basis:100%}.lib-actions .btn span{display:none}}.studio{--grid-bar:#e8eaf11a;--grid-beat:#e8eaf10b;--ruler-tick:#8a92a8;--ruler-tick-soft:#4b536a;--dock-h:96px;background:var(--bg);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.studio-main{flex:1;min-height:0;display:flex}.stage{flex:1;min-width:0;min-height:0;position:relative}body.is-dragging,body.is-dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.topbar{min-height:64px;padding:calc(8px + var(--safe-t)) 16px 8px calc(10px + var(--safe-l));background:color-mix(in oklab, var(--bg), transparent 12%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex:none;align-items:center;gap:12px;display:flex}.top-cover{width:42px;height:42px;box-shadow:0 0 0 1px var(--line-strong);border-radius:10px;flex:none;display:block;overflow:hidden}.top-cover svg,.top-cover img{width:100%;height:100%;display:block}.cover-pop .popover-trigger{border-radius:10px}.top-title{flex:0 auto;min-width:0;display:grid}.song-title{font:700 19px/1.2 var(--font-display);letter-spacing:-.01em;color:var(--text);text-overflow:ellipsis;background:0 0;border:0;border-radius:8px;min-width:0;max-width:100%;margin-left:-8px;padding:2px 8px;transition:background .15s}.song-title:hover{background:var(--surface)}.song-title:focus{background:var(--surface-2);outline:2px solid var(--accent);outline-offset:0}.top-center{flex:1;justify-content:center;display:flex}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.topbar .popover-trigger{width:40px;height:40px}.save-chip{width:max-content;height:18px;color:var(--text-3);cursor:default;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.save-chip:disabled{opacity:1}.save-chip i{place-items:center;width:14px;height:14px;display:grid}.save-chip i svg{width:14px;height:14px}.save-chip:not([data-status=saved]) i:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.save-chip[data-status=dirty]{color:var(--accent)}.save-chip[data-status=saving] i:before{animation:.9s ease-in-out infinite alternate breathe}.save-chip[data-status=error],.save-chip[data-status=conflict],.save-chip[data-status=offline]{color:#ff9aa8}.save-chip em{cursor:pointer;font-style:normal;text-decoration:underline}.save-chip:not(:disabled){cursor:pointer}@keyframes breathe{0%{opacity:.35}}.seg-view{min-width:190px}.seg-view button{height:32px;padding:0 18px;font-size:13px}.seg-sm{padding:3px}.seg-sm button{height:28px;padding:0 10px;font-size:12px}.view-row{flex:none;padding:0 16px 8px}.view-row .seg{width:100%}.banner{border-radius:var(--r-lg);background:color-mix(in oklab, var(--rec) 15%, var(--surface));border:1px solid color-mix(in oklab, var(--rec) 42%, transparent);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:10px 16px;margin:0 16px 8px;padding:12px 14px;display:flex}.banner>div:first-child{flex:280px;gap:1px;display:grid}.banner span{color:var(--text-2);font-size:13px}.banner-actions{gap:8px;display:flex}.tl-wrap{height:100%;position:relative}.tl{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;height:100%;position:relative;overflow:auto}.tl-grid{min-height:100%;padding-bottom:calc(var(--dock-h) + 90px);position:relative}.tl-ruler{z-index:6;background:var(--bg);box-shadow:0 1px 0 var(--line);display:flex;position:sticky;top:0}.tl-corner{z-index:7;background:var(--bg);border-right:1px solid var(--line);color:var(--text-3);flex:none;align-items:flex-end;padding:0 16px 8px;font-size:11px;font-weight:600;display:flex;position:sticky;left:0}.tl-ruler-body{cursor:text;touch-action:pan-x;flex:none;position:relative}.ruler-canvas{left:var(--head-w);pointer-events:none;display:block;position:sticky}.ruler-head{pointer-events:none;will-change:transform;z-index:3;background:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%);border-radius:2px;width:14px;height:12px;position:absolute;top:0;left:-7px}.loop-strip{cursor:crosshair;position:absolute;left:0;right:0}.loop-region{cursor:grab;background:color-mix(in oklab, var(--accent) 16%, transparent);border:1px solid color-mix(in oklab, var(--accent) 35%, transparent);border-radius:6px;position:absolute;top:2px;bottom:2px}.loop-region[data-on]{background:color-mix(in oklab, var(--accent) 62%, transparent);border-color:var(--accent)}.loop-edge{cursor:ew-resize;width:12px;position:absolute;top:-2px;bottom:-2px}.loop-edge.l{left:-4px}.loop-edge.r{right:-4px}.tl-row{display:flex;position:relative}.tl-head{z-index:5;width:var(--head-w);background:color-mix(in oklab, var(--bg), var(--lane) 3%);border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex:none;transition:background .15s;display:flex;position:sticky;left:0;overflow:hidden}.tl-row[data-selected] .tl-head{background:color-mix(in oklab, var(--bg), var(--lane) 10%)}.head-stripe{background:var(--lane);opacity:.85;flex:none;width:4px}.tl-row[data-selected] .head-stripe{opacity:1}.head-main{flex:1;align-content:center;gap:7px;min-width:0;padding:8px 10px;display:grid}.head-top{align-items:center;gap:2px;display:flex}.head-name{min-width:0;font:650 14px/1.25 var(--font-ui);color:var(--text);text-overflow:ellipsis;background:0 0;border:0;border-radius:8px;flex:1;margin-left:-8px;padding:3px 8px}.head-name:hover{background:var(--surface-2)}.head-name:focus{background:var(--surface-3);outline:2px solid var(--accent);outline-offset:0}.head-more .popover-trigger{width:30px;height:30px;color:var(--text-3)}.head-more .popover-trigger:hover{background:var(--surface-2);color:var(--text)}.head-more .popover-trigger svg{width:18px;height:18px}.head-ctl{gap:5px;display:flex}.pill{background:var(--surface-2);min-width:30px;height:26px;color:var(--text-2);border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:700;transition:background .12s,color .12s;display:inline-flex}.pill:hover{background:var(--surface-3);color:var(--text)}.pill svg{width:14px;height:14px}.pill em{font-size:11px;font-style:normal}.pill[aria-pressed=true]{color:#141826;background:#8d97b8}.pill-solo[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.pill-fx[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent-line)}.pill-arm{color:var(--rec)}.pill-arm[aria-pressed=true]{background:var(--rec);color:#fff;animation:1.6s ease-in-out infinite armed}@keyframes armed{50%{box-shadow:0 0 0 4px color-mix(in oklab, var(--rec) 28%, transparent)}}.head-vol{grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:6px;display:grid}.head-vol output{color:var(--text-3);text-align:right;font-size:11px}.head-note{color:var(--text-3);font-size:11px}.input-bar{background:var(--surface-3);border-radius:2px;height:4px;overflow:hidden}.input-bar i{background:var(--accent);border-radius:2px;height:100%;display:block}.input-bar i[data-hot]{background:var(--rec)}.tl-head[data-compact] .head-main{gap:6px;padding:8px}.head-name-btn{text-align:left;min-width:0;padding:2px 0;display:grid}.head-name-btn span{font:650 13px/1.25 var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.head-name-btn small{color:var(--text-3);font-size:11px}.tl-lane{border-bottom:1px solid var(--line);background-color:color-mix(in oklab, var(--lane) 2.5%, transparent);background-image:linear-gradient(90deg, var(--grid-bar) 1px, transparent 1px), linear-gradient(90deg, var(--beat-line,transparent) 1px, transparent 1px);background-size:var(--bar-px) 100%, var(--beat-px) 100%;flex:none;position:relative}.tl-row[data-selected] .tl-lane{background-color:color-mix(in oklab, var(--lane) 6%, transparent)}.lane-hint{color:var(--text-3);pointer-events:none;padding:0 6px;font-size:13px;display:inline-block;position:sticky;top:50%;left:18px;transform:translateY(-50%)}.clip{cursor:grab;touch-action:pan-x pan-y;background:var(--lane-body);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--lane) 28%, transparent);border-radius:10px;transition:box-shadow .12s;position:absolute;top:7px;overflow:hidden}.clip:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--lane) 55%, transparent)}.clip[data-selected]{box-shadow:0 0 0 2px var(--lane), 0 10px 26px -10px color-mix(in oklab, var(--lane) 70%, black);z-index:2}.clip[data-loading]{opacity:.7;background-image:repeating-linear-gradient(115deg,#0000 0 10px,#ffffff0a 10px 20px)}.clip-wave{pointer-events:none;position:absolute;top:0}.clip-name{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:calc(100% - 18px);font:650 11px/1.2 var(--font-ui);color:color-mix(in oklab, var(--lane-wave), white 25%);text-shadow:0 1px 6px var(--lane-body), 0 0 3px var(--lane-body);position:absolute;top:5px;left:9px;overflow:hidden}.clip-fade{pointer-events:none;height:100%;fill:color-mix(in oklab, var(--bg), transparent 28%);position:absolute;top:0}.clip-fade.in{left:0}.clip-fade.out{right:0}.clip-edge{z-index:2;cursor:ew-resize;touch-action:none;width:12px;position:absolute;top:0;bottom:0}.clip-edge.l{left:0}.clip-edge.r{right:0}.clip[data-selected] .clip-edge{width:20px}.clip[data-selected] .clip-edge:after{content:"";background:var(--lane);border-radius:2px;width:4px;height:26px;margin-top:-13px;position:absolute;top:50%}.clip[data-selected] .clip-edge.l:after{left:3px}.clip[data-selected] .clip-edge.r:after{right:3px}.clip-knob{z-index:3;cursor:ew-resize;touch-action:none;width:13px;height:13px;box-shadow:0 0 0 2px var(--lane), 0 2px 6px #0006;background:#f4f6fb;border-radius:50%;position:absolute;bottom:6px}.clip-knob:before{content:"";position:absolute;inset:-10px}.clip-knob.in{margin-left:6px}.clip-knob.out{margin-right:6px}.rec-region{pointer-events:none;background:color-mix(in oklab, var(--rec) 42%, var(--surface));box-shadow:0 0 0 2px var(--rec), 0 0 28px -4px color-mix(in oklab, var(--rec) 70%, transparent);border-radius:10px;position:absolute;top:7px;bottom:7px;overflow:hidden}.rec-region canvas{width:100%;height:100%;position:absolute;inset:0}.rec-region span{font:650 11px var(--font-ui);color:#fff;opacity:.9;position:absolute;top:5px;left:9px}.tl-add{z-index:5;gap:6px;padding:14px 12px;display:flex;position:sticky;left:0}.tl-add .btn svg{width:16px;height:16px}.tl-playhead{z-index:4;pointer-events:none;will-change:transform;width:0;position:absolute;top:0;bottom:0;left:0}.tl-playhead i{background:var(--accent);width:2px;box-shadow:0 0 14px color-mix(in oklab, var(--accent) 60%, transparent);position:absolute;top:0;bottom:0;left:-1px}.tl-drop{z-index:20;pointer-events:none;border-radius:var(--r-xl);border:2px dashed var(--accent);background:color-mix(in oklab, var(--bg), var(--accent) 12%);color:var(--accent);font:650 22px var(--font-display);place-items:center;display:grid;position:absolute;inset:8px}.empty-studio{height:100%;padding:24px 24px calc(var(--dock-h) + 24px);place-items:center;display:grid}.empty-card{max-width:480px}.empty-card h2{font:760 clamp(32px, 5vw, 46px)/1.02 var(--font-display);letter-spacing:-.022em}.empty-card p{color:var(--text-2);margin-top:12px;font-size:16px;line-height:1.5}.empty-card .empty-actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.empty-card .empty-actions .btn{height:44px}.empty-card .empty-actions svg{width:18px;height:18px}.empty-tip{align-items:center;gap:8px;display:flex;color:var(--text-3)!important;font-size:13px!important}.empty-tip svg{flex:none;width:18px;height:18px}.dock{--fx-w:0px;z-index:30;left:calc(50% - var(--fx-w) / 2);bottom:calc(18px + var(--safe-b));background:color-mix(in oklab, var(--surface-2), transparent 6%);-webkit-backdrop-filter:blur(26px)saturate(1.4);backdrop-filter:blur(26px)saturate(1.4);border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:6px;max-width:calc(100vw - 24px);padding:8px 14px 8px 8px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 26px 60px -18px #000000bf,0 0 0 1px #0003}.studio[data-fx]:not([data-compact]) .dock{--fx-w:400px}.dock-main{align-items:center;gap:6px;display:flex}.dock-tools{align-items:center;gap:2px;display:flex}.dock-sep{background:var(--line-strong);width:1px;height:28px;margin:0 6px}.dock .icon-btn{width:38px;height:38px}.dock .icon-btn.txt{width:auto;padding:0 12px;font-size:13px;font-weight:600}.dock-play,.dock-rec{border-radius:50%;place-items:center;transition:transform .1s,background .15s;display:grid}.dock-play:active,.dock-rec:active{transform:scale(.94)}.dock-play{background:var(--accent);width:54px;height:54px;color:var(--accent-ink);box-shadow:0 8px 22px -8px var(--accent)}.dock-play:hover{background:color-mix(in oklab, var(--accent), white 14%)}.dock-play svg{width:24px;height:24px}.dock-rec{background:var(--surface-3);width:44px;height:44px;color:var(--rec)}.dock-rec:hover{background:color-mix(in oklab, var(--surface-3), var(--rec) 18%)}.dock-rec svg{width:26px;height:26px}.dock-rec[aria-pressed=true]{background:var(--rec);color:#fff;animation:1.4s ease-in-out infinite armed}.dock-rec[aria-pressed=true] svg{width:20px;height:20px}.clock{min-width:92px;padding:0 8px 0 6px;line-height:1.05;display:grid}.clock output{font:650 26px/1 var(--font-display);letter-spacing:-.015em;font-variant-numeric:tabular-nums}.clock span{color:var(--text-3);margin-top:3px;font-size:11px}.dock[data-recording] .clock output{color:#ff8d9b}.bpm{align-items:center;display:flex}.bpm .icon-btn{width:30px;height:30px;font-size:18px}.bpm label{justify-items:center;line-height:1;display:grid}.bpm input{text-align:center;width:56px;font:650 18px var(--font-display);background:0 0;border:0;border-radius:8px;padding:2px 0}.bpm input:hover{background:var(--surface-3)}.bpm input:focus{background:var(--surface-3);outline:2px solid var(--accent)}.bpm label span{color:var(--text-3);margin-top:1px;font-size:10px;font-weight:600}.dock-pop .popover-trigger{width:auto;padding:0}.countin{white-space:nowrap;color:var(--text-2);border-radius:999px;padding:8px 10px;font-size:13px;font-weight:600;display:inline-block}.countin[data-on]{color:var(--text)}.dock-pop .popover-trigger:hover .countin{background:var(--surface-3)}.dock-pop .popover-panel{top:auto;bottom:calc(100% + 12px)}.dock-pop .popover-panel>button[aria-checked=true]{color:var(--accent)}.clipbar{z-index:29;left:calc(50% - var(--fx-w,0px) / 2);bottom:calc(100px + var(--safe-b));background:color-mix(in oklab, var(--surface-2), transparent 6%);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:4px;max-width:calc(100vw - 24px);padding:5px 6px 5px 16px;animation:.16s ease-out rise;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 18px 44px -16px #000000b3}.studio[data-fx]:not([data-compact]) .clipbar{--fx-w:400px}.clipbar-name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;margin-right:6px;font-weight:650;overflow:hidden}.clipbar .btn svg{width:16px;height:16px}.clipbar-gain{align-items:center;gap:8px;width:170px;margin:0 6px;display:flex}.clipbar-gain output{color:var(--text-3);text-align:right;width:52px;font-size:11px}.clipbar-del:hover{color:#ff9aa8!important}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--p,0%), var(--surface-3) var(--p,0%));border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#f1f3f9;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 1px 5px #00000080}input[type=range]::-moz-range-track{background:var(--surface-3);border-radius:2px;height:4px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}input[type=range]::-moz-range-thumb{background:#f1f3f9;border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 5px #00000080}input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent);outline-offset:2px}input[type=checkbox][role=switch]{appearance:none;background:var(--surface-3);cursor:pointer;border-radius:99px;flex:none;width:44px;height:26px;margin:0;transition:background .15s;position:relative}input[type=checkbox][role=switch]:after{content:"";background:#f1f3f9;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0006}input[type=checkbox][role=switch]:checked{background:var(--accent)}input[type=checkbox][role=switch]:checked:after{transform:translate(18px)}input[type=checkbox][role=switch]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.input-sm{border-radius:10px;width:auto;min-width:0;height:38px;padding:0 12px}.select{border:1px solid var(--line-strong);background:color-mix(in oklab, var(--surface), black 14%);border-radius:10px;width:100%;height:34px;padding:0 10px}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1.5 5 5 5-5' fill='none' stroke='%2398a0b5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}select.input option,.select option{background:#232838}.knob{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;justify-items:center;gap:0;padding:2px 0 4px;display:grid}.knob:focus-visible{outline:2px solid var(--accent);outline-offset:0}.knob-track{fill:none;stroke:var(--surface-3);stroke-width:4px;stroke-linecap:round}.knob-value{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round}.knob-cap{fill:color-mix(in oklab, var(--surface-3), white 6%);transition:fill .12s}.knob:hover .knob-cap{fill:color-mix(in oklab, var(--surface-3), white 14%)}.knob-tick{stroke:var(--text);stroke-width:3px;stroke-linecap:round}.knob-val{color:var(--text);white-space:nowrap;margin-top:-2px;font-size:12px;font-weight:650}.knob-label{color:var(--text-3);text-align:center;max-width:84px;font-size:11px;font-weight:500;line-height:1.15}.knob-row{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));justify-items:center;gap:8px 2px;display:grid}.opt{align-content:start;gap:5px;width:100%;display:grid}.opt .knob-label{text-align:left;max-width:none}.opt-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 14px;margin-bottom:12px;display:grid}.fader{flex:none;width:46px;position:relative}.fader:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}.fader-track{cursor:ns-resize;touch-action:none;position:absolute;inset:0}.fader-rail{background:var(--surface-3);border-radius:3px;width:6px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.fader-fill{background:color-mix(in oklab, var(--lane,var(--accent)) 80%, transparent);border-radius:3px;width:6px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.fader-mark{font:600 9px/1 var(--font-ui);color:var(--text-3);pointer-events:none;font-style:normal;position:absolute;left:0;transform:translateY(50%)}.fader-mark[data-zero]{color:var(--text-2)}.fader-cap{pointer-events:none;background:linear-gradient(#f6f8fc,#c3c9da);border-radius:7px;width:34px;height:20px;position:absolute;left:50%;transform:translate(-50%,50%);box-shadow:0 4px 10px #00000073,inset 0 -1px #00000026}.fader-cap:after{content:"";background:#424a63;border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:6px;right:6px}.meter{background:var(--surface-3);border-radius:4px;flex:none;width:8px;position:relative;overflow:hidden}.meter.is-v{height:100%}.meter.is-h{width:100%;height:6px}.meter-bar{clip-path:inset(100% 0 0);background:linear-gradient(#ff5a6a 0%,#ffd04a 20%,#6fdc84 45%,#35d3a2 100%);position:absolute;inset:0}.meter.is-h .meter-bar{background:linear-gradient(90deg,#35d3a2 0%,#6fdc84 55%,#ffd04a 80%,#ff5a6a 100%)}.meter-hold{background:#ffffffd9;height:2px;position:absolute;bottom:0;left:0;right:0}.meter-clip{background:var(--rec);opacity:0;height:4px;position:absolute;top:0;left:0;right:0}.meter-clip[data-on="1"]{opacity:1}.meter-pair{gap:3px;height:100%;display:flex}.mixer{height:100%;padding:14px 16px calc(var(--dock-h) + 24px);gap:12px;display:flex;overflow:hidden}.mixer-strips{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;flex:1;gap:10px;min-width:0;padding-bottom:6px;display:flex;overflow-x:auto}.strip{--lane:var(--accent);background:var(--surface);border:1.5px solid #0000;border-radius:22px;flex-direction:column;flex:none;align-items:center;gap:10px;width:128px;padding:12px 10px 14px;transition:border-color .15s;display:flex}.strip[data-selected]{border-color:color-mix(in oklab, var(--lane) 55%, transparent)}.strip-master{background:var(--surface-2);margin-bottom:6px;margin-left:auto}.strip-name{width:100%;font:650 13px var(--font-ui);align-items:center;gap:7px;display:flex}.strip-name i{background:var(--lane);border-radius:50%;flex:none;width:9px;height:9px}.strip-master .strip-name i{background:var(--accent)}.strip-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.strip-fx{flex-direction:column;flex:none;gap:4px;width:100%;height:82px;display:flex}.fx-chip{text-align:left;background:var(--surface-3);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;flex:none;align-items:center;width:100%;height:25px;padding:0 9px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.fx-chip:hover{background:color-mix(in oklab, var(--surface-3), white 8%)}.fx-chip[data-off]{opacity:.45}.fx-chip.add{border:1px dashed var(--line-strong);color:var(--text-2);background:0 0;gap:5px}.fx-chip.add[data-open]{color:var(--accent);border-color:var(--accent-line)}.fx-chip.add svg{width:13px;height:13px}.fx-chip.more{color:var(--text-2);border:1px dashed var(--line-strong);background:0 0}.strip .knob{height:74px}.strip-spacer{flex:none;height:74px}.strip-fader{align-items:stretch;gap:10px;height:200px;display:flex}.strip-db{color:var(--text-2);font-size:12px;font-weight:650}.strip-add{border:1.5px dashed var(--line-strong);width:84px;color:var(--text-3);border-radius:22px;flex:none;place-content:center;justify-items:center;gap:6px;font-size:12px;font-weight:600;display:grid}.strip-add:hover{color:var(--accent);border-color:var(--accent-line)}.strip-add svg{width:20px;height:20px}.fxp{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;flex:none;width:400px;min-height:0;animation:.22s cubic-bezier(.2,.8,.2,1) slidein;display:flex}.fxp-inner{flex-direction:column;height:100%;min-height:0;display:flex}@keyframes slidein{0%{opacity:0;transform:translate(24px)}}@keyframes sheetup{0%{opacity:0;transform:translateY(40px)}}.fxp-head{justify-content:space-between;align-items:center;gap:8px;padding:14px 12px 6px 18px;display:flex}.fxp-title{align-items:center;gap:12px;min-width:0;display:flex}.fxp-title>i{border-radius:50%;flex:none;width:12px;height:12px}.fxp-title .master-dot{background:var(--accent)}.fxp-title h2{font:700 20px/1.15 var(--font-display);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fxp-title span{color:var(--text-3);font-size:12px}.fxp-actions{flex-wrap:wrap;gap:8px;padding:8px 18px 12px;display:flex}.fxp-actions .btn svg{width:16px;height:16px}.fxp-actions .popover-trigger{border-radius:999px}.fxp-list{min-height:0;padding:4px 14px calc(var(--dock-h) + 40px);scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;flex:1;overflow-y:auto}.fxp-empty p{color:var(--text-2);margin:10px 4px 14px;line-height:1.5}.quick{text-align:left;background:var(--surface-2);border-radius:16px;gap:2px;width:100%;margin-bottom:8px;padding:14px 16px;transition:background .12s;display:grid}.quick:hover{background:var(--surface-3)}.quick strong{font:650 16px var(--font-display)}.quick span{color:var(--text-2);font-size:13px}.fxc{background:var(--surface-2);border:1px solid var(--line);border-radius:20px;margin-bottom:12px}.fxc-head{align-items:center;gap:6px;padding:8px 8px 8px 10px;display:flex}.fxc-power{background:var(--surface-3);width:34px;height:34px;color:var(--text-3);border-radius:50%;flex:none;place-items:center;transition:background .15s,color .15s;display:grid}.fxc-power svg{width:17px;height:17px}.fxc-power[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.fxc-title{text-align:left;flex:1;align-items:center;gap:4px;min-width:0;min-height:40px;display:flex}.fxc-title strong{font:650 16px var(--font-display);letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fxc-chev{width:16px;height:16px;color:var(--text-3);flex:none;transition:transform .18s;transform:rotate(-90deg)}.fxc-chev[data-open]{transform:none}.fxc-presets .popover-trigger,.fxc-more .popover-trigger{height:32px;color:var(--text-2);border-radius:999px}.fxc-presets .popover-trigger:hover,.fxc-more .popover-trigger:hover{background:var(--surface-3);color:var(--text)}.fxc-more .popover-trigger{width:32px}.fxc-preset{align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.fxc-preset svg{width:14px;height:14px}.fxc-more .popover-trigger svg{width:18px;height:18px}.fxc[data-off] .fxc-body{opacity:.45}.fxc-body{padding:0 12px 14px;transition:opacity .15s}.fxc-blurb{color:var(--text-3);margin:0 4px 12px;font-size:13px;line-height:1.4}.gr{color:var(--text-3);align-items:center;gap:8px;margin:0 4px 12px;font-size:12px;display:flex}.gr-track{background:var(--surface-3);border-radius:3px;flex:1;height:6px;overflow:hidden}.gr-unit{margin-left:-4px}.gr-track i{background:var(--accent);transform-origin:100%;width:100%;height:100%;display:block;transform:scaleX(0)}.gr em{text-align:right;width:34px;color:var(--text-2);font-style:normal;font-weight:650}.popover-panel.tall{min-width:280px;max-height:min(60dvh,480px);overflow-y:auto}.menu-group h4{font:650 11px var(--font-ui);color:var(--text-3);margin:0;padding:10px 12px 4px}.menu-group>button{text-align:left;border-radius:8px;gap:1px;width:100%;padding:8px 12px;font-weight:600;display:grid}.menu-group>button:hover{background:var(--surface-3)}.menu-group>button small{color:var(--text-3);font-size:12px;font-weight:400}.popover-panel>button:disabled{opacity:.4}.pick{gap:18px;max-height:62dvh;margin:0 -10px;padding:0 10px;display:grid;overflow-y:auto}.pick-group h3{font:650 13px var(--font-ui);color:var(--text-3);margin-bottom:8px}.pick-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.pick-item{text-align:left;background:var(--surface-2);border-radius:14px;align-content:start;gap:3px;padding:11px 13px;transition:background .12s;display:grid}.pick-item:hover{background:var(--surface-3)}.pick-item strong{font-size:14px}.pick-item span{color:var(--text-2);font-size:12px;line-height:1.35}.eq-plot{touch-action:none;cursor:crosshair;background:color-mix(in oklab, var(--bg), black 22%);border-radius:14px;height:190px;position:relative;overflow:hidden}.eq-plot canvas{width:100%;height:100%;position:absolute;inset:0}.eq-bands{flex-wrap:wrap;gap:6px;margin:12px 0 8px;display:flex}.eq-bands button{background:var(--surface-3);height:28px;color:var(--text-2);border-radius:999px;padding:0 11px;font-size:12px;font-weight:600}.eq-bands button[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}.eq-bands button[data-active]:not([aria-selected=true]){box-shadow:inset 0 0 0 1.5px var(--accent-line);color:var(--text)}.eq-filters{border-top:1px solid var(--line);gap:10px;margin-top:8px;padding-top:10px;display:grid}.eq-filters .seg{justify-self:start}.sheet-wrap{z-index:70;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.sheet-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:default;background:#080a1080;animation:.18s ease-out fade;position:absolute;inset:0}.sheet{background:var(--surface);border-left:1px solid var(--line-strong);flex-direction:column;width:min(430px,100%);min-height:0;animation:.24s cubic-bezier(.2,.8,.2,1) slidein;display:flex;position:relative;box-shadow:-30px 0 80px -30px #000000b3}.sheet[data-wide]{width:min(560px,100%)}.sheet-grip{background:var(--line-strong);border-radius:2px;width:40px;height:4px;margin:8px auto 0;display:none}.sheet-head{padding:calc(18px + var(--safe-t)) 14px 8px 22px;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sheet-head h2{font:700 22px/1.15 var(--font-display);letter-spacing:-.012em}.sheet-head p{color:var(--text-2);margin-top:3px;font-size:13px}.sheet-body{min-height:0;padding:10px 22px calc(28px + var(--safe-b));flex:1;align-content:start;gap:18px;display:grid;overflow-y:auto}.sheet-note{color:var(--text-3);font-size:12px;line-height:1.5}.sheet-actions{flex-wrap:wrap;gap:8px;display:flex}.sheet-actions svg{width:17px;height:17px}.ver-save{gap:8px;display:flex}.ver-save .input{height:42px}.ver-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.ver{border-radius:16px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.ver:hover{background:var(--surface-2)}.ver[data-current]{background:var(--accent-soft)}.ver-n{background:var(--surface-3);height:30px;font:650 13px var(--font-display);color:var(--text-2);border-radius:9px;place-items:center;display:grid}.ver[data-kind=manual] .ver-n{background:var(--accent);color:var(--accent-ink)}.ver-main{gap:1px;min-width:0;display:grid}.ver-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;font-weight:600;overflow:hidden}.ver-label:hover{text-decoration:underline;-webkit-text-decoration-color:var(--text-3);text-decoration-color:var(--text-3);text-underline-offset:3px}.ver-main>span{color:var(--text-3);font-size:12px}.ver-act{gap:4px;display:flex}.ver-now{color:var(--accent);align-items:center;gap:4px;font-size:13px;font-weight:650;display:inline-flex}.ver-now svg{width:16px;height:16px}.ver-empty{color:var(--text-3);padding:18px 10px;font-size:13px;line-height:1.5}.set{gap:2px;display:grid}.set h3{font:650 13px var(--font-ui);color:var(--text-3);margin-bottom:4px}.set-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:46px;display:flex}.set-row:last-child{border-bottom:0}.set-row>label,.set-row>span{font-weight:500}.set-row small{color:var(--text-3);margin-top:1px;font-size:12px;font-weight:400;display:block}.set-row.toggle{cursor:pointer}.set-ctl{color:var(--text-2);align-items:center;gap:8px;display:flex}.set-ctl .input-sm{text-align:center;width:84px}.set-row.stack{grid-template-columns:minmax(0,1fr);gap:4px;padding:10px 0;display:grid}.set-row.stack>label{justify-content:space-between;display:flex}.set-row.stack output{color:var(--text-2);font-weight:600}.set-row select.input-sm{min-width:150px}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatches button{border-radius:50%;width:34px;height:34px}.swatches button[aria-checked=true]{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px #f1f3f9}.export-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.check{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:1px 0 0}.check span{gap:1px;display:grid}.check small{color:var(--text-3);font-size:12px}.export-status{color:var(--text-2);align-items:center;gap:10px;font-size:13px;display:flex}.export-status.ok{color:var(--accent);font-weight:600}.dialog-actions a.btn{text-decoration:none}.dialog-actions .btn svg,.btn svg{width:17px;height:17px}.studio[data-compact]{--dock-h:78px}.studio[data-compact] .topbar{gap:8px;min-height:56px;padding-right:8px}.studio[data-compact] .top-cover{width:38px;height:38px}.studio[data-compact] .top-title{flex:1}.studio[data-compact] .song-title{width:100%;font-size:17px}.studio[data-compact] .tl-grid{padding-bottom:calc(var(--dock-h) + 80px)}.studio[data-compact] .dock{left:12px;right:12px;bottom:calc(10px + var(--safe-b));justify-content:space-between;max-width:none;padding:7px 8px 7px 7px;transform:none}.studio[data-compact] .clock{min-width:78px}.studio[data-compact] .clock output{font-size:22px}.studio[data-compact] .dock-play{width:50px;height:50px}.studio[data-compact] .dock-rec{width:42px;height:42px}.studio[data-compact] .dock-main{gap:4px}.studio[data-compact] .dock .icon-btn{width:40px;height:40px}.studio[data-compact] .clipbar{left:12px;right:12px;bottom:calc(86px + var(--safe-b));justify-content:space-between;max-width:none;padding:4px 6px 4px 12px;transform:none}.studio[data-compact] .clipbar-name{display:none}.studio[data-compact] .clipbar-gain{width:110px;margin:0}.studio[data-compact] .clipbar-gain output,.studio[data-compact] .clipbar .lbl{display:none}.studio[data-compact] .clipbar .btn{width:40px;padding:0}.studio[data-compact] .mixer{padding:8px 12px calc(var(--dock-h) + 20px)}.studio[data-compact] .strip{width:112px;padding:10px 8px 12px}.studio[data-compact] .strip-master{position:sticky;right:0}.studio[data-compact] .mixer{flex-direction:row}.studio[data-compact] .banner{margin:0 12px 8px}.fxp[data-compact]{z-index:50;background:0 0;border:0;align-items:flex-end;width:auto;animation:none;display:flex;position:fixed;inset:0}.fxp[data-compact] .sheet-scrim{border-radius:0;position:absolute;inset:0}.fxp[data-compact] .fxp-inner{background:var(--surface);border-radius:26px 26px 0 0;width:100%;height:min(88dvh,780px);animation:.28s cubic-bezier(.2,.8,.2,1) sheetup;position:relative;box-shadow:0 -30px 80px -20px #000000b3}.fxp[data-compact] .sheet-grip{display:block}.fxp[data-compact] .fxp-list{padding-bottom:calc(40px + var(--safe-b))}@media (max-width:820px){.sheet-wrap{align-items:flex-end}.sheet{border-left:0;border-radius:26px 26px 0 0;width:100%;max-height:min(90dvh,820px);animation:.28s cubic-bezier(.2,.8,.2,1) sheetup;box-shadow:0 -30px 80px -20px #000000b3}.sheet[data-wide]{width:100%}.sheet-grip{display:block}.sheet-head{padding-top:10px}.export-grid{grid-template-columns:1fr}.toasts{bottom:calc(150px + var(--safe-b))}}@media (max-width:420px){.studio[data-compact] .dock-tools .icon-btn{width:36px}.studio[data-compact] .clock{min-width:70px}}