@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-ext-wght-normal-B5bTHO_g.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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-wght-normal-BbzFLZTg.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}:root{--stone-50:#fafaf9;--stone-100:#f5f5f4;--stone-200:#e7e5e4;--stone-300:#d6d3d1;--stone-400:#a8a29e;--stone-500:#78716c;--stone-600:#57534e;--stone-700:#44403c;--stone-800:#292524;--stone-900:#1c1917;--ink-950:#120f0c;--ink-900:#191410;--ink-850:#1e1a17;--ink-800:#24211e;--ink-750:#2c2824;--ink-700:#362f2b;--ink-650:#423a35;--orange-300:#ff8561;--orange-400:#ff7247;--orange-500:#ff6738;--orange-600:#ff4b14;--orange-700:#db3300;--orange-800:#b22700;--red-400:#f87171;--red-500:#ef4444;--green-400:#5fd17a;--amber-400:#f2b84b;--track-rose:#db959c;--track-clay:#d99a7e;--track-sand:#c6a66b;--track-olive:#acb171;--track-sage:#86ba8d;--track-teal:#66bcb5;--track-sky:#6eb6d5;--track-blue:#91aae1;--track-lavender:#b39fd9;--track-mauve:#cf96be;--bg:var(--ink-900);--bg-sunken:var(--ink-950);--surface:var(--ink-850);--card:var(--ink-800);--muted:var(--ink-750);--active:var(--ink-700);--active-strong:var(--ink-650);--overlay:#24211ef7;--scrim:#0c0a0899;--border:#faf9f912;--border-strong:#faf9f91f;--border-hover:#faf9f933;--ring:#faf9f98c;--fg:var(--stone-50);--fg-muted:var(--stone-300);--fg-subtle:var(--stone-400);--fg-faint:var(--stone-500);--fg-disabled:var(--stone-600);--primary:var(--orange-600);--primary-hover:var(--orange-500);--primary-pressed:var(--orange-700);--on-primary:var(--stone-900);--primary-text:var(--orange-300);--primary-soft:#ff4b1424;--primary-border:#ff4b1473;--primary-glow:0 0 0 1px #ff4b1459, 0 8px 28px -6px #ff4b148c;--inverse:var(--stone-50);--inverse-hover:var(--stone-200);--on-inverse:var(--stone-900);--success:var(--green-400);--success-soft:#5fd17a1f;--warning:var(--amber-400);--danger:var(--red-500);--danger-text:var(--red-400);--danger-soft:#ef444424;--record:var(--red-500);--grid-bar:#faf9f913;--grid-beat:#faf9f909;--grid-sub:#faf9f905;--playhead:var(--stone-50);--selection:var(--stone-50);--meter:linear-gradient(to top, var(--stone-300) 0%, var(--stone-200) 72%, var(--orange-500) 86%, var(--red-500) 97%);--meter-h:linear-gradient(90deg, var(--stone-300) 0%, var(--stone-200) 72%, var(--orange-500) 86%, var(--red-500) 97%);--font-sans:"Instrument Sans Variable", "Instrument Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:28px;--text-3xl:40px;--text-display:56px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-display:-.035em;--tracking-tight:-.02em;--tracking-caps:.07em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:20px;--radius-full:999px;--control-sm:26px;--control-md:32px;--control-lg:40px;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 8px 24px #0006;--shadow-lg:0 20px 56px #0000008c, 0 0 0 1px var(--border-strong);--ease:cubic-bezier(.2, 0, 0, 1);--dur-fast:.12s;--dur:.18s;--z-sticky:5;--z-modal:900;--z-menu:1000;--z-busy:1100;--z-toast:1200;--topbar-h:56px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font-sans);font-size:var(--text-base);font-feature-settings:"ss01" on;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;overflow:clip}input,textarea,button,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}::selection{background:#ff4b1459}h1,h2,h3,h4{font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#faf9f917 padding-box padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#faf9f929}::-webkit-scrollbar-corner{background:0 0}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle)}.faint{color:var(--fg-faint)}.grow{flex:1}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.drag{-webkit-app-region:drag}.no-drag,.drag button,.drag input,.drag .seg,.drag .num-drag{-webkit-app-region:no-drag}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{height:var(--control-md);border-radius:var(--radius-full);color:var(--fg);font-weight:var(--weight-medium);font-size:var(--text-sm);border:1px solid var(--border-strong);transition:background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast), box-shadow var(--dur-fast), transform 80ms;white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.btn:hover{background:var(--muted);border-color:var(--border-hover)}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.4;pointer-events:none}.btn.sm{height:var(--control-sm);font-size:var(--text-sm);gap:5px;padding:0 10px}.btn.lg{height:var(--control-lg);font-size:var(--text-md);padding:0 20px}.btn.primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--primary-glow);border-color:#0000}.btn.primary:hover{background:var(--primary-hover)}.btn.primary:active{background:var(--primary-pressed)}.btn.secondary{background:var(--inverse);color:var(--on-inverse);border-color:#0000}.btn.secondary:hover{background:var(--inverse-hover)}.btn.ghost{color:var(--fg-muted);border-color:#0000}.btn.ghost:hover{background:var(--muted);color:var(--fg)}.btn.ai svg:first-child{color:var(--primary-text)}.btn.danger{color:var(--danger-text)}.btn.danger:hover{background:var(--danger-soft);border-color:#ef444473}.btn.lit{border-color:var(--primary-border);box-shadow:0 0 0 3px var(--primary-soft)}.icon-btn{border-radius:var(--radius-full);width:30px;height:30px;color:var(--fg-subtle);transition:background var(--dur-fast), color var(--dur-fast);flex:none;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--muted);color:var(--fg)}.icon-btn:disabled{opacity:.35;pointer-events:none}.icon-btn.sm{width:24px;height:24px}.icon-btn.on{color:var(--fg);background:var(--active)}.icon-btn.accent.on{background:var(--primary-soft);color:var(--primary-text)}.seg{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-full);gap:2px;padding:3px;display:inline-flex}.seg button{border-radius:var(--radius-full);height:26px;color:var(--fg-subtle);font-weight:var(--weight-medium);font-size:var(--text-sm);transition:background var(--dur-fast), color var(--dur-fast);align-items:center;gap:6px;padding:0 12px;display:inline-flex}.seg button:hover{color:var(--fg)}.seg button.on{background:var(--active);color:var(--fg);box-shadow:inset 0 1px #faf9f90d}.seg.sm button{height:22px;font-size:var(--text-xs);padding:0 9px}.input{height:var(--control-md);border-radius:var(--radius-lg);background:var(--bg-sunken);border:1px solid var(--border-strong);color:var(--fg);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);-webkit-user-select:text;user-select:text;outline:none;padding:0 12px}.input::placeholder{color:var(--fg-faint)}.input:hover{border-color:var(--border-hover)}.input:focus{border-color:#faf9f96b;box-shadow:0 0 0 3px #faf9f912}textarea.input{resize:none;height:auto;padding:10px 12px;line-height:1.45}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a8a29e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:28px}.email-field{position:relative}.email-field .input{width:100%}.email-suggestions{z-index:var(--z-menu);text-align:left;border-radius:var(--radius-xl);background:var(--overlay);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);animation:pop-in var(--dur-fast) var(--ease);margin:0;padding:5px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0}.email-suggestion{border-radius:var(--radius-md);height:36px;font-size:var(--text-md);color:var(--fg-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:0 10px;display:flex;overflow:hidden}.email-suggestion b{font-weight:var(--weight-semibold);color:var(--fg)}.email-suggestion:hover,.email-suggestion.active{background:var(--active)}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}.range{appearance:none;background:linear-gradient(to right, var(--tc,var(--fg-muted)) var(--fill,0%), #faf9f91a var(--fill,0%));border-radius:4px;outline:none;width:100%;height:4px;margin:0}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--stone-50);width:10px;height:10px;box-shadow:var(--shadow-sm);border-radius:50%}.chip{border-radius:var(--radius-full);border:1px solid var(--border-strong);height:30px;color:var(--fg-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);background:0 0;align-items:center;gap:6px;padding:0 13px;display:inline-flex}.chip:hover{color:var(--fg);background:var(--muted)}.chip.on{color:var(--on-inverse);background:var(--inverse);border-color:#0000}.chip.sm{height:24px;font-size:var(--text-xs);padding:0 10px}.badge{border-radius:var(--radius-full);background:var(--muted);height:20px;color:var(--fg-subtle);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.badge.primary{background:var(--primary-soft);color:var(--primary-text)}.badge.success{background:var(--success-soft);color:var(--success)}.badge.danger{background:var(--danger-soft);color:var(--danger-text)}.badge.outline{border:1px solid var(--border-strong);background:0 0}.kbd{border-radius:var(--radius-xs);background:var(--muted);border:1px solid var(--border-strong);min-width:18px;height:18px;color:var(--fg-subtle);font-size:10.5px;font-family:var(--font-sans);font-weight:var(--weight-semibold);justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.label{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-faint)}.dot{background:var(--fg-faint);border-radius:50%;flex:none;width:7px;height:7px}.dot.ok{background:var(--success)}.dot.live{background:var(--primary);animation:.9s ease-in-out infinite pulse}.dot.err{background:var(--danger)}.card{border-radius:var(--radius-2xl);background:var(--card);border:1px solid var(--border)}.card.interactive{transition:border-color var(--dur), background var(--dur), transform var(--dur) var(--ease);cursor:pointer}.card.interactive:hover{border-color:var(--border-hover);transform:translateY(-2px)}.grain{isolation:isolate;position:relative}.grain:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.knob{cursor:ns-resize;flex-direction:column;align-items:center;gap:4px;width:58px;display:flex}.knob svg{display:block}.knob .knob-label{color:var(--fg-faint);font-size:10.5px;font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.knob .knob-value{color:var(--fg-subtle);font-size:10.5px;font-family:var(--font-mono);height:13px}.knob:hover .knob-label{color:var(--fg-subtle)}.fader{align-items:stretch;gap:6px;display:flex}.fader-track{border-radius:var(--radius-full);cursor:ns-resize;background:#faf9f912;width:6px;position:relative}.fader-fill{border-radius:var(--radius-full);opacity:.7;position:absolute;bottom:0;left:0;right:0}.fader-zero{background:#faf9f94d;height:1px;position:absolute;left:-5px;right:-5px}.fader-thumb{border-radius:var(--radius-full);background:var(--stone-100);width:26px;height:14px;position:absolute;left:-10px;box-shadow:0 2px 6px #0000008c}.fader-thumb:after{content:"";background:#1c191759;border-radius:1px;height:2px;position:absolute;top:6px;left:7px;right:7px}.fader-meter{gap:2px;display:flex}.meter-bar{background:#faf9f90d;border-radius:3px;width:4px;position:relative;overflow:hidden}.meter-fill{background:var(--meter);background-position:bottom;background-size:100% 170px;height:0;position:absolute;bottom:0;left:0;right:0}.mini-meter{background:#faf9f90d;border-radius:3px;height:3px;overflow:hidden}.mini-meter-fill{background:var(--meter-h);background-size:120px 100%;width:0;height:100%}.menu{z-index:var(--z-menu);border-radius:var(--radius-xl);background:var(--overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:200px;max-height:70vh;box-shadow:var(--shadow-lg);animation:pop-in var(--dur-fast) var(--ease);padding:5px;position:fixed;overflow:auto}.menu .menu-item{border-radius:var(--radius-md);width:100%;height:30px;color:var(--fg);font-size:var(--text-sm);text-align:left;align-items:center;gap:9px;padding:0 10px;display:flex}.menu .menu-item:hover,.menu .menu-item.active{background:var(--active)}.menu .menu-item .hint{color:var(--fg-faint);font-size:var(--text-xs);margin-left:auto}.menu .menu-item.danger{color:var(--danger-text)}.menu .menu-item.danger:hover{background:var(--danger-soft)}.menu .menu-sep{background:var(--border-strong);height:1px;margin:5px 4px}.menu .menu-title{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-faint);padding:8px 10px 4px}.menu .swatch{border-radius:50%;width:12px;height:12px}.modal-backdrop{z-index:var(--z-modal);background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in var(--dur) ease-out;place-items:center;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius-2xl);background:var(--card);width:min(560px,100vw - 48px);max-height:calc(100vh - 80px);box-shadow:var(--shadow-lg);animation:pop-in var(--dur) var(--ease);overflow:auto}.modal-head{align-items:center;gap:10px;padding:20px 20px 6px 24px;display:flex}.modal-head h2{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);margin:0}.modal-body{padding:10px 24px 22px}.modal-foot{justify-content:flex-end;gap:8px;padding:0 24px 22px;display:flex}.toasts{z-index:var(--z-toast);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-full);background:var(--overlay);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);pointer-events:auto;animation:pop-in var(--dur) var(--ease);align-items:center;gap:10px;max-width:640px;padding:9px 16px;display:flex}.toast .dot{background:var(--fg-faint)}.toast.ai .dot{background:var(--primary)}.toast.success .dot{background:var(--success)}.toast.error{background:#3c1412f7}.toast.error .dot{background:var(--danger)}.toast button{color:var(--primary-text);font-weight:var(--weight-semibold)}.busy{z-index:var(--z-busy);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0a0880;place-items:center;animation:.2s fade-in;display:grid;position:fixed;inset:0}.busy-card{border-radius:var(--radius-full);background:var(--overlay);box-shadow:var(--shadow-lg);font-size:var(--text-md);font-weight:var(--weight-medium);align-items:center;gap:14px;padding:16px 24px;display:flex}.spinner{border:2px solid #faf9f924;border-top-color:var(--primary);border-radius:50%;flex:none;width:20px;height:20px;animation:.8s linear infinite spin}.spinner.small{border-width:1.5px;width:12px;height:12px}.spin{animation:1s linear infinite spin}.progress{border-radius:var(--radius-full);background:var(--muted);height:6px;overflow:hidden}.progress>span{border-radius:inherit;background:var(--primary);height:100%;transition:width var(--dur) var(--ease);display:block}.empty{color:var(--fg-faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.empty h3{color:var(--fg-muted);font-size:var(--text-md);font-weight:var(--weight-semibold);margin:0}.ai-mark{background:var(--primary-soft);width:26px;height:26px;color:var(--primary-text);border-radius:50%;flex:none;place-items:center;display:grid}.ai-mark.lg{width:56px;height:56px;box-shadow:0 0 40px -6px #ff4b1480}.ai-mark.sm{width:22px;height:22px}.form-grid{grid-template-columns:120px 1fr;align-items:center;gap:10px 14px;display:grid}.form-grid>label:nth-child(odd){color:var(--fg-muted);font-size:var(--text-sm);align-items:center;gap:5px;display:inline-flex}.form-grid .seg{flex-wrap:wrap}.toggle-row{font-size:var(--text-sm);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.code{border-radius:var(--radius-lg);background:var(--bg-sunken);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted);white-space:pre-wrap;word-break:break-all;-webkit-user-select:text;user-select:text;padding:9px 12px;display:block}.home{background:var(--bg);height:100%;position:relative;overflow:hidden auto}.home-halftone{pointer-events:none;background-image:radial-gradient(#faf9f929 1px,#0000 1.3px);background-size:7px 7px;width:520px;height:420px;position:absolute;top:0;right:0;mask-image:radial-gradient(circle at 100% 0,#000 0%,#0000 62%)}.home-glow{pointer-events:none;background:radial-gradient(50% 50%,#ff4b1417,#0000 70%);width:900px;height:420px;position:absolute;top:220px;left:50%;transform:translate(-50%)}.home-bar{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#191410d1;align-items:center;gap:8px;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.mac .home-bar{padding-left:88px}.brand{font-weight:var(--weight-bold);font-size:var(--text-lg);letter-spacing:var(--tracking-tight);align-items:center;gap:9px;display:flex}.home-main{max-width:1120px;margin:0 auto;padding:72px 32px 96px;position:relative}.hero h1{max-width:820px;font-size:var(--text-display);line-height:1;font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);margin:0}.hero-sub{max-width:600px;color:var(--fg-muted);font-size:var(--text-lg);margin:18px 0 32px;line-height:1.5}.prompt-box{border-radius:var(--radius-2xl);background:var(--card);border:1px solid var(--border-strong);max-width:860px;transition:border-color var(--dur);padding:16px 16px 14px;box-shadow:0 30px 80px -20px #0009}.prompt-box:focus-within{border-color:var(--border-hover)}.prompt-box.dropping{border-color:var(--fg);border-style:dashed}.prompt-input{resize:none;width:100%;color:var(--fg);-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;padding:4px 6px 12px;font-size:18px;line-height:1.45}.prompt-input::placeholder{color:var(--fg-faint)}.prompt-row{align-items:center;gap:12px;display:flex}.prompt-hint{color:var(--fg-faint);font-size:var(--text-xs)}.genre-chips{flex-wrap:wrap;gap:8px;max-width:860px;margin-top:18px;display:flex}.home-section{margin-top:64px}.home-section-head{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.home-section-head h2{font-size:var(--text-xl);margin:0}.quick{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.quick-card{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:18px;display:flex}.qc-icon{border-radius:var(--radius-full);background:var(--muted);border:1px solid var(--border-strong);width:36px;height:36px;color:var(--fg);place-items:center;margin-bottom:14px;display:grid}.qc-title{font-weight:var(--weight-semibold);font-size:var(--text-md)}.qc-sub{color:var(--fg-subtle);font-size:var(--text-sm);line-height:1.4}.recent-empty{border-radius:var(--radius-2xl);border:1px dashed var(--border-strong);color:var(--fg-faint);text-align:center;padding:32px}.recent-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.project-card{position:relative;overflow:hidden}.thumb{background:var(--bg-sunken);border-bottom:1px solid var(--border);align-items:flex-end;height:104px;padding:14px;display:flex;position:relative}.thumb-bars{align-items:center;gap:3px;width:100%;height:60px;display:flex}.thumb-bars span{background:var(--tc,var(--stone-400));opacity:.75;border-radius:2px;flex:1}.thumb .badge{position:absolute;top:12px;right:12px}.pc-info{padding:12px 14px 14px}.pc-title{font-weight:var(--weight-semibold);font-size:var(--text-md);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pc-meta{color:var(--fg-subtle);font-size:var(--text-sm);margin-top:3px}.pc-time{color:var(--fg-faint);font-size:var(--text-xs);margin-top:2px}.pc-more{opacity:0;background:#120f0cb3;position:absolute;top:8px;left:8px}.project-card:hover .pc-more,.pc-more:focus-visible{opacity:1}@media (width<=900px){.hero h1{font-size:var(--text-3xl)}.home-main{padding-top:48px}}.auth,.auth-loading{background:var(--bg);place-items:center;min-height:100%;padding:32px 16px;display:grid;position:relative;overflow-y:auto}.auth-card{border-radius:var(--radius-2xl);background:var(--card);border:1px solid var(--border-strong);width:min(420px,100%);padding:32px;position:relative;box-shadow:0 30px 80px -20px #0009}.auth-brand{font-weight:700;font-size:var(--text-md);align-items:center;gap:10px;margin-bottom:24px;display:flex}.auth-card h1{letter-spacing:-.02em;margin:0;font-size:26px}.auth-sub{color:var(--fg-muted);margin:6px 0 0}.auth-form,.auth-sent{flex-direction:column;gap:14px;margin-top:24px;display:flex}.auth-sent{align-items:flex-start}.auth-sent svg{color:var(--primary)}.auth-sent p{margin:0}.auth-field{font-size:var(--text-sm);color:var(--fg-muted);flex-direction:column;gap:6px;display:flex}.auth-field .input{width:100%;font-size:var(--text-md);padding:10px 12px}.auth-password{position:relative}.auth-password .input{padding-right:40px}.auth-show{width:30px;height:30px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.auth-hint{font-size:var(--text-xs);color:var(--fg-faint)}.auth-error{border-radius:var(--radius-md);color:var(--danger-text);font-size:var(--text-sm);background:#ef44441f;margin:0;padding:10px 12px}.auth-notice{border-radius:var(--radius-md);background:var(--primary-soft);color:var(--fg);font-size:var(--text-sm);margin:0;padding:10px 12px}.auth-form .btn-primary,.auth-form button[type=submit]{justify-content:center;height:42px}.auth-link{color:var(--primary-text);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:4px;padding:0;display:inline-flex}.auth-switch{font-size:var(--text-sm);color:var(--fg-muted);margin:4px 0 0}.auth-switch .auth-link{display:inline}.auth-foot{border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--fg-faint);margin:24px 0 0;padding-top:16px}.auth-foot a{color:var(--fg-muted)}.account-btn{background:var(--primary);width:32px;height:32px;color:var(--on-primary);cursor:pointer;border:0;border-radius:50%;place-items:center;margin-left:4px;font-weight:700;display:grid}.move-local{z-index:1;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border-strong);max-width:860px;font-size:var(--text-sm);align-items:center;gap:10px;margin:12px auto 0;padding:10px 14px;display:flex;position:relative}.move-local span{flex:1}.desktop-gate{background:var(--bg);-webkit-app-region:drag;place-items:center;height:100%;padding:32px 16px;display:grid;position:relative;overflow-y:auto}.desktop-gate.over{z-index:2000;position:fixed;inset:0}.desktop-gate .auth-card{-webkit-app-region:no-drag}.desktop-gate .auth-sub svg{vertical-align:-2px}.paywall-backdrop{padding:24px 16px;overflow-y:auto}.paywall{border-radius:var(--radius-2xl);background:var(--card);border:1px solid var(--border-strong);width:min(460px,100%);box-shadow:var(--shadow-lg);margin:auto;padding:24px}.paywall-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.paywall-lock{background:var(--primary-soft);width:32px;height:32px;color:var(--primary-text);border-radius:999px;place-items:center;display:grid}.paywall h2{font-size:var(--text-xl,20px);margin:0 0 6px;line-height:1.25}.paywall-sub{color:var(--fg-muted);margin:0 0 12px}.paywall-plans{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 12px;display:grid}.paywall-plan{text-align:left;border-radius:var(--radius-xl);border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);cursor:pointer;gap:2px;min-height:44px;padding:12px;display:grid}.paywall-plan.on{border-color:var(--primary-border);background:var(--primary-soft)}.paywall-plan:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.paywall-plan-name{font-weight:700}.paywall-plan-price,.paywall-plan-then{font-size:var(--text-sm);color:var(--fg-muted)}.paywall-where{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px;display:grid}.paywall-where-q,.paywall-where-note{font-size:var(--text-sm);grid-column:1/-1;margin:0}.paywall-where-q{font-weight:600}.paywall-where-note{color:var(--fg-muted)}.paywall-place{text-align:left;border-radius:var(--radius-xl);border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);cursor:pointer;align-items:flex-start;gap:10px;min-height:44px;padding:10px 12px;display:flex}.paywall-place>svg{color:var(--fg-muted);flex:none;margin-top:2px}.paywall-place>span{gap:2px;display:grid}.paywall-place>span>span{font-size:var(--text-sm);color:var(--fg-muted)}.paywall-place.on{border-color:var(--primary-border);background:var(--primary-soft)}.paywall-place.on>svg{color:var(--primary-text)}.paywall-place:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (width<=480px){.paywall-where{grid-template-columns:1fr}}.paywall-what{color:var(--fg-muted);gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.paywall-what li{align-items:center;gap:8px;display:flex}.paywall-what svg{color:var(--success);flex:none}.paywall-summary{border-radius:var(--radius-xl);background:var(--bg-sunken);gap:6px;margin-bottom:12px;padding:12px 14px;display:grid}.paywall-summary div{justify-content:space-between;gap:12px;display:flex}.paywall-summary b{font-size:var(--text-md,14px)}.paywall-consent{border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--fg-muted);cursor:pointer;align-items:flex-start;gap:10px;margin:0 -10px 10px;padding:10px;line-height:1.5;transition:background .2s;display:flex}.paywall-consent input{width:16px;height:16px;accent-color:var(--primary);flex:none;margin-top:3px}.paywall-consent a{color:var(--fg)}.paywall-consent.flash{background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary-border)}.paywall-error{color:var(--danger-text);font-size:var(--text-sm);margin:0 0 10px}.paywall-pay{justify-content:center;width:100%;min-height:44px}.paywall-trust{text-align:center;font-size:var(--text-xs);color:var(--fg-subtle);margin:10px 0 0}.sub-plan{margin:0 0 4px}.sub-reasons{gap:8px;margin:12px 0;display:grid}.sub-reasons label{cursor:pointer;align-items:center;gap:8px;display:flex}.cookie-banner{z-index:var(--z-toast);border-radius:var(--radius-xl);background:var(--overlay);border:1px solid var(--border-strong);max-width:640px;box-shadow:var(--shadow-lg);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:12px;margin:0 auto;padding:12px 16px;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.cookie-banner p{color:var(--fg-muted);flex:280px;margin:0}.cookie-banner a{color:var(--fg)}.cookie-actions{gap:8px;display:flex}@media (width<=480px){.paywall-plans{grid-template-columns:1fr}}.get{background:radial-gradient(1200px 500px at 70% -10%, var(--primary-soft), transparent 70%), var(--bg);min-height:100%;color:var(--fg);overflow-y:auto}.get-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex}.get-brand{font-weight:700;font-size:var(--text-lg,18px);color:var(--fg);align-items:center;gap:10px;text-decoration:none;display:flex}.get-steps{font-size:var(--text-sm);color:var(--fg-subtle);flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.get-steps li{align-items:center;gap:8px;display:flex}.get-steps li+li:before{content:"";border-top:1px dashed var(--border-hover);width:22px;margin-right:2px}.get-dot{border:1.5px solid var(--fg-faint);border-radius:999px;place-items:center;width:18px;height:18px;display:grid}.get-steps li.done{color:var(--fg-muted)}.get-steps li.done .get-dot{background:var(--success);border-color:var(--success);color:var(--on-primary)}.get-steps li.now{color:var(--fg);font-weight:600}.get-steps li.now .get-dot{border-color:var(--primary);box-shadow:inset 0 0 0 3px var(--bg), inset 0 0 0 9px var(--primary)}.get-main{max-width:1160px;margin:0 auto;padding:16px 24px 64px}.get-title{justify-content:space-between;align-items:center;gap:16px;margin:12px 0 20px;display:flex}.get-title h1{letter-spacing:-.02em;margin:0;font-size:clamp(26px,4vw,38px)}.get-cta-top,.get-pay{box-shadow:var(--primary-glow);min-height:44px}.get-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.get-card,.get-side{border-radius:var(--radius-2xl);background:var(--card);border:1px solid var(--border-strong);overflow:hidden}.get-side{padding:18px}.get-cover{aspect-ratio:16/10;background:radial-gradient(circle at 30% 20%, var(--primary-soft), transparent 60%), linear-gradient(160deg, var(--active-strong), var(--bg-sunken));place-items:center;display:grid;position:relative}.get-shot{position:relative}.get-shot img{width:100%;height:auto;display:block}.get-lock{text-align:center;color:var(--fg);justify-items:center;gap:10px;display:grid}.get-lock p{font-size:var(--text-xl,20px);margin:0;font-weight:650}.get-lock.small{background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-content:center;position:absolute;inset:0}.get-file{border-radius:var(--radius-lg);background:var(--bg-sunken);font-size:var(--text-sm);align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.get-file i{font-style:normal;font-size:var(--text-xs);background:var(--active);color:var(--fg-muted);border-radius:6px;padding:1px 6px}.get-player{align-items:center;gap:12px;padding:14px 16px 6px;display:flex}.get-play{background:var(--inverse);width:44px;height:44px;color:var(--on-inverse);cursor:pointer;border:0;border-radius:999px;flex:none;place-items:center;display:grid}.get-play:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.get-wave{cursor:pointer;flex:1;align-items:center;gap:2px;height:40px;display:flex}.get-wave i{background:var(--fg-faint);border-radius:2px;flex:1}.get-wave i.on{background:var(--primary)}.get-time{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-muted)}.get-meta{gap:2px;padding:8px 16px;display:grid}.get-meta b{font-size:var(--text-lg,17px)}.get-meta span{color:var(--fg-muted);font-size:var(--text-sm)}.get-sounds{color:var(--fg-subtle)!important}.get-note{font-size:var(--text-sm);color:var(--fg-subtle);margin:4px 16px 14px}.get-ready{background:var(--success-soft);color:var(--success);justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:600;display:flex}.get-plans{gap:8px;display:grid}.get-plan{text-align:left;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.get-plan.on{border:1.5px solid var(--primary);background:var(--primary-soft);box-shadow:var(--primary-glow)}.get-plan:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.get-radio{border:1.5px solid var(--fg-faint);border-radius:999px;width:18px;height:18px}.get-radio.on{border-color:var(--primary);box-shadow:inset 0 0 0 3px var(--surface), inset 0 0 0 9px var(--primary)}.get-plan-text{gap:2px;display:grid}.get-plan-text span{color:var(--fg-muted);font-size:var(--text-sm)}.get-badge{background:var(--warning);border-radius:999px;justify-self:start;align-items:center;gap:4px;padding:2px 8px;font-weight:650;display:inline-flex;color:var(--on-primary)!important;font-size:var(--text-xs)!important}.get-price{justify-items:end;display:grid}.get-price b{letter-spacing:-.02em;font-size:26px}.get-price span{color:var(--fg-muted);font-size:var(--text-sm)}.get-perks{font-size:var(--text-sm);color:var(--fg-muted);grid-template-columns:1fr 1fr;gap:8px 16px;margin:14px 0;padding:0;list-style:none;display:grid}.get-perks li{gap:8px;display:flex}.get-perks svg{color:var(--primary-text);flex:none;margin-top:2px}.get-consent{border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--fg-muted);cursor:pointer;align-items:flex-start;gap:10px;margin:0 -10px 8px;padding:10px;line-height:1.5;transition:background .2s;display:flex}.get-consent input{width:16px;height:16px;accent-color:var(--primary);flex:none;margin-top:3px}.get-consent a{color:var(--fg)}.get-consent.flash{background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary-border)}.get-error{color:var(--danger-text);font-size:var(--text-sm);margin:0 0 10px}.get-pay{justify-content:center;width:100%}.get-trust{font-size:var(--text-xs);color:var(--fg-subtle);text-align:center;margin:10px 0 0}.get-facts{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.get-facts div{border-radius:var(--radius-xl);background:var(--bg-sunken);gap:2px;padding:12px;display:grid}.get-facts b{font-size:20px}.get-facts span{font-size:var(--text-xs);color:var(--fg-muted)}.get-account{gap:12px;display:grid}.get-account h2,.get-done h2{font-size:var(--text-xl,20px);margin:0}.get-done{gap:14px;display:grid}.get-downloads{gap:8px;display:grid}.get-downloads .btn{justify-content:center;min-height:44px;text-decoration:none}.get-next{border-top:1px solid var(--border);color:var(--fg-muted);gap:8px;padding-top:14px;display:grid}.get-next p{margin:0}.get-next .btn{justify-self:start;text-decoration:none}@media (width<=860px){.get-grid{grid-template-columns:1fr}.get-cta-top{display:none}.get-bar{padding:14px 16px}.get-main{padding:8px 16px 48px}.get-perks,.get-facts{grid-template-columns:1fr}}.get-install{counter-reset:step;gap:14px;margin:0;padding:0;list-style:none;display:grid}.get-install li{counter-increment:step;color:var(--fg-muted);font-size:var(--text-sm);gap:6px;padding-left:38px;display:grid;position:relative}.get-install li:before{content:counter(step);background:var(--primary-soft);width:26px;height:26px;color:var(--primary-text);border-radius:999px;place-items:center;font-weight:700;display:grid;position:absolute;top:-2px;left:0}.get-install b{color:var(--fg);font-size:var(--text-md,14px)}.start{background:radial-gradient(900px 480px at 50% -10%, var(--primary-soft), transparent 70%), var(--bg);min-height:100%;position:relative;overflow-y:auto}.start-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex;position:relative}.start-brand{font-weight:700;font-size:var(--text-lg,18px);align-items:center;gap:10px;display:flex}.start-chapters{font-size:var(--text-sm);color:var(--fg-subtle);gap:18px;margin:0;padding:0;list-style:none;display:flex}.start-chapters li{align-items:center;gap:6px;display:flex}.start-chapters li span,.start-chapters li svg{border:1.5px solid var(--fg-faint);width:18px;height:18px;font-size:var(--text-2xs);border-radius:999px;place-items:center;display:inline-grid}.start-chapters li.now{color:var(--fg);font-weight:600}.start-chapters li.now span{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.start-chapters li.done svg{background:var(--success);border-color:var(--success);color:var(--on-primary);padding:2px}.start-main{max-width:960px;margin:0 auto;padding:32px 24px 64px;position:relative}.start-step{text-align:center;justify-items:center;gap:14px;animation:.35s ease-out start-in;display:grid}.start-step.narrow{max-width:560px;margin:0 auto}@keyframes start-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.start-step{animation:none}}.start-step h1{letter-spacing:-.02em;margin:0;font-size:clamp(28px,5vw,44px)}.start-sub{max-width:560px;color:var(--fg-muted);margin:0}.start-kicker{color:var(--primary-text);font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;margin:0}.start-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:680px;margin-top:12px;display:grid}.start-tile,.start-vibe{text-align:left;border-radius:var(--radius-2xl);border:1px solid var(--border-strong);background:var(--card);color:var(--fg);cursor:pointer;justify-items:start;gap:6px;min-height:44px;padding:20px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid}.start-tile:hover,.start-vibe:hover,.start-tile:focus-visible,.start-vibe:focus-visible{border-color:var(--primary-border);box-shadow:var(--primary-glow);outline:none;transform:translateY(-2px)}.start-tile span,.start-vibe span{color:var(--fg-muted);font-size:var(--text-sm)}.start-icon{background:var(--primary-soft);border-radius:14px;place-items:center;width:44px;height:44px;color:var(--primary-text)!important;display:grid!important}.start-tile b{font-size:var(--text-lg,17px)}.start-vibes{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;margin-top:12px;display:grid}.start-vibe{padding:16px}.start-idea{gap:12px;width:100%;display:grid}.start-idea textarea{border-radius:var(--radius-xl);border:1px solid var(--border-strong);background:var(--card);width:100%;color:var(--fg);font:inherit;font-size:var(--text-lg,17px);resize:vertical;padding:16px}.start-idea textarea:focus-visible{outline:2px solid var(--ring)}.start-go{min-height:48px;box-shadow:var(--primary-glow);font-size:var(--text-md,14px);justify-content:center}.start-lines{text-align:left;justify-items:start;gap:10px;width:100%;max-width:440px;margin:8px 0 0;padding:0;list-style:none;display:grid}.start-lines li{color:var(--fg-muted);align-items:center;gap:10px;animation:.3s ease-out start-in;display:flex}.start-lines li.done svg{color:var(--success)}.start-lines li.now{color:var(--fg)}.start-lines li.now svg{color:var(--primary-text)}.start-player{border-radius:var(--radius-2xl);background:var(--card);border:1px solid var(--border-strong);align-items:center;gap:14px;width:100%;max-width:620px;padding:14px 16px;display:flex}.start-bars{cursor:pointer;flex:1;align-items:center;gap:3px;height:36px;display:flex}.start-bars i{background:var(--fg-faint);border-radius:2px;flex:1}.start-bars i.on{background:var(--primary)}.start-note{font-size:var(--text-sm);color:var(--fg-subtle);margin:0}.start-tracks{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.start-tracks li{background:var(--surface);font-size:var(--text-sm);border:1px solid;border-radius:999px;padding:6px 12px}.start-back{color:var(--fg-subtle);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;min-height:32px;margin:-12px 0 12px;padding:6px 10px 6px 6px;display:inline-flex}.start-back:hover,.start-back:focus-visible{color:var(--fg);background:var(--muted);outline:none}.start-then{text-align:left;grid-template-columns:1fr 1.25fr;gap:14px;width:100%;max-width:820px;margin-top:8px;display:grid}.start-then>div{border-radius:var(--radius-2xl);border:1px solid var(--border);background:var(--surface);align-content:start;gap:14px;padding:22px 24px;display:grid}.start-then-time{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:clamp(24px,3.4vw,30px);font-weight:700;display:flex}.start-then-old .start-then-time{color:var(--fg-subtle)}.start-then-new .start-then-time svg{color:var(--primary)}.start-then ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.start-then-old li{color:var(--fg-muted);align-items:center;gap:12px;display:flex}.start-then-icon{background:var(--muted);width:36px;height:36px;color:var(--fg-subtle);border-radius:12px;flex:none;place-items:center;display:grid}.start-then-new{border-color:var(--primary-border)!important;background:linear-gradient(var(--primary-soft), transparent 60%), var(--surface)!important}.start-sketch{gap:14px;display:grid}.start-sketch-prompt{border:1px solid var(--border-strong);background:var(--card);font-size:var(--text-sm);border-radius:999px;align-items:center;gap:8px;padding:9px 14px;display:flex}.start-sketch-prompt svg{color:var(--primary-text);flex:none}.start-sketch-prompt span{white-space:nowrap;text-overflow:ellipsis;animation:.9s steps(24,end) .3s both start-type;overflow:hidden}@keyframes start-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.start-sketch-lanes{grid-template-columns:auto 1fr;gap:10px;display:grid}.start-sketch-lanes ul{gap:8px}.start-sketch-lanes li{height:20px;line-height:20px;font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle);font-weight:600}.start-sketch-roll{gap:8px;display:grid;position:relative}.start-sketch-roll>div{background:var(--bg-sunken);border-radius:5px;height:20px;position:relative}.start-sketch-roll i{transform-origin:0;animation:start-clip .3s var(--ease,ease-out) both;border-radius:3px;position:absolute;top:3px;bottom:3px}@keyframes start-clip{0%{opacity:0;transform:scaleX(0)}}.start-sketch-head{background:var(--playhead);width:2px;box-shadow:0 0 10px var(--playhead);border-radius:1px;animation:4s linear 2.4s infinite both start-head;position:absolute;top:-4px;bottom:-4px;left:0}@keyframes start-head{0%{opacity:1;left:0}95%{opacity:1}to{opacity:0;left:100%}}.start-vibe{position:relative}.start-eq{align-items:flex-end;gap:2px;height:14px;display:flex;position:absolute;top:18px;right:16px}.start-eq i{background:var(--fg-faint);width:3px;height:30%;transition:background var(--dur-fast,.15s);border-radius:1px}.start-vibe.playing .start-eq i{background:var(--primary);animation:.9s ease-in-out infinite start-eq}.start-vibe.playing .start-eq i:nth-child(2){animation-delay:-.3s}.start-vibe.playing .start-eq i:nth-child(3){animation-delay:-.6s}.start-vibe.playing .start-eq i:nth-child(4){animation-delay:-.15s}@keyframes start-eq{0%,to{height:25%}50%{height:100%}}.start-features{text-align:left;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin:0;padding:0;list-style:none;display:grid}.start-features li{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);font-size:var(--text-sm);gap:4px;padding:12px 14px;display:grid}.start-features span{color:var(--fg-muted)}.start-actions{justify-items:center;gap:10px;display:grid}.start-save-step form,.start .get-account{text-align:left;width:100%}@media (width<=720px){.start-tiles,.start-vibes,.start-features{grid-template-columns:1fr 1fr}.start-then{grid-template-columns:1fr}.start-chapters{display:none}.start-bar{padding:14px 16px}.start-main{padding:16px 16px 48px}}.studio{background:var(--bg);flex-direction:column;height:100%;display:flex}.studio-body{flex:1;min-height:0;display:flex}.studio-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.view{flex:1;min-height:0;position:relative}.topbar{height:var(--topbar-h);background:var(--bg);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:0 12px;display:flex}.traffic-space{flex:none;width:66px}.project-name{align-items:center;gap:6px;min-width:0;max-width:220px;display:flex}.name-btn{font-weight:var(--weight-semibold);font-size:var(--text-md);letter-spacing:-.01em;border-radius:var(--radius-full);white-space:nowrap;text-overflow:ellipsis;max-width:190px;padding:4px 8px;overflow:hidden}.name-btn:hover{background:var(--muted)}.name-input{width:180px;height:28px}.save-state{color:var(--fg-faint);display:inline-grid}.topbar-spacer{flex:1;min-width:8px}.view-seg{margin-left:4px}.transport{border-radius:var(--radius-full);background:var(--bg-sunken);border:1px solid var(--border);align-items:center;gap:2px;padding:3px;display:flex}.t-btn{border-radius:var(--radius-full);width:32px;height:30px;color:var(--fg-subtle);transition:background var(--dur-fast), color var(--dur-fast);place-items:center;display:grid}.t-btn:hover{background:var(--muted);color:var(--fg)}.t-btn.play{width:40px;color:var(--fg)}.t-btn.play.on{background:var(--primary);color:var(--on-primary);box-shadow:var(--primary-glow)}.t-btn.play.loading{color:var(--primary-text);animation:.8s ease-in-out infinite pulse}.t-btn.rec{color:var(--danger-text)}.t-btn.rec.on{background:var(--record);color:#fff;animation:1.2s ease-in-out infinite pulse}.t-btn.rec.blink{animation:.5s ease-in-out infinite pulse}.t-btn.lit{color:var(--fg);background:var(--active)}.readout{border-radius:var(--radius-full);background:var(--bg-sunken);border:1px solid var(--border);height:36px;font-weight:var(--weight-semibold);font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:6px;padding:0 14px;display:flex}button.readout:hover,.readout.drag-num:hover{border-color:var(--border-hover)}.readout.drag-num{cursor:ns-resize}.pos-display{flex-direction:column;justify-content:center;align-items:flex-end;gap:0;min-width:84px}.pos-bars{font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:1.1}.pos-time{color:var(--fg-faint);font-size:10.5px;line-height:1.1}.readout .unit{font-size:9.5px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);color:var(--fg-faint)}.num-drag{font-size:var(--text-md);font-weight:var(--weight-semibold);cursor:ns-resize;text-align:right;min-width:26px}.num-edit{outline:1px solid var(--ring);border-radius:var(--radius-xs);width:52px;font-size:var(--text-md);font-weight:var(--weight-semibold);background:0 0;border:none;padding:0 4px}.mcp-indicator{max-width:280px;height:var(--control-sm);border-radius:var(--radius-full);border:1px solid var(--border-strong);color:var(--fg-muted);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;padding:0 11px;display:inline-flex;overflow:hidden}.mcp-indicator:hover{border-color:var(--border-hover);color:var(--fg)}.browser{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:10px;width:248px;min-height:0;padding:12px 10px 0;display:flex}.br-tabs{width:100%}.br-tabs button{flex:1;justify-content:center;padding:0 4px}.br-search{border-radius:var(--radius-full);background:var(--bg-sunken);border:1px solid var(--border);height:32px;color:var(--fg-faint);align-items:center;gap:7px;padding:0 12px;display:flex}.br-search:focus-within{border-color:var(--border-hover)}.br-search input{min-width:0;font-size:var(--text-sm);-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;flex:1}.br-list{flex:1;margin:0 -4px;padding:0 4px 12px;overflow:auto}.br-group{margin-bottom:14px}.br-group-title{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-faint);align-items:center;gap:6px;padding:6px 8px 5px;display:flex}.br-item{border-radius:var(--radius-md);cursor:grab;height:30px;font-size:var(--text-sm);transition:background var(--dur-fast);align-items:center;gap:8px;padding:0 8px;display:flex}.br-item:hover{background:var(--muted)}.br-item.tall{flex-direction:column;align-items:flex-start;gap:2px;height:auto;padding:7px 8px}.br-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.br-tag{font-size:var(--text-2xs);color:var(--fg-faint);border:1px solid var(--border-strong);border-radius:var(--radius-full);padding:1px 6px}.br-desc{font-size:var(--text-xs);color:var(--fg-faint);margin-left:auto}.br-item.tall .br-desc{margin-left:0}.br-preview{background:var(--muted);width:20px;height:20px;color:var(--fg-subtle);opacity:.7;border-radius:50%;flex:none;place-items:center;display:grid}.br-item:hover .br-preview{opacity:1}.br-preview:hover{background:var(--inverse);color:var(--on-inverse)}.br-action{border-radius:var(--radius-md);width:100%;height:34px;font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left;align-items:center;gap:9px;padding:0 10px;display:flex}.br-action:hover{background:var(--muted)}.br-action svg{color:var(--fg-subtle)}.ai-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ai-tile{border-radius:var(--radius-xl);background:var(--card);border:1px solid var(--border);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg);text-align:left;transition:border-color var(--dur-fast), background var(--dur-fast);flex-direction:column;align-items:flex-start;gap:10px;padding:12px 11px;display:flex}.ai-tile svg{color:var(--primary-text)}.ai-tile:hover{border-color:var(--border-hover);background:var(--muted)}.arrange{flex-direction:column;display:flex;position:absolute;inset:0}.arr-scroll{background:var(--bg);flex:1;position:relative;overflow:auto}.arr-inner{position:relative}.arr-top{z-index:6;background:var(--surface);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.arr-corner{z-index:7;background:var(--surface);border-right:1px solid var(--border);flex:none;align-items:center;gap:4px;padding:0 8px;display:flex;position:sticky;left:0}.arr-top-right{flex-direction:column;display:flex}.ruler{cursor:text;border-bottom:1px solid var(--border);height:26px;position:relative;overflow:hidden}.ruler-mark{border-left:1px solid var(--border-strong);color:var(--fg-faint);font-size:10.5px;font-family:var(--font-mono);padding-left:5px;line-height:26px;position:absolute;top:0;bottom:0}.loop-brace{border-radius:var(--radius-full);cursor:grab;background:#faf9f924;height:9px;position:absolute;top:2px}.loop-brace.on{background:var(--primary);box-shadow:0 0 12px -2px #ff4b1499}.ruler-head{border-left:5px solid #0000;border-right:5px solid #0000;border-top:8px solid var(--playhead);pointer-events:none;width:0;height:0;margin-top:16px;position:absolute;top:0;left:-5px}.sections{height:26px;position:relative}.section-block{border-radius:var(--radius-full);height:18px;font-size:var(--text-xs);font-weight:var(--weight-semibold);background:var(--muted);color:var(--fg-muted);border:1px solid var(--border-strong);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;padding:0 8px;display:flex;position:absolute;top:4px;overflow:hidden}.section-block:before{content:"";background:var(--sc);border-radius:50%;flex:none;width:6px;height:6px}.section-block:hover{background:var(--active);color:var(--fg)}.section-rename{width:100%;font:inherit;color:var(--fg);background:0 0;border:none;outline:none}.section-add{border-radius:var(--radius-full);width:22px;height:18px;color:var(--fg-faint);border:1px dashed var(--border-strong);place-items:center;display:grid;position:absolute;top:4px}.section-add:hover{color:var(--fg);border-color:var(--border-hover)}.arr-rows{position:relative}.arr-row{border-bottom:1px solid var(--border);display:flex}.arr-head-cell{z-index:5;background:var(--surface);border-right:1px solid var(--border);flex:none;position:sticky;left:0}.lane{background-image:linear-gradient(to right, var(--grid-bar) 1px, transparent 1px);background-size:var(--bar) 100%;flex:none;position:relative}.lane.beats{background-image:linear-gradient(to right, var(--grid-bar) 1px, transparent 1px), linear-gradient(to right, var(--grid-beat) 1px, transparent 1px);background-size:var(--bar) 100%, var(--beat) 100%}.lane.drop,.arr-head-cell.drop .track-header{outline:1px dashed var(--border-hover);outline-offset:-1px;background-color:#faf9f90a}.empty-lane{align-items:center;display:flex}.lane-hint{color:var(--fg-disabled);font-size:var(--text-sm);align-items:center;gap:6px;padding-left:16px;display:inline-flex;position:sticky;left:16px}.add-track-ghost{width:100%;height:100%;color:var(--fg-faint);font-weight:var(--weight-medium);align-items:center;gap:7px;padding:0 16px;display:flex}.add-track-ghost:hover{color:var(--fg);background:#faf9f908}.arr-overlay{pointer-events:none;z-index:3;position:absolute;top:0;bottom:0}.loop-shade{background:#ff4b140a;border-left:1px solid #ff4b144d;border-right:1px solid #ff4b144d;position:absolute;top:0;bottom:0}.lane-playhead,.pr-playhead{background:var(--playhead);pointer-events:none;width:1.5px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #faf9f966}.arr-empty{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.track-header{cursor:default;height:100%;display:flex;position:relative}.track-header.selected{background:var(--muted)}.th-color{background:var(--tc);flex:none;width:3px}.th-main{flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:0;padding:0 8px 0 10px;display:flex}.th-row{align-items:center;gap:5px;display:flex}.th-icon{color:var(--tc);place-items:center;display:inline-grid}.th-name{font-weight:var(--weight-semibold);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.th-rename{height:22px;font-size:var(--text-sm);flex:1;padding:0 8px}.th-more{opacity:0}.track-header:hover .th-more,.th-more:focus-visible{opacity:1}.th-sub{color:var(--fg-faint);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.th-controls{gap:3px}.tb{border-radius:var(--radius-sm);background:var(--muted);width:20px;height:18px;color:var(--fg-faint);font-size:var(--text-2xs);font-weight:var(--weight-bold);flex:none;place-items:center;display:inline-grid}.tb:hover{color:var(--fg);background:var(--active)}.tb.mute.on{background:var(--inverse);color:var(--on-inverse)}.tb.solo.on{background:var(--primary);color:var(--on-primary)}.tb.arm.on{background:var(--record);color:#fff}.tb.ai{color:var(--fg-faint);background:0 0}.tb.ai:hover{color:var(--primary-text);background:var(--primary-soft)}.th-vol{flex-direction:column;flex:1;gap:3px;min-width:0;margin-left:4px;display:flex}.clip{border-radius:var(--radius-md);background:color-mix(in srgb, var(--cc) 14%, var(--bg-sunken));border:1px solid color-mix(in srgb, var(--cc) 34%, transparent);cursor:grab;transition:box-shadow var(--dur-fast), border-color var(--dur-fast);position:absolute;top:3px;bottom:3px;overflow:hidden}.clip:hover{border-color:color-mix(in srgb, var(--cc) 65%, transparent)}.clip.selected{box-shadow:0 0 0 1.5px var(--selection), 0 6px 20px #0006;z-index:2}.clip-head{height:16px;font-size:10.5px;font-weight:var(--weight-semibold);background:color-mix(in srgb, var(--cc) 30%, var(--card));color:var(--fg);white-space:nowrap;text-overflow:ellipsis;padding:0 7px;line-height:16px;overflow:hidden}.clip-body{position:relative}.clip-loopmark{background:#faf9f938;width:1px;position:absolute;top:0;bottom:0}.clip-edge{cursor:ew-resize;z-index:2;width:7px;position:absolute;top:0;bottom:0}.clip-edge.left{left:0}.clip-edge.right{right:0}.clip-edge:hover{background:#faf9f929}.automation-line{pointer-events:none;z-index:3;height:calc(100% - 8px);position:absolute;top:4px;left:0;overflow:visible}.automation-stroke{fill:none;stroke:var(--orange-300);stroke-width:1.5px}.automation-fill{fill:var(--orange-300);opacity:.06}.automation-line.master{z-index:4;height:100%;top:0}.automation-line.master .automation-stroke{stroke-dasharray:5 4;stroke-width:1.5px}.automation-line.master .automation-fill{opacity:.03}.tb.sing{color:var(--fg-faint);background:0 0}.tb.sing:hover{color:var(--fg);background:var(--bg-hover,#faf9f90f)}.session{flex-direction:column;display:flex;position:absolute;inset:0}.view-toolbar{border-bottom:1px solid var(--border);background:var(--surface);flex:none;align-items:center;gap:10px;height:44px;padding:0 14px;display:flex}.sess-scroll{flex:1;padding:12px 14px 20px;overflow:auto}.sess-grid{align-items:stretch;gap:5px;display:grid}.sess-head{border-radius:var(--radius-md);background:var(--card);height:30px;font-weight:var(--weight-semibold);font-size:var(--text-sm);cursor:pointer;z-index:2;border:1px solid #0000;align-items:center;gap:7px;padding:0 10px;display:flex;position:sticky;top:-12px}.sess-head.selected{border-color:var(--border-hover);background:var(--muted)}.sess-head.master{color:var(--fg-faint);cursor:default;font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase}.sess-dot{background:var(--tc);border-radius:50%;flex:none;width:8px;height:8px}.sess-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.slot{border-radius:var(--radius-md);height:44px;position:relative}.slot.empty{background:#faf9f905;border:1px dashed #faf9f90f;place-items:center;display:grid}.slot.empty:hover{background:#faf9f90b}.slot-stop{color:var(--fg-disabled);opacity:0;border-radius:var(--radius-sm);place-items:center;width:22px;height:22px;display:grid}.slot.empty:hover .slot-stop{opacity:1}.slot.filled{background:color-mix(in srgb, var(--cc) 16%, var(--bg-sunken));border:1px solid color-mix(in srgb, var(--cc) 34%, transparent);cursor:pointer;align-items:center;gap:6px;padding:0 6px;display:flex;overflow:hidden}.slot.filled:hover{border-color:color-mix(in srgb, var(--cc) 65%, transparent)}.slot.selected{box-shadow:0 0 0 1.5px var(--selection)}.slot.playing{background:color-mix(in srgb, var(--cc) 30%, var(--bg-sunken));border-color:color-mix(in srgb, var(--cc) 70%, transparent)}.slot.queued{animation:.5s ease-in-out infinite pulse}.slot-play{width:22px;height:22px;color:var(--fg);background:#120f0c73;border-radius:50%;flex:none;place-items:center;display:grid}.slot.playing .slot-play{background:var(--primary);color:var(--on-primary)}.slot-body{flex:1;min-width:0}.slot-name{font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.slot-progress{background:var(--fg);width:0;height:2px;position:absolute;bottom:0;left:0}.scene-cell{border-radius:var(--radius-md);background:var(--card);border:1px solid var(--border);align-items:center;gap:7px;height:44px;padding:0 8px;display:flex}.scene-cell.selected{border-color:var(--border-hover)}.scene-play{background:var(--muted);width:24px;height:24px;color:var(--fg);border-radius:50%;flex:none;place-items:center;display:grid}.scene-play:hover{background:var(--primary);color:var(--on-primary)}.scene-name{font-weight:var(--weight-semibold);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.scene-rename{flex:1;min-width:0;height:26px}.scene-ai{color:var(--primary-text);opacity:.6}.scene-cell:hover .scene-ai{opacity:1}.sess-stop-cell{place-items:center;height:30px;display:grid}.stop-btn{border-radius:var(--radius-full);background:var(--muted);width:26px;height:22px;color:var(--fg-faint);place-items:center;display:grid}.stop-btn:hover{color:var(--fg);background:var(--active)}.sess-strip{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:6px;padding:8px;display:flex}.sess-strip-row{align-items:center;gap:3px;display:flex}.sess-db{color:var(--fg-faint);margin-left:auto;font-size:10.5px}.detail{border-top:1px solid var(--border-strong);background:var(--surface);outline:none;flex-direction:column;flex:none;display:flex;position:relative}.detail-resize{cursor:ns-resize;z-index:4;height:6px;position:absolute;top:-3px;left:0;right:0}.detail-resize:hover{background:linear-gradient(transparent 2px, var(--border-hover) 2px, var(--border-hover) 4px, transparent 4px)}.detail-tabs{flex:none;align-items:center;gap:8px;height:42px;padding:0 10px;display:flex}.detail-body,.clip-editor{flex-direction:column;flex:1;min-height:0;display:flex}.ce-toolbar{flex-wrap:wrap;flex:none;align-items:center;gap:6px 8px;padding:0 10px 8px;display:flex}.ce-dot{border-radius:50%;flex:none;width:8px;height:8px}.ce-name{border-radius:var(--radius-full);width:150px;font-weight:var(--weight-semibold);-webkit-user-select:text;user-select:text;background:0 0;border:1px solid #0000;outline:none;padding:3px 8px}.ce-name:hover,.ce-name:focus{border-color:var(--border-strong)}.ce-track{font-size:var(--text-xs);white-space:nowrap}.ce-group{border-radius:var(--radius-full);background:var(--bg-sunken);border:1px solid var(--border);align-items:center;gap:2px;padding:2px;display:inline-flex}.ce-len{font-size:var(--text-xs);text-align:center;min-width:52px}.ce-body{flex:1;min-height:0;position:relative}.pianoroll{position:absolute;inset:0}.pr-scroll{outline:none;position:absolute;inset:0;overflow:auto}.pr-inner{position:relative}.pr-ruler{z-index:4;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0}.pr-bar{border-left:1px solid var(--border-strong);height:100%;font-size:var(--text-2xs);font-family:var(--font-mono);color:var(--fg-faint);padding-left:4px;line-height:22px;position:absolute;top:0}.pr-length{cursor:ew-resize;width:10px;height:100%;margin-left:-5px;position:absolute;top:0}.pr-length:after{content:"";background:var(--fg-muted);border-radius:2px;width:3px;position:absolute;top:3px;bottom:3px;left:4px}.pr-corner{z-index:6;background:var(--card);border-right:1px solid var(--border);border-bottom:1px solid var(--border);place-items:center;margin-top:-22px;display:grid;position:sticky;top:0;left:0}.pr-keys{z-index:3;background:var(--surface);border-right:1px solid var(--border);float:left;margin-top:0;position:sticky;left:0}.pr-key{color:var(--fg-faint);cursor:pointer;white-space:nowrap;border-bottom:1px solid #0000004d;padding-left:6px;font-size:9px;line-height:13px;position:absolute;left:0;right:0;overflow:hidden}.pr-key.white{background:var(--muted)}.pr-key.black{background:var(--surface)}.pr-key.inkey{color:var(--fg-subtle)}.pr-key.root{color:var(--fg);font-weight:var(--weight-bold);box-shadow:inset 2px 0 0 var(--primary)}.pr-key:hover{background:var(--active-strong)}.pr-grid{background-color:var(--bg-sunken);background-image:linear-gradient(to right, #faf9f91a 1px, transparent 1px), linear-gradient(to right, var(--grid-beat) 1px, transparent 1px), linear-gradient(to right, var(--grid-sub) 1px, transparent 1px), linear-gradient(to bottom, #faf9f906 1px, transparent 1px);background-size:var(--bar) 100%, var(--beat) 100%, var(--sub) 100%, 100% 13px;cursor:crosshair;position:absolute}.pr-row{pointer-events:none;background:#faf9f906;position:absolute;left:0;right:0}.pr-row.root{background:#ff4b140d}.pr-outside{pointer-events:none;background:#00000073;position:absolute;top:0;bottom:0;right:0}.pr-note{background:var(--nc);cursor:grab;border:1px solid #0000004d;border-radius:3px;position:absolute}.pr-note.selected{background:var(--selection);box-shadow:0 0 0 1px var(--nc)}.pr-note.outside{filter:grayscale(.8)brightness(.8)}.pr-note-edge{cursor:ew-resize;width:7px;position:absolute;top:0;bottom:0;right:-2px}.pr-chance{color:#000000b3;font-size:8px;font-weight:var(--weight-bold);position:absolute;top:-1px;left:3px}.pr-marquee{pointer-events:none;background:#faf9f912;border:1px solid #faf9f9b3;position:absolute}.pr-vel-label{z-index:3;background:var(--surface);border-top:1px solid var(--border-strong);border-right:1px solid var(--border);font-size:var(--text-2xs);color:var(--fg-faint);padding:6px;position:absolute;left:0}.vel-lane{border-top:1px solid var(--border-strong);background:var(--bg-sunken);position:absolute}.vel-bar{background:var(--nc);opacity:.8;cursor:ns-resize;border-radius:2px 2px 0 0;width:5px;margin-left:-1px;position:absolute;bottom:0}.vel-bar.selected{background:var(--selection);opacity:1}.drum-editor{padding:2px 10px 12px;position:absolute;inset:0;overflow:auto}.de-grid{align-items:center;gap:3px;min-width:700px;display:grid}.de-pad{background:var(--surface);z-index:1;align-items:center;gap:6px;height:100%;padding-right:8px;display:flex;position:sticky;left:-10px}.de-pad-name{text-align:left;width:76px;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--fg-subtle);border-radius:var(--radius-full);padding:3px 8px}.de-pad-name:hover{background:var(--muted);color:var(--fg)}.de-level{width:56px}.de-step{border-radius:var(--radius-sm);background:#faf9f90a;height:22px;transition:background 80ms;position:relative}.de-step.beat{background:#faf9f913}.de-step.bar{box-shadow:inset 2px 0 #faf9f91f}.de-step:hover{background:#faf9f924}.de-step.on{background:var(--nc)}.de-step.outside{opacity:.35}.de-chance{background:#0000008c;border-radius:50%;width:5px;height:5px;position:absolute;top:2px;right:2px}.audio-editor{flex-direction:column;gap:10px;padding:0 12px 12px;display:flex;position:absolute;inset:0;overflow:auto}.ae-wave{border-radius:var(--radius-lg);background:var(--bg-sunken);border:1px solid var(--border);position:relative;overflow:hidden}.ae-meta{font-size:var(--text-xs);position:absolute;top:8px;left:10px}.ae-controls{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ae-warp{flex-direction:column;gap:5px;display:flex}.ae-actions{flex-wrap:wrap;gap:6px;display:flex}.device-chain{flex-direction:column;display:flex;position:absolute;inset:0}.detail-body>.device-chain{flex:1;min-height:0;position:relative}.dc-title{font-weight:var(--weight-semibold);align-items:center;gap:8px;padding:0 14px 8px;display:flex}.dc-swatch{border-radius:50%;width:8px;height:8px}.master-ai{align-items:center;gap:6px;margin-left:12px;display:flex}.dc-row{flex:1;align-items:stretch;gap:10px;min-height:0;padding:0 14px 14px;display:flex;overflow-x:auto}.device{border-radius:var(--radius-xl);background:var(--card);border:1px solid var(--border);flex-direction:column;flex:none;gap:10px;min-width:170px;padding:12px 14px 14px;display:flex;overflow:auto}.device.instrument{border-color:var(--border-strong)}.device.off{opacity:.5}.device.add{min-width:150px;color:var(--fg-subtle);border-style:dashed;border-color:var(--border-strong);cursor:pointer;text-align:center;background:0 0;justify-content:center;align-items:center;gap:6px}.device.add:hover{color:var(--fg);border-color:var(--border-hover)}.device-head{align-items:center;gap:8px;display:flex}.device-dot{background:var(--dc);border-radius:50%;width:8px;height:8px}.device-title{font-weight:var(--weight-semibold);font-size:var(--text-sm)}.preset-btn{border-radius:var(--radius-full);background:var(--muted);border:1px solid var(--border-strong);height:24px;font-size:var(--text-sm);font-weight:var(--weight-medium);align-items:center;gap:5px;margin-left:6px;padding:0 10px;display:inline-flex}.preset-btn:hover{border-color:var(--border-hover)}.power{background:var(--muted);width:20px;height:20px;color:var(--fg-faint);border-radius:50%;place-items:center;display:grid}.power.on{background:var(--primary-soft);color:var(--primary-text)}.device-groups{gap:14px;display:flex}.param-group{border-right:1px solid var(--border);flex-direction:column;gap:6px;padding-right:14px;display:flex}.param-group:last-child{border-right:none;padding-right:0}.knobs{flex-wrap:wrap;gap:4px 2px;max-width:300px;display:flex}.device.instrument .knobs{max-width:248px}.knobs.secondary{opacity:.85;border-top:1px solid var(--border);padding-top:8px}.knobs.secondary .knob{width:46px}.eq-curve{border-radius:var(--radius-md);background:var(--bg-sunken);border:1px solid var(--border)}.drum-pads{grid-template-columns:repeat(4,52px);gap:5px;display:grid}.pad{border-radius:var(--radius-md);background:var(--muted);border:1px solid var(--border-strong);flex-direction:column;justify-content:center;align-items:center;gap:1px;height:44px;transition:transform 60ms,background .1s;display:flex}.pad span{font-weight:var(--weight-bold);font-size:var(--text-xs)}.pad small{color:var(--fg-faint);white-space:nowrap;text-overflow:ellipsis;max-width:48px;font-size:8.5px;overflow:hidden}.pad:hover{border-color:var(--border-hover)}.pad:active{background:color-mix(in srgb, var(--dc) 35%, var(--muted));transform:scale(.95)}.articulations{flex-wrap:wrap;gap:4px;max-width:260px;display:flex}.sample-credit{max-width:260px;color:var(--fg-faint);font-size:10.5px;line-height:1.35}.sampler-src{border-radius:var(--radius-lg);border:1px dashed var(--border-strong);flex-direction:column;gap:4px;padding:8px;display:flex}.mixer{flex-direction:column;display:flex;position:absolute;inset:0}.mixer-strips{flex:1;gap:6px;padding:12px 14px;display:flex;overflow-x:auto}.strip{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);flex-direction:column;flex:none;align-items:center;gap:8px;width:92px;padding:10px 6px 12px;display:flex;position:relative;overflow:hidden}.strip.selected{border-color:var(--border-hover);background:var(--card)}.strip.return,.strip.master{background:var(--card)}.strip.master{width:170px}.strip-name{text-align:center;width:100%;font-weight:var(--weight-semibold);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.strip-fx{flex-direction:column;gap:3px;width:100%;min-height:52px;display:flex}.fx-pill{font-size:9.5px;font-weight:var(--weight-semibold);border-radius:var(--radius-full);background:var(--muted);color:var(--fg-subtle);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;padding:2px 6px;overflow:hidden}.fx-pill:hover{color:var(--fg)}.fx-pill.off{opacity:.4}.strip-knobs{gap:0;display:flex}.strip-knobs .knob{width:42px}.strip-spacer{flex:1}.strip-db{font-size:var(--text-xs);color:var(--fg-subtle)}.strip-btns{gap:4px;display:flex}.strip-color{background:var(--tc);height:2px;position:absolute;bottom:0;left:0;right:0}.strip-sep{background:var(--border-strong);flex:none;width:1px;margin:0 6px}.spectrum{border-radius:var(--radius-md);background:var(--bg-sunken);width:150px;height:60px}.ai-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;flex:none;width:340px;min-height:0;display:flex}.ai-head{border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:12px 10px 12px 14px;display:flex}.ai-title{align-items:center;gap:10px;display:flex}.ai-name{font-weight:var(--weight-bold);font-size:var(--text-md);letter-spacing:-.01em}.ai-mode{font-size:var(--text-xs);color:var(--fg-faint)}.ai-list{flex-direction:column;flex:1;gap:8px;padding:16px 12px;display:flex;overflow:auto}.ai-welcome{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px 6px;display:flex}.ai-welcome .ai-mark{margin-bottom:8px}.ai-welcome h3{font-size:var(--text-xl);margin:0}.ai-welcome p{color:var(--fg-muted);font-size:var(--text-sm);margin:0 0 8px;line-height:1.5}.ai-starters,.ai-followups{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.ai-followups{justify-content:flex-start;margin-top:4px}.msg{-webkit-user-select:text;user-select:text;font-size:12.8px;line-height:1.5}.msg.user{background:var(--active);border-radius:18px 18px 4px;align-self:flex-end;max-width:88%;padding:8px 14px}.msg.assistant{align-items:flex-start;gap:8px;display:flex}.msg-text{min-width:0;color:var(--fg);flex:1}.md-p{margin:0 0 4px}.md-li{gap:6px;display:flex}.md-dot{color:var(--fg-faint)}.msg code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--muted);border-radius:var(--radius-xs);padding:1px 5px}.msg.action{border-radius:var(--radius-full);background:var(--card);border:1px solid var(--border-strong);max-width:100%;color:var(--fg-muted);font-size:var(--text-sm);align-self:flex-start;align-items:center;gap:7px;padding:6px 12px;display:flex}.msg.action>svg{color:var(--success);flex:none}.msg-via{margin-right:6px;font-style:normal}.msg.action.failed{background:var(--danger-soft);color:var(--danger-text);border-color:#ef44444d}.msg.action.failed>svg{color:var(--danger-text)}.msg.status{color:var(--fg-faint);font-size:var(--text-sm);align-items:center;gap:8px;display:flex}.msg.error{color:var(--danger-text);font-size:var(--text-sm);align-items:flex-start;gap:7px;display:flex}.typing{gap:3px;padding-top:6px;display:inline-flex}.typing i{background:var(--fg-faint);border-radius:50%;width:5px;height:5px;animation:1s infinite pulse}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.ai-input{border-top:1px solid var(--border);padding:10px 12px 14px;position:relative}.ai-input textarea{border-radius:var(--radius-2xl);background:var(--card);width:100%;padding:11px 84px 11px 14px}.send-btn{background:var(--primary);width:30px;height:30px;color:var(--on-primary);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:23px;right:20px}.send-btn:hover{background:var(--primary-hover)}.send-btn:disabled{opacity:.3}.send-btn.stop{background:var(--inverse);color:var(--on-inverse)}.mic-btn{width:30px;height:30px;color:var(--fg-muted);background:0 0;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:23px;right:56px}.mic-btn:hover{color:var(--fg);background:var(--hover,#faf9f90f)}.ai-input.recording .mic-btn{background:var(--danger);color:#fff;right:20px}.ai-rec{border-radius:var(--radius-2xl);background:var(--card);min-height:62px;font-size:var(--text-sm);grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;padding:10px 56px 10px 14px;display:grid}.ai-rec .small{grid-column:2}.ai-rec-dot{background:var(--danger);border-radius:50%;grid-row:span 2;width:12px;height:12px;transition:transform 80ms linear}.msg.user.voice{flex-direction:column;gap:4px;display:flex}.voice-head{font-size:var(--text-xs);color:var(--fg-muted);align-items:center;gap:6px;display:inline-flex}.voice-play{background:var(--inverse);width:20px;height:20px;color:var(--on-inverse);border-radius:50%;place-items:center;display:grid}.palette-backdrop{place-items:start center;padding-top:14vh}.palette{border-radius:var(--radius-2xl);background:var(--overlay);width:min(620px,100vw - 40px);box-shadow:var(--shadow-lg);animation:pop-in .14s var(--ease);overflow:hidden}.palette-input{border-bottom:1px solid var(--border-strong);height:54px;color:var(--fg-faint);align-items:center;gap:10px;padding:0 18px;display:flex}.palette-input input{color:var(--fg);-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;flex:1;font-size:15px}.palette-list{max-height:380px;padding:6px;overflow:auto}.palette-item{border-radius:var(--radius-lg);text-align:left;width:100%;height:36px;font-size:var(--text-base);align-items:center;gap:10px;padding:0 12px;display:flex}.palette-item.active{background:var(--active)}.palette-item.ask svg{color:var(--primary-text)}.palette-group{width:84px;font-size:var(--text-xs);color:var(--fg-faint);flex:none}.export-kinds{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.export-kind{border-radius:var(--radius-xl);background:var(--bg-sunken);border:1px solid var(--border-strong);text-align:left;flex-direction:column;align-items:flex-start;gap:5px;padding:14px;display:flex}.export-kind:hover{border-color:var(--border-hover)}.export-kind.on{border-color:var(--fg);background:var(--muted)}.ek-title{font-weight:var(--weight-semibold)}.ek-sub{font-size:var(--text-xs);color:var(--fg-faint)}.settings-section{border-bottom:1px solid var(--border);padding:14px 0 18px}.settings-section:last-child{border-bottom:none}.settings-section h4{font-size:var(--text-md);align-items:center;gap:8px;margin:0 0 6px;display:flex}.settings-section p{font-size:var(--text-sm);margin:0 0 12px;line-height:1.5}.mcp-clients,.mcp-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mcp-command{margin-top:10px}.shortcuts{grid-template-columns:1fr 1fr;gap:18px 24px;display:grid}.sc-group h4{font-size:var(--text-2xs);color:var(--fg-faint);text-transform:uppercase;letter-spacing:var(--tracking-caps);margin:0 0 8px}.sc-row{font-size:var(--text-sm);align-items:center;gap:10px;padding:4px 0;display:flex}.sc-row .kbd{min-width:64px}.split-lead{font-size:var(--text-sm);color:var(--fg-muted);margin:0 0 16px;line-height:1.55}.split-drop{border-radius:var(--radius-xl);border:1px dashed var(--border-hover);background:var(--bg-sunken);color:var(--fg-subtle);font-size:var(--text-sm);flex-direction:column;align-items:center;gap:10px;padding:26px 16px;display:flex}.split-drop.over{border-color:var(--fg);background:var(--muted)}.split-file{border-radius:var(--radius-xl);border:1px solid var(--border-strong);background:var(--bg-sunken);min-height:48px;font-size:var(--text-sm);align-items:center;gap:10px;padding:8px 12px;display:flex}.split-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--weight-medium);overflow:hidden}.split-progress{flex-direction:column;gap:10px;display:flex}.split-progress .split-file .split-name{flex:1}.split-options{flex-direction:column;gap:8px;margin-top:16px;display:flex}.split-rights{border-top:1px solid var(--border);color:var(--fg);margin-top:6px;padding-top:12px}.split-error{font-size:var(--text-sm);color:var(--danger-text);margin:12px 0 0}.split-note{font-size:var(--text-xs);margin:16px 0 0;line-height:1.5}.settings-error{color:var(--danger-text);margin:8px 0 0;font-size:12px}.tooltip{z-index:1000;border-radius:var(--radius-md);background:var(--inverse);width:max-content;max-width:240px;color:var(--on-inverse);box-shadow:var(--shadow-lg);pointer-events:none;font-size:var(--text-xs);padding:8px 10px;line-height:1.4;position:fixed}.tooltip.above{transform:translateY(-100%)}.tooltip-title{font-weight:var(--weight-semibold)}.tooltip-body{opacity:.8;margin-top:2px}.tour{z-index:900;pointer-events:none;position:fixed;inset:0}.tour-dim{background:#0000008c;position:absolute;inset:0}.tour-spot{border-radius:var(--radius-md);box-shadow:0 0 0 2px var(--primary), 0 0 0 9999px #0000008c;transition:left .25s,top .25s,width .25s,height .25s;position:absolute}.tour-card{pointer-events:auto;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);padding:16px;transition:left .25s,top .25s;position:absolute}.tour-card h3{font-size:var(--text-md);margin:8px 0 6px}.tour-head{justify-content:space-between;align-items:center;display:flex}.tour-kicker{font-size:var(--text-2xs);color:var(--fg-faint);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;display:inline-flex}.tour-body{font-size:var(--text-sm);color:var(--fg-muted);line-height:1.5}.tour-body p{margin:0 0 8px}.tour-legend{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tour-legend .tb{vertical-align:middle;margin-right:4px;display:inline-grid}.tour-legend .arm-dot:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.tour-status{border-radius:var(--radius-sm);background:var(--muted);font-size:var(--text-xs);color:var(--fg-faint);align-items:center;gap:6px;margin:4px 0 10px;padding:6px 10px;display:flex}.tour-status.ok{color:var(--success)}.tour-actions{align-items:center;gap:8px;display:flex}.tour-banner{color:var(--primary);align-items:center;gap:14px;padding:14px 16px;display:flex}.tour-banner>div{color:var(--fg);flex-direction:column;gap:2px;display:flex}.sing{flex-direction:column;gap:14px;display:flex}.sing p{margin:0}.sing-live{font-size:var(--text-md);grid-template-columns:auto 1fr;align-items:center;gap:10px 12px;padding:18px 4px;display:grid}.sing-dot{background:var(--danger,#ef4444);border-radius:50%;width:12px;height:12px;animation:1s ease-in-out infinite sing-pulse}@keyframes sing-pulse{50%{opacity:.35}}.sing-progress{background:var(--bg-sunken);border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.sing-progress i{background:var(--primary);height:100%;display:block}.sing-preview{border-radius:var(--radius-md);background:var(--bg-sunken);border:1px solid var(--border);width:100%;height:120px}.sing-preview line.beat{stroke:var(--border);stroke-width:.3px}.sing-preview line.bar{stroke:var(--border-strong);stroke-width:.6px}.sing-preview rect{fill:var(--primary)}.sing-preview.empty{color:var(--fg-muted);font-size:var(--text-sm);text-align:center;place-items:center;padding:16px;display:grid}.sing .link{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.library .home-main{flex-direction:column;gap:16px;height:calc(100vh - 56px);display:flex}.library-head h1{margin:6px 0 4px}.library-kicker{font-size:var(--text-xs);color:var(--primary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;display:inline-flex}.library-filters{gap:10px;display:grid}.library-search{max-width:420px;color:var(--fg-faint);align-items:center;gap:8px;display:flex}.library-search .input{flex:1}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.library-segs{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.library-list{flex-direction:column;flex:1;gap:4px;min-height:0;padding-bottom:24px;display:flex;overflow-y:auto}.library-row{border-radius:var(--radius-md);background:var(--card);border:1px solid #0000;grid-template-columns:36px minmax(180px,1fr) 120px 92px 72px 136px 48px auto;align-items:center;gap:12px;padding:6px 10px;display:grid}.library-row:hover,.library-row.playing{border-color:var(--border-strong)}.library-row.playing{background:var(--active)}.library-title{flex-direction:column;min-width:0;display:flex}.library-title>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.library-meta{font-size:var(--text-sm);color:var(--fg-muted)}.library .spin{animation:.9s linear infinite spin}.library-row .badge{justify-self:start}.sg{-webkit-user-select:text;user-select:text;height:100%;padding:56px 48px 96px;overflow:auto}.sg-head{max-width:820px;margin-bottom:40px}.sg-head h1{font-size:var(--text-display);letter-spacing:var(--tracking-display);margin:10px 0 14px;line-height:1}.sg-lead{color:var(--fg-muted);font-size:var(--text-lg);margin:0;line-height:1.5}.sg-section{border-top:1px solid var(--border);padding:28px 0}.sg-section h2{font-size:var(--text-xl);margin:0 0 6px}.sg-note{color:var(--fg-subtle);margin:0 0 16px}.sg-section .label{margin:16px 0 8px}.sg-row{flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0;display:flex}.sg-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.sg-swatch{flex-direction:column;gap:6px;width:112px;display:flex}.sg-chip{border-radius:var(--radius-lg);border:1px solid var(--border-strong);height:52px}.sg-radius{background:var(--card);border:1px solid var(--border-strong);height:52px}.sg-name{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--fg-subtle)}.sg-type{flex-direction:column;gap:10px;display:flex}.sg-type-row{grid-template-columns:140px 1fr;align-items:baseline;gap:16px;display:grid}.sg-studio{flex-direction:column;gap:10px;margin-left:12px;display:flex}.sg-toggles{gap:4px;display:flex}