@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#121412;--panel:#1b1e1a;--line:#34382e;--muted:#969c8d;--lime:#d9f987;--orange:#f1ae77}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f3f3e9;font-family:'DM Sans',sans-serif}button,input{font:inherit}button,a,input{outline-offset:5px}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{font:bold 46px 'Space Grotesk';letter-spacing:-4px}.brand span{font-size:14px;color:var(--lime);margin-left:7px}.edition,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}.edition{color:var(--muted)}header>a:last-child{font-size:12px}main{max-width:1320px;margin:auto;padding:62px 5% 24px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.eyebrow{color:var(--lime)}h1{font:500 clamp(38px,4.4vw,62px)/1.08 'Space Grotesk';letter-spacing:-3px;margin:20px 0 0}h1 em{font-style:normal;color:var(--muted)}.heading p{font-size:14px;line-height:1.8;color:var(--muted)}.command{border:1px solid #677448;background:#22281b;border-radius:12px;padding:22px 24px}.commandtop{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:var(--lime)}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:7px}form{display:flex;gap:12px}#commandForm{margin:23px 0 20px;align-items:center}input:not([type=range]){background:transparent;border:0;color:inherit;min-width:0;flex:1;padding:10px 0}#intent{font-size:20px}input::placeholder{color:#9da78b}button{background:transparent;color:inherit;border:1px solid var(--line);border-radius:6px;padding:9px 13px}.apply{background:var(--lime);color:#1b2510;font-size:12px;font-weight:700;white-space:nowrap;border:0;padding:14px 18px}#mic{font-size:30px;color:var(--lime);border-color:#515f37;width:49px;height:49px;padding:0}.suggestions{display:flex;gap:8px;flex-wrap:wrap}.suggestions button{font-size:11px;border-color:#4b553c;color:#c8d3b6;border-radius:30px;padding:8px 12px}#status{font-size:12px;color:#b3bea2;margin-top:18px;line-height:1.6;min-height:20px}.workspacehead{display:flex;justify-content:space-between;align-items:center;margin:35px 0 15px;font-size:11px;letter-spacing:1px}.workspacehead small{color:var(--muted);font-size:9px}.workspacehead button{font-size:11px}.decks{display:grid;grid-template-columns:1fr 1fr;gap:18px}.deck{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:24px;--accent:var(--lime)}.deck.b{--accent:var(--orange)}.decktop{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.decktop strong{color:var(--accent)}.deck h2{font:500 25px 'Space Grotesk';margin:26px 0 4px;letter-spacing:-.7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracksub{color:var(--muted);font-size:11px}canvas{display:block;width:100%;height:92px;margin:20px 0 10px}.transport{display:flex;gap:10px;align-items:center}.play{background:var(--accent);color:#171c12;border:0;font-weight:bold;width:44px}.upload{font-size:11px;cursor:pointer;border:1px solid var(--line);padding:10px;border-radius:5px}.upload input{display:none}.bpm{margin-left:auto;color:var(--accent);font-size:12px}.bpm input{width:52px!important;text-align:right!important;border-bottom:1px solid var(--line)!important}.controls{display:flex;gap:24px;margin-top:25px;border-top:1px solid var(--line);padding-top:18px}.controls label{flex:1;font-size:10px;color:var(--muted)}.controls output{float:right;color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent,var(--lime));height:3px;cursor:pointer;margin:15px 0}.blend{max-width:550px;margin:27px auto 34px}.blend>div,.blend footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.blend label{letter-spacing:2px}.blend footer button{border:0;font-size:11px;padding:4px}.blend>div span:first-child{color:var(--lime)}.blend>div span:last-child{color:var(--orange)}.bottom{border-top:1px solid var(--line);padding-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:50px}h2{font-size:23px}h3{font-size:16px;font-weight:500;margin-top:15px}.bottom p{font-size:12px;color:var(--muted);line-height:1.7;max-width:390px}.spotify form{border-bottom:1px solid var(--line);padding-bottom:8px;font-size:12px}.spotify button{border:0;color:var(--lime);white-space:nowrap;padding:0}.spotify p{font-size:10px}.pagefoot{display:flex;justify-content:space-between;color:#707668;font-size:9px;letter-spacing:1px;margin-top:50px}button:hover{filter:brightness(1.2);border-color:#839465}button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:720px){header{height:75px}.edition{display:none}main{padding-top:36px}.heading{display:block}.heading p{margin-top:20px}h1{letter-spacing:-2px}#commandForm{flex-wrap:wrap}#intent{font-size:15px;width:65%}.apply{margin-left:61px}.decks,.bottom{grid-template-columns:1fr}.workspacehead small{display:none}.command{padding:20px 16px}.deck{padding:20px}.pagefoot{gap:20px;font-size:8px}.bottom{gap:24px}}
.listening{display:flex;gap:20px;align-items:center;font-size:11px;color:#b5c29e;margin-bottom:12px;flex-wrap:wrap}.listening label{display:flex;gap:6px;align-items:center}.listening input{accent-color:var(--lime)}#listenState:before{content:'●';margin-right:7px;color:#707668}#listenState.live:before{color:var(--lime)}.voice-help{font-size:10px;color:var(--muted);line-height:1.6}.transcript{padding:12px 0;margin-bottom:12px;color:#d9e7c5;font-size:13px;border-top:1px solid #434d36;min-height:43px}.transcript.interim{opacity:.6}#mic[aria-pressed=true]{background:var(--lime);color:#202719}.select-deck{padding:0;border:0;color:var(--accent);font-size:10px;letter-spacing:1px}.select-deck[aria-pressed=true]{border-bottom:1px solid var(--accent);border-radius:0;padding-bottom:4px}.seek-label{display:flex;align-items:center;gap:15px;margin-bottom:15px}.time{font:10px 'Space Grotesk';color:var(--muted);white-space:nowrap}.seek-label input{margin:5px 0}.stem-section,.sections{margin-top:23px;border-top:1px solid var(--line);padding-top:17px}.stem-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;letter-spacing:1px}.stem-heading button{font-size:10px;letter-spacing:0;padding:6px 9px}.stem-note{font-size:10px;color:var(--muted);line-height:1.6;min-height:32px}.stem-lane{display:grid;grid-template-columns:85px minmax(30px,1fr) auto auto auto;gap:8px;align-items:center;padding:4px 0}.stem-lane>span{font-size:11px;color:#cbd0c2}.stem-lane button{font-size:9px;padding:5px 6px}.stem-lane button[aria-pressed=true]{background:var(--accent);color:#172010;border-color:var(--accent)}.stem-lane input{margin:10px 0}.restore-stems{font-size:10px;margin-top:10px;border:0;color:var(--accent);padding-left:0}.section-tools{display:flex;gap:8px;margin:12px 0}.section-tools button{font-size:10px}.clips{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:auto}.clips p{font-size:11px;color:var(--muted)}.clip{display:flex;border:1px solid var(--line);border-radius:5px;padding:3px;align-items:center}.clip.looped{border-color:var(--accent);background:#ffffff06}.clip button{border:0;font-size:11px;padding:7px}.clip button:first-child{flex:1;display:flex;gap:12px;align-items:center;text-align:left}.clip b{color:var(--accent)}.clip span{font-size:10px;color:var(--muted)}.separation{margin:20px 0;padding:20px;border:1px solid #596a3c;background:#22281b;border-radius:8px}.separation[hidden]{display:none}.separation>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.separation strong{font-size:12px}.separation button{font-size:11px}.separation progress{width:100%;height:6px;accent-color:var(--lime);margin-top:16px}.separation p{font-size:10px;color:var(--muted);margin-bottom:0}.session-memory{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 40px}.session-memory>div{padding:20px;border:1px solid var(--line);border-radius:8px;min-width:0}.session-memory strong{font-size:10px;letter-spacing:1px}.session-memory ul,.session-memory ol{list-style:none;padding:0;margin:14px 0 0;max-height:200px;overflow:auto}.session-memory li{padding:9px 0;border-bottom:1px solid #ffffff0c;display:flex;gap:7px;flex-wrap:wrap;align-items:center;font-size:11px;line-height:1.5}.session-memory li strong{font-size:11px;letter-spacing:0;font-weight:500}.session-memory li span{color:var(--muted);font-size:10px}#history li{display:block}#history li span,#history li strong{display:block}#scheduled li button{margin-left:auto;padding:3px 8px}.empty{color:var(--muted)}@media(max-width:1000px){.decks{gap:12px}.deck{padding:16px}.stem-lane{grid-template-columns:72px minmax(20px,1fr) auto auto auto;gap:4px}.stem-lane>span{font-size:10px}}@media(max-width:720px){.session-memory{grid-template-columns:1fr}.stem-lane{grid-template-columns:85px minmax(30px,1fr) auto auto auto;gap:8px}.listening{gap:10px 20px}.stem-note{min-height:0}.transport{flex-wrap:wrap}.bpm{margin-left:auto}}