@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#e9e9e2;background:#111310;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.shell{width:min(900px,100% - 40px);margin:0 auto;padding:86px 0 70px}.hero{max-width:690px}.eyebrow,.label{color:#9ba092;letter-spacing:.12em;text-transform:uppercase;font:500 11px DM Mono,monospace}h1{letter-spacing:-.065em;max-width:720px;margin:18px 0 24px;font-size:clamp(42px,8vw,78px);line-height:.98}.lede{color:#abb0a6;max-width:620px;font-size:18px;line-height:1.55}.model-card{background:#151814;border:1px solid #343a30;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin-top:50px;padding:20px;display:flex;position:relative;overflow:hidden}.model-copy .label{margin:0 0 7px}.model-title{margin:0;font-size:17px;font-weight:600}.model-note{color:#7f877b;margin:5px 0 0;font:10px DM Mono,monospace}.model-action{flex-direction:column;align-items:flex-end;gap:7px;min-width:220px;display:flex}.model-chip{color:#aeb6a8;text-align:center;background:#222820;border:1px solid #495344;border-radius:99px;min-width:84px;padding:9px 12px;font:500 10px DM Mono,monospace}.model-chip.ready{color:#c8ecb5;background:#263421;border-color:#7cab67}.model-chip.error{color:#ffad97;background:#32221e;border-color:#75483d}.model-status{color:#858c80;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font:9px DM Mono,monospace;overflow:hidden}.model-status.ready{color:#9ed881}.model-status.error{color:#ff9c82}.model-progress{background:#272d25;height:3px;position:absolute;bottom:0;left:0;right:0}.model-progress div{background:#9bd37d;height:100%;transition:width .18s}.panel{background:#191d18;border:1px solid #343a30;border-radius:18px;margin-top:12px;padding:28px;box-shadow:0 24px 80px #0005}.panel-head,.meter-label{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel .label{margin:0 0 10px}.status{color:#d9dfd1;margin:0;font-size:15px}.status.error{color:#ff9c82}.status.success{color:#b8e69d}.status.working{color:#f0d48b}.dot{background:#818a7b;border-radius:99px;width:8px;height:8px;margin-right:9px;display:inline-block}.success .dot{background:#93d66e}.error .dot{background:#ff7654}.working .dot{background:#edc65c}.badge{color:#16200f;white-space:nowrap;background:#a7dc86;border-radius:5px;padding:8px 10px;font:500 11px DM Mono,monospace}.badges{align-items:center;gap:8px;display:flex}.badge.source{color:#b8bdb2;background:#30352e}.badge.source.connected{color:#16200f;background:#a7dc86}.ai-state{background:#161a15;border:1px solid #30372d;border-radius:9px;align-items:center;gap:13px;margin:27px 0 -8px;padding:14px 16px;display:flex}.ai-state .label{margin:0 0 4px}.ai-state p:last-child{color:#a7aea2;margin:0;font:11px DM Mono,monospace}.ai-pulse{background:#596052;border-radius:50%;flex:none;width:10px;height:10px}.ai-state.buffering .ai-pulse,.ai-state.separating .ai-pulse{background:#e3bf5e;animation:1.2s ease-in-out infinite pulse;box-shadow:0 0 0 5px #e3bf5e16}.ai-state.playing .ai-pulse{background:#8ed26d;box-shadow:0 0 0 5px #8ed26d16}.ai-state.error .ai-pulse{background:#ff7654}@keyframes pulse{50%{opacity:.38;transform:scale(.82)}}.meter-wrap{margin:36px 0 26px}.meter-label{color:#9ba092;text-transform:uppercase;letter-spacing:.1em;font:11px DM Mono,monospace}.meter{background:#2a3028;border-radius:4px;height:10px;margin-top:11px;overflow:hidden}.meter-fill{background:linear-gradient(90deg,#79c75f,#d5e477);height:100%;transition:width .12s}.stem-mixer{background:#161a15;border:1px solid #343a30;border-radius:10px;margin:0 0 12px;padding:5px 18px}.mixer-head{border-bottom:1px solid #2e342c;justify-content:space-between;align-items:center;padding:12px 0 10px;display:flex}.mixer-head .label{margin:0}.mixer-head>span{color:#71786d;text-transform:uppercase;font:9px DM Mono,monospace}.quick-toggle{grid-template-columns:1fr 1fr;gap:7px;padding:12px 0;display:grid}.mix-toggle{color:#969d91;cursor:pointer;background:#1d221b;border:1px solid #363d33;border-radius:7px;padding:11px 12px;font:600 12px DM Sans,sans-serif}.mix-toggle:hover{border-color:#63705b}.mix-toggle.active{color:#17210f;background:#a7dc86;border-color:#9bd37d}.advanced-mixer{border-top:1px solid #2e342c;margin:0 0 8px}.advanced-mixer summary{color:#7f877b;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;padding:13px 0 9px;font:10px DM Mono,monospace}.advanced-mixer summary:hover{color:#b6bdb0}.equalizer{grid-template-columns:repeat(6,minmax(72px,1fr));gap:6px;padding:8px 0 15px;display:grid;overflow-x:auto}.eq-channel{color:#cbd0c6;background:#191e18;border:1px solid #2f352d;border-radius:8px;grid-template-rows:20px 142px 34px;place-items:center;min-width:72px;padding:12px 7px 9px;display:grid}.eq-channel.bus-channel{background:#1d241b;border-color:#46513f}.eq-channel.master-channel{background:#222b1f;border-color:#718c61}.eq-channel output{color:#a7dc86;font:10px DM Mono,monospace}.eq-channel>span{color:#a9b0a3;text-align:center;align-self:end;max-width:100%;font:10px DM Mono,monospace}.eq-channel small{color:#6f776b;text-transform:uppercase;margin-top:3px;font-size:8px;display:block}.eq-fader{accent-color:#a7dc86;cursor:ns-resize;writing-mode:vertical-lr;direction:rtl;width:18px;height:128px;margin:5px 0}.diagnostics{background:#343a30;border:1px solid #343a30;border-radius:10px;grid-template-columns:repeat(5,1fr);gap:1px;margin:0 0 26px;display:grid;overflow:hidden}.diagnostics div{background:#1a1e19;min-width:0;padding:13px 12px}.diagnostics span,.diagnostics strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.diagnostics span{color:#858c80;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font:500 9px DM Mono,monospace}.diagnostics strong{color:#d8ddd2;font:500 12px DM Mono,monospace}.source-card{background:#222720;border-radius:11px;align-items:center;gap:16px;padding:20px;display:flex}.source-icon{color:#14200e;background:#a7dc86;border-radius:8px;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.source-card .label{margin:0 0 5px}.source-name{margin:0;font-size:15px}.output-arrow{color:#7f897a;margin-left:auto;font-size:24px}.primary{color:#16200f;cursor:pointer;background:#a7dc86;border:0;border-radius:8px;width:100%;margin-top:22px;padding:16px;font:600 15px DM Sans,sans-serif}.primary:hover:not(:disabled){background:#beeaa0}.primary:disabled{color:#6f756b;cursor:not-allowed;background:#2b3029}.primary.stop{color:#f4d5ca;background:#68382d}.steps{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:34px;display:grid}.step{border-top:1px solid #343a30;padding-top:15px}.step span{color:#a7dc86;font:500 11px DM Mono,monospace}.step p{color:#9ba092;margin:11px 0 0;font-size:14px;line-height:1.5}@media (width<=650px){.shell{padding-top:50px}.model-card{flex-direction:column;align-items:stretch}.model-action{align-items:stretch;min-width:0}.model-status{max-width:100%}.panel{padding:20px}.panel-head{flex-direction:column;align-items:flex-start}.badges{flex-wrap:wrap}.diagnostics{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr;gap:18px}.source-card{flex-wrap:wrap}.output-arrow{margin-left:0}.equalizer{grid-template-columns:repeat(6,76px)}}