.pbar{z-index:80;align-items:center;gap:var(--s-4);border-top:1px solid var(--seam-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0d0ff0;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);height:76px;padding:0 clamp(12px,3vw,28px);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #00000073}.pbar-progress{background:0 0;height:2px;position:absolute;top:-1px;left:0;right:0}.pbar-progress i{background:linear-gradient(90deg, var(--signal-teal), var(--signal-cyan));height:100%;box-shadow:0 0 8px var(--signal-glow);display:block}.pbar-track{align-items:center;gap:var(--s-3);min-width:0;display:flex}.pbar-track img,.pbar-noart{border-radius:var(--r-1);object-fit:cover;background:var(--chassis-3);flex:none;width:48px;height:48px}.pbar-meta{flex-direction:column;min-width:0;display:flex}.pbar-title,.pbar-artist{text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.pbar-title{color:var(--ink-hi);font-size:14px;font-weight:600}.pbar-artist{color:var(--ink-dim);font-size:12.5px}.pbar-title:hover,.pbar-artist:hover{text-decoration:underline}.pbar-transport{align-items:center;gap:var(--s-2);display:flex}.pbar-transport>button,.pbar-close{width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.pbar-transport svg{fill:currentColor;width:15px;height:15px}.pbar-transport>button:hover:not(:disabled){color:var(--ink-hi)}.pbar-transport>button:disabled{opacity:.35;cursor:default}.pbar-transport>.pbar-play{border:1px solid var(--signal);width:42px;height:42px;color:var(--ink-hi);box-shadow:0 0 14px var(--signal-glow);background:radial-gradient(circle at 35% 30%,#13453a,#0b1d1a)}.pbar-scrub{align-items:center;gap:var(--s-2);min-width:0;margin-left:var(--s-2);flex:1;display:flex}.pbar-scrub .readout{width:38px;color:var(--ink-dim);text-align:center;flex:none;font-size:11px}.pbar-right{justify-content:flex-end;align-items:center;gap:var(--s-2);display:flex}.pbar-vol{width:140px;color:var(--ink-dim);align-items:center;gap:6px;display:flex}.pbar-vol svg{fill:currentColor;flex:none;width:16px;height:16px}.pbar-close{color:var(--ink-dim);font-size:20px}.pbar-error{border-radius:var(--r-1);color:var(--amber);white-space:nowrap;background:#2a1a08;margin:0;padding:4px 10px;font-size:12px;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.eq{flex:none;align-items:flex-end;gap:2px;width:14px;height:12px;display:inline-flex}.eq i{background:var(--signal-teal);border-radius:1px;flex:1;height:30%}.eq.on i{animation:.9s ease-in-out infinite eq}.eq.on i:nth-child(2){animation-delay:-.3s}.eq.on i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{height:25%}50%{height:100%}}:is(body:has(.pbar) .pub-page,body:has(.pbar) .home,body:has(.pbar) .console){padding-bottom:76px}@media (width<=760px){.pbar{grid-template-columns:minmax(0,1fr) auto;height:64px}.pbar-scrub,.pbar-right .pbar-vol,.pbar-transport>button:first-child{display:none}.pbar-transport{gap:0}}.home{--gutter:clamp(16px, 4vw, 56px);overflow-x:clip}.home h2{margin:var(--s-2) 0 0;max-width:22ch;font-family:var(--font-display);letter-spacing:.02em;color:var(--ink-hi);font-size:clamp(20px,2.6vw,30px);font-weight:400;line-height:1.3}.home h3{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-hi);margin:0;font-size:12px;font-weight:400}.home section{padding:var(--s-8) var(--gutter);border-top:1px solid var(--seam)}.section-head{margin-bottom:var(--s-6)}.home-rail{z-index:30;align-items:center;gap:var(--s-5);padding:var(--s-3) var(--gutter);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--seam);background:#050607e0;display:flex;position:sticky;top:0}.home-rail nav{gap:var(--s-5);margin-left:auto;display:flex}.home-rail nav a{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font-size:9.5px;text-decoration:none}.home-rail nav a:hover{color:var(--ink-hi)}.rail-auth{align-items:center;gap:var(--s-4);display:flex}.rail-signin{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);font-size:9.5px;text-decoration:none}button.rail-signin{cursor:pointer;background:0 0;border:0;padding:0}.rail-signin:hover{color:var(--ink-hi)}@media (width<=820px){.home-rail nav{display:none}.home-rail>.key,.rail-auth{margin-left:auto}}@media (width<=420px){.home-rail .logo-word{display:none}}.home section.arrange{padding-top:var(--s-6);border-top:0;padding-bottom:0}.arrange-ruler{margin-left:var(--head-w);border-bottom:1px solid var(--seam);font-family:var(--font-mono);color:var(--ink-faint);grid-template-columns:repeat(17,1fr);padding-bottom:6px;font-size:10px;display:grid}.arrange{--head-w:clamp(150px, 38vw, 560px)}.arrange-lanes{position:relative}.lane{grid-template-columns:var(--head-w) 1fr;border-bottom:1px solid var(--seam);align-items:stretch;display:grid}.lane-head{column-gap:var(--s-3);padding:var(--s-4) var(--s-4) var(--s-4) 0;border-right:1px solid var(--seam);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:baseline;display:grid;position:relative}.lane-head:before{content:"";background:var(--lane);width:3px;box-shadow:0 0 12px var(--lane);position:absolute;top:18%;bottom:18%;left:-10px}.lane-num{color:var(--ink-faint);grid-row:span 2;font-size:11px}.lane-word{font-family:var(--font-display);letter-spacing:.01em;color:var(--ink-hi);animation:word-in .7s var(--ease) both;animation-delay:calc(var(--i) * .12s);font-size:clamp(26px,5.6vw,78px);line-height:1.05}.lane:nth-child(2) .lane-word{color:var(--signal-teal)}.lane-sub{grid-column:2}.lane-clip{margin:var(--s-3) 0 var(--s-3) var(--s-3);padding:0 var(--s-2);border-radius:var(--r-1);background:color-mix(in srgb, var(--lane) 9%, transparent);border-top:2px solid color-mix(in srgb, var(--lane) 60%, transparent);align-items:center;gap:2px;display:flex;position:relative;overflow:hidden}.lane-clip i{background:var(--lane);opacity:.85;transform-origin:50%;min-width:1px;animation:bar-in .9s var(--ease) both;animation-delay:calc(var(--i) * .14s + .2s);border-radius:1px;flex:1}.arrange-playhead{top:0;bottom:0;left:var(--head-w);background:var(--ink-hi);width:1px;animation:12s linear infinite sweep;position:absolute;box-shadow:0 0 10px #fff9}.arrange-playhead:before{content:"";border:5px solid #0000;border-top:7px solid var(--ink-hi);position:absolute;top:-7px;left:-5px}@keyframes sweep{0%{transform:translate(0)}to{transform:translateX(calc(100vw - var(--head-w) - 2 * var(--gutter)))}}@keyframes word-in{0%{opacity:0;transform:translate(-12px)}}@keyframes bar-in{0%{transform:scaleY(.05)}}.arrange-transport{grid-template-columns:var(--head-w) 1fr;gap:var(--s-5);padding:var(--s-6) 0 var(--s-7);align-items:center;display:grid}.arrange-pitch{max-width:44ch;color:var(--ink);margin:0;font-size:16px}.arrange-actions{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.arrange-tc{border:1px solid var(--seam-strong);background:var(--chassis-0);color:var(--signal-cyan);letter-spacing:.06em;margin-left:auto;padding:6px 10px;font-size:15px}@media (width<=720px){.arrange{--head-w:100%}.arrange-ruler{display:none}.lane{grid-template-columns:1fr}.lane-head{padding-left:var(--s-3);border-right:0}.lane-clip{height:34px;margin:0 0 var(--s-3)}.arrange-playhead{display:none}.arrange-transport{grid-template-columns:1fr}.arrange-tc{display:none}}.patchbay{border:1px solid var(--seam);background:var(--chassis-1);grid-template-columns:repeat(7,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.patchbay li{padding:var(--s-5) var(--s-4) var(--s-5);border-right:1px solid var(--seam);position:relative}.patchbay li:last-child{border-right:0}.patchbay li:after{content:"";top:calc(var(--s-5) + 7px);left:calc(var(--s-4) + 16px);right:calc(-1 * var(--s-4));background:linear-gradient(90deg, var(--signal-teal), var(--signal-cyan));opacity:.55;height:2px;position:absolute}.patchbay li:last-child:after{display:none}.jack{z-index:1;width:16px;height:16px;margin-bottom:var(--s-4);background:radial-gradient(circle, #000 35%, var(--chassis-4) 38%, var(--chassis-3) 70%);box-shadow:0 0 0 1px var(--seam-strong);border-radius:50%;display:block;position:relative}.patch-id{color:var(--ink-faint);font-size:10px}.patchbay h3{margin:2px 0 var(--s-2)}.patchbay p{color:var(--ink-dim);margin:0;font-size:13.5px}@media (width<=1100px){.patchbay{grid-template-columns:1fr}.patchbay li{align-items:baseline;gap:var(--s-2);border-right:0;border-bottom:1px solid var(--seam);padding:var(--s-3) var(--s-4);grid-template-columns:24px 36px 110px 1fr;display:grid}.patchbay li:after{display:none}.jack{align-self:center;margin:0}}@media (width<=560px){.patchbay li{grid-template-columns:24px 1fr}.patch-id{display:none}.patchbay p{grid-column:2}}.preview{gap:var(--s-7);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;display:grid}.preview-copy p{max-width:48ch}.ticks{margin:var(--s-4) 0 0;padding:0;list-style:none}.ticks li{border-bottom:1px dashed var(--seam);padding:7px 0 7px 22px;font-size:14px;position:relative}.ticks li:before{content:"";background:var(--signal);width:8px;height:3px;position:absolute;top:14px;left:2px}.mini-studio{border:1px solid var(--seam-strong);border-radius:var(--r-2);background:var(--chassis-1);box-shadow:0 30px 80px #0009, 0 0 0 6px var(--chassis-2);overflow:hidden}.mini-transport{border-bottom:1px solid var(--seam);background:var(--chassis-2);align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.mini-btn{border:1px solid var(--seam-strong);background:var(--chassis-4);border-radius:2px;width:22px;height:18px}.mini-btn.rec{background:radial-gradient(circle, var(--rec) 30%, var(--chassis-4) 34%)}.mini-meter{background:linear-gradient(90deg, var(--signal) 0 62%, var(--amber) 62% 70%, var(--chassis-0) 70%);flex:1;height:6px;margin-left:12px}.mini-track{border-bottom:1px solid var(--seam);grid-template-columns:110px 1fr;display:grid}.mini-head{border-right:1px solid var(--seam);background:var(--chassis-2);align-items:center;gap:4px;padding:0 8px;font-size:11px;display:flex}.mini-head span:first-child{flex:1}.mini-ms{width:15px;height:14px;font-family:var(--font-display);text-align:center;border:1px solid var(--seam-strong);color:var(--ink-dim);font-size:7px;line-height:14px}.mini-lane{background:repeating-linear-gradient(90deg, transparent 0 calc(12.5% - 1px), var(--seam) calc(12.5% - 1px) 12.5%);height:42px;position:relative}.mini-clip{border-top:2px solid var(--c);background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--c) 70%, transparent) 0 2px, transparent 2px 4px) center / 100% 60% no-repeat, color-mix(in srgb, var(--c) 12%, transparent);border-radius:2px;position:absolute;top:5px;bottom:5px}.mini-rack{background:var(--chassis-2);justify-content:space-around;padding:12px 8px;display:flex}.mini-knob{flex-direction:column;align-items:center;gap:4px;display:flex}.mini-knob i{background:var(--chassis-4);border:2px solid var(--chassis-0);width:24px;height:24px;box-shadow:0 0 0 2px color-mix(in srgb, var(--signal) 50%, transparent);border-radius:50%}.mini-knob b{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:7px;font-weight:400}@media (width<=900px){.preview{grid-template-columns:1fr}}.ai-grid{border:1px solid var(--seam);grid-template-columns:1fr 1fr;display:grid}.ai-grid article{padding:var(--s-5)}.ai-grid article+article{border-left:1px solid var(--seam)}.ai-grid header{align-items:center;gap:var(--s-3);margin-bottom:var(--s-3);display:flex}.ai-meta{color:var(--ink-dim);font-size:13px}.engineer-log{border-left:1px solid var(--seam-strong);padding-left:var(--s-3);font-size:13.5px}.engineer-log p{margin:0 0 var(--s-2)}.engineer-log .you{color:var(--ink-hi)}.engineer-log .eng{color:var(--signal-teal)}.engineer-log .act{gap:var(--s-2);pointer-events:none;display:flex}@media (width<=820px){.ai-grid{grid-template-columns:1fr}.ai-grid article+article{border-left:0;border-top:1px solid var(--seam)}}.routing{max-width:880px}.route{gap:var(--s-4);padding:var(--s-4) 0;border-bottom:1px solid var(--seam);grid-template-columns:14px 1fr auto;align-items:start;display:grid}.route p{color:var(--ink-dim);margin:4px 0 0;font-size:14px}.route-led{background:var(--chassis-4);border:1px solid var(--seam-strong);border-radius:1px;width:10px;height:10px;margin-top:3px}.route-led.on{background:var(--signal);box-shadow:0 0 8px var(--signal-glow)}.pricing-head{justify-content:space-between;align-items:flex-end;gap:var(--s-4);flex-wrap:wrap;display:flex}.currency{gap:var(--s-2);display:flex}.price-note{margin:0 0 var(--s-3);color:var(--ink-dim);font-size:14px}.rack-units{gap:var(--s-4);grid-template-columns:1fr 1fr;display:grid}.rack-unit{padding:var(--s-5) var(--s-6);border:1px solid var(--seam-strong);border-radius:var(--r-2);background:linear-gradient(var(--chassis-3), var(--chassis-2));position:relative}.rack-unit:before,.rack-unit:after{content:"";background:var(--chassis-0);width:6px;height:6px;box-shadow:0 0 0 1px var(--seam-strong);border-radius:50%;position:absolute;top:14px}.rack-unit:before{left:12px}.rack-unit:after{right:12px}.rack-unit[data-plan=creator_pro]{border-color:color-mix(in srgb, var(--signal) 55%, var(--seam-strong))}.rack-unit header{justify-content:space-between;align-items:baseline;gap:var(--s-3);padding-bottom:var(--s-4);border-bottom:1px solid var(--seam);display:flex}.price{color:var(--signal-cyan);margin:0;font-size:26px}.price span{color:var(--ink-dim);margin-left:4px;font-size:12px}.rack-unit dl{margin:var(--s-3) 0 0}.rack-unit dl div{justify-content:space-between;gap:var(--s-3);border-bottom:1px dashed var(--seam);padding:7px 0;font-size:14px;display:flex}.rack-unit dt{color:var(--ink-dim)}.rack-unit dd{color:var(--ink-hi);font-family:var(--font-mono);text-align:right;margin:0;font-size:13px}.fine{max-width:80ch;margin-top:var(--s-4);color:var(--ink-dim);font-size:12.5px}@media (width<=820px){.rack-units{grid-template-columns:1fr}.rack-unit{padding:var(--s-5) var(--s-4)}}.faq-list{max-width:880px}.faq details{border-bottom:1px solid var(--seam)}.faq summary{justify-content:space-between;gap:var(--s-3);padding:var(--s-4) 0;cursor:pointer;color:var(--ink-hi);font-size:16px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-mono);color:var(--signal)}.faq details[open] summary:after{content:"−"}.faq details p{margin:0 0 var(--s-4);max-width:70ch;color:var(--ink-dim)}.home-foot{justify-content:space-between;align-items:flex-start;gap:var(--s-5);padding:var(--s-6) var(--gutter);border-top:1px solid var(--seam);background:var(--chassis-1);flex-wrap:wrap;display:flex}.foot-slogan{margin:var(--s-2) 0 0}.home-foot nav{gap:var(--s-4);flex-wrap:wrap;display:flex}.home-foot nav a{color:var(--ink-dim);font-size:13px}.foot-copy{color:var(--ink-faint);margin:0;font-size:12px}:root{--chassis-0:#050607;--chassis-1:#0a0d0f;--chassis-2:#101417;--chassis-3:#171c20;--chassis-4:#20272c;--seam:#1d2428;--seam-strong:#2a3338;--ink-hi:#e9f1f0;--ink:#b9c6c5;--ink-dim:#7a8a8b;--ink-faint:#4b585a;--signal-green:#3df59a;--signal-teal:#19e3b1;--signal-cyan:#22c7f0;--signal-blue:#2f7df6;--signal:var(--signal-teal);--signal-glow:#19e3b159;--rec:#ff3b3b;--rec-glow:#ff3b3b73;--amber:#ffb547;--solo:#ffd23f;--mute:#6f7c7e;--track-1:#19e3b1;--track-2:#22c7f0;--track-3:#9b8cff;--track-4:#ff8f6b;--track-5:#ffd23f;--track-6:#5fe36b;--track-7:#f06fb4;--track-8:#6ba8ff;--font-display:"Michroma", "Eurostile", "Segoe UI", sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Consolas", monospace;--r-1:2px;--r-2:4px;--r-3:6px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:72px;--ease:cubic-bezier(.2, .7, .2, 1);--t-fast:.12s;--t-med:.22s}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}*{scrollbar-color:var(--chassis-4) var(--chassis-1)}html{background:var(--chassis-0)}body{color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}a{color:inherit}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--signal-cyan);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.label{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font-size:9.5px}.readout{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-hi)}.key{--led:var(--ink-faint);justify-content:center;align-items:center;gap:var(--s-2);min-height:32px;padding:0 var(--s-3);border:1px solid var(--seam-strong);border-radius:var(--r-2);background:linear-gradient(var(--chassis-4), var(--chassis-3));font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);font-size:10px;text-decoration:none;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0a,0 1px #0009}.key:before{content:"";background:var(--led);width:6px;height:6px;transition:background var(--t-fast), box-shadow var(--t-fast);border-radius:1px;box-shadow:0 0 #0000}.key.no-led:before{display:none}.key:hover{border-color:var(--ink-faint);color:var(--ink-hi)}.key:active{transform:translateY(1px)}.key:disabled{opacity:.4;cursor:not-allowed;transform:none}.key[aria-pressed=true]{--led:var(--signal);color:var(--ink-hi)}.key[aria-pressed=true]:before{box-shadow:0 0 8px var(--signal-glow)}.key.primary{--led:var(--signal);border-color:var(--signal);color:var(--ink-hi);background:linear-gradient(#0f2a25,#0b1d1a)}.key.primary:before{box-shadow:0 0 8px var(--signal-glow)}.key.big{min-height:46px;padding:0 var(--s-5);font-size:11px}.panel{background:var(--chassis-2);border:1px solid var(--seam);border-radius:var(--r-2)}.panel-head{justify-content:space-between;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--seam);background:var(--chassis-1);display:flex}.select,.field{height:32px;padding:0 var(--s-2);border:1px solid var(--seam-strong);border-radius:var(--r-1);background:var(--chassis-0);color:var(--ink-hi);font-size:13px}.field:focus,.select:focus{border-color:var(--signal);outline:none}input[type=range].fader{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px}input[type=range].fader::-webkit-slider-runnable-track{background:var(--chassis-0);border:1px solid var(--seam-strong);border-radius:1px;height:3px}input[type=range].fader::-moz-range-track{background:var(--chassis-0);border:1px solid var(--seam-strong);height:3px}input[type=range].fader::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(#dfe7e6,#8d9a9a);border:1px solid #000;border-radius:1px;width:10px;height:16px;margin-top:-7px;box-shadow:inset 0 -2px #00000040}input[type=range].fader::-moz-range-thumb{background:linear-gradient(#dfe7e6,#8d9a9a);border:1px solid #000;border-radius:1px;width:10px;height:16px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.floating-3d{z-index:-1;pointer-events:none;opacity:0;width:100vw;height:100vh;transition:opacity 1.4s;position:fixed;inset:0}.floating-3d.is-on{opacity:.85}.floating-3d.is-on.is-quiet{opacity:.32}.logo{color:var(--ink-hi);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo img{object-fit:cover;border-radius:var(--r-1);display:block}.logo-word{font-family:var(--font-display);letter-spacing:.2em;flex-direction:column;font-size:14px;line-height:1.1;display:flex}.logo-sub{letter-spacing:.62em;color:var(--ink-dim);font-size:7.5px}.boot{min-height:100vh;font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);place-items:center;font-size:11px;display:grid}.pending{align-items:flex-start;gap:var(--s-4);max-width:640px;padding:var(--s-8) var(--s-4);flex-direction:column;margin:0 auto;display:flex}.pending h1{margin:var(--s-5) 0 0;font-family:var(--font-display);letter-spacing:.06em;color:var(--ink-hi);font-size:22px;font-weight:400}
