[hidden]{display:none!important}.topbar{max-width:none;padding-inline:max(24px,calc((100vw - 1176px)/2));gap:16px}.topbar .concept{display:none}.account-trigger{margin-left:auto;font-size:12px;font-family:'Space Mono',monospace;background:#111d;border-color:#2dd4bf40}.site-nav{display:flex;gap:8px;max-width:1240px;padding:14px 32px 0;margin:auto;overflow-x:auto}.site-nav button{white-space:nowrap;background:#111b;border-color:transparent;font-size:13px}.site-nav button[aria-current=page]{border-color:#2dd4bf50;color:#5eead4;background:#2dd4bf12}.page-intro{margin:16px 0 28px;max-width:760px}.page-intro h1{margin-top:12px}.page-intro p{color:#aaa}.page-view{padding-bottom:40px;min-height:65vh}.site-footer{max-width:1176px;margin:20px auto 0;padding:24px 0 145px;border-top:1px solid #292929;color:#999;font:11px 'Space Mono',monospace;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-footer div{display:flex;gap:20px;align-items:center}.site-footer a{color:#aaa;text-decoration:none;min-height:44px;display:flex;align-items:center}.site-footer button{background:transparent;border:0;font:inherit}.accent{color:#2dd4bf}.output-meter{margin:16px 0;padding:12px;background:#1a1a1a;border:1px solid #292929;border-radius:6px}.meter-top{display:flex;justify-content:space-between;font:10px 'Space Mono',monospace;color:#bbb;margin-bottom:10px}.meter-top small{font-size:8px;color:#888;margin-left:8px}.stereo-bars>div{display:flex;gap:8px;align-items:center;margin:5px 0}.stereo-bars span{font:9px monospace;color:#999}.meter-track{height:6px;flex:1;background:#2b2b2b;overflow:hidden;border-radius:2px}.meter-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#2dd4bf 0%,#2dd4bf 65%,#eab308 88%,#ef4444);transition:width .12s linear}.master-fader{display:flex;align-items:center;gap:14px;font:10px 'Space Mono',monospace;color:#aaa;margin-top:4px}.master-fader input{flex:1}.master-fader output{min-width:32px}.session-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.session-actions button{font-size:12px;background:#111}.upload-panel{max-width:800px}.drop-preview{padding:30px 16px;text-align:center;border:1px dashed #2dd4bf60;border-radius:10px;background:#2dd4bf06}.drop-preview p{color:#aaa;font-size:12px}.upload-glyph{font-size:40px;color:#2dd4bf}.split-models{border:0;padding:0;margin:24px 0}.split-models legend{font:10px 'Space Mono',monospace;color:#2dd4bf;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.split-models label{display:flex;gap:12px;align-items:center;padding:16px 12px;background:#161616;border:1px solid #2a2a2a;border-radius:8px;margin:8px 0;cursor:pointer}.split-models label:has(input:checked){border-color:#2dd4bf;background:#2dd4bf08}.split-models strong,.split-models small{display:block}.split-models strong{font-size:14px}.split-models small{font-size:11px;color:#aaa}.split-models input{width:20px;height:20px}.split-models .pro,.free-tag{margin-left:auto;font:9px 'Space Mono',monospace}.free-tag{color:#2dd4bf;padding:5px 7px;border:1px solid rgba(45,212,191,.3);border-radius:4px;background:rgba(45,212,191,.08)}.allowance{color:#aaa;font-size:12px}.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:36px 0}.how-it-works b{font:10px 'Space Mono',monospace;color:#2dd4bf}.how-it-works h3{margin-top:10px}.how-it-works p{color:#aaa;font-size:13px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px}.plan-grid h2{font-size:34px;margin:16px 0}.plan-grid h2 small{font:13px 'Archivo',sans-serif;color:#aaa}.plan-grid p,.plan-grid li{color:#aaa;font-size:14px}.plan-grid ul{padding-left:20px;line-height:2}.premium-plan{border-color:#D4A84B70}.proposed{border:1px solid #D4A84B40;border-radius:8px;padding:14px;margin:20px 0;font-size:12px}.proposed strong{color:#f5c451}.proposed p{font-size:12px;margin-bottom:0}.credits-card{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px;max-width:900px}.credits-card p{color:#aaa;font-size:13px}.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}details{border-bottom:1px solid #292929;padding:8px 0}summary{min-height:48px;cursor:pointer;padding:12px 0;font-size:14px;line-height:1.5}details[open] summary{color:#5eead4}details p{color:#aaa;font-size:13px;line-height:1.7}.song-card{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.song-card h2{margin:0}.song-card p{color:#aaa;font-size:12px}.account-state{display:flex;flex-direction:column;gap:8px;margin:20px 0;font-size:12px}.account-summary{padding:18px;background:#1a1a1a;border-radius:8px;margin:16px 0}.account-summary strong{display:block;font-family:'Montserrat',sans-serif}.account-summary p{font-size:12px}.usage-track{height:6px;border-radius:3px;background:#333;margin:12px 0}.usage-track span{display:block;height:100%;background:#2dd4bf;width:40%}.account-actions{display:flex;gap:8px;flex-wrap:wrap}.account-actions button{font-size:12px}.account-note{font-size:11px;color:#aaa}.flow-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}#flowDialog p{font-size:13px}.download-options{display:grid;gap:10px}.download-options button{text-align:left}.download-options small{display:block;color:#aaa;font-size:11px}.navigation-hint{color:#aaa;font-size:12px}.page-view:focus{outline:none}@media(prefers-reduced-motion:reduce){.meter-track i{transition:none}}@media(max-width:760px){.topbar{padding:0 16px;height:64px}.brand{font-size:12px}.brandmark{font-size:24px;margin-right:7px}.account-trigger{font:10px 'Archivo',sans-serif;padding:8px}.site-nav{padding:10px 16px 0;gap:4px}.site-nav button{font-size:12px;padding:8px 12px}.page-view{padding-bottom:24px}.plan-grid,.faq-layout,.how-it-works{grid-template-columns:1fr}.credits-card,.song-card{align-items:flex-start;flex-direction:column}.site-footer{margin:20px 16px 0;padding-bottom:150px;align-items:flex-start;flex-direction:column;gap:8px}.session-actions{gap:8px}.session-actions button{flex:1;font-size:11px}.split-models .pro{font-size:8px}.page-intro h1{font-size:28px}.output-meter{padding:10px;margin:12px 0}.master-fader{gap:10px}.how-it-works{gap:12px}.page-intro{margin-top:8px}.site-footer div{gap:16px}} 
.channel-wave{height:27px;display:flex;align-items:center;gap:2px;border-radius:4px;background:#ffffff03;padding:3px 5px;overflow:hidden}.channel-wave i{flex:1;min-width:1px;background:var(--stem);opacity:.38;border-radius:1px}.stem.muted .channel-wave i{opacity:.12}

/* Shared outline navigation icons; keep labels and a familiar ampersand. */
.site-nav {gap:8px}
.site-nav button,.site-nav a {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:11px 16px;border-radius:10px;font-weight:500;line-height:1.2}
.site-nav .nav-icon {width:18px;height:18px;flex-shrink:0;opacity:.8}
.site-nav button:hover .nav-icon,.site-nav [aria-current=page] .nav-icon {opacity:1}
.site-nav .nav-amp {font-family:Arial,Helvetica,sans-serif;font-weight:400}
@media(max-width:760px){.site-nav button,.site-nav a{gap:7px;padding:10px 12px;font-size:12px}.site-nav .nav-icon{width:16px;height:16px}}

/* Phones: the four tabs share the width instead of scrolling. At 12px the row needs 405px side by side, wider than ~70% of phone visitors (360-402px), so under 480px each tab stacks its icon over its label, like an app tab bar. Fits down to 320px. */
@media(max-width:760px){.site-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible}.site-nav button,.site-nav a{min-width:0;padding:10px 6px}}
@media(max-width:480px){.site-nav button,.site-nav a{flex-direction:column;gap:4px;min-height:52px;padding:7px 2px;font-size:11.5px;line-height:1.1}}