:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eff3f5;background:#0c1117;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.topbar{height:76px;border-bottom:1px solid #26303b;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#10171f}.brand{display:flex;gap:12px;align-items:center}.brandmark{background:#b8ee74;color:#172315;width:42px;height:42px;border-radius:11px;font-size:22px;font-weight:900;display:grid;place-items:center;letter-spacing:-3px}.brandmark span{color:#488849}.brand strong{font-size:17px;letter-spacing:.11em}.brand em{color:#b8ee74;font-style:normal}.brand small{display:block;letter-spacing:.18em;color:#758592;font-size:9px;margin-top:5px}.status{color:#90a29a;font-size:10px;font-weight:700;letter-spacing:.12em}.statusdot{display:inline-block;background:#b8ee74;width:7px;height:7px;border-radius:50%;margin-right:8px}main{display:flex;min-height:calc(100dvh - 76px)}.sidebar{flex:none;width:208px;background:#0f151c;border-right:1px solid #26303b;padding:28px 14px}.side-heading{font-size:10px;letter-spacing:.2em;color:#708090;font-weight:750;margin:0 12px 13px}.sidebar-bottom{margin-top:42px}.nav{border:0;background:transparent;color:#98a8b6;display:flex;align-items:center;gap:14px;width:100%;height:46px;border-radius:9px;padding:0 14px;text-align:left;font-size:15px;text-decoration:none;margin:4px 0}.nav.active{background:#263528;color:#c7f49e}.filelabel{cursor:pointer}.workspace{flex:1;min-width:0;max-width:1560px;padding:30px clamp(18px,3vw,46px)}.heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#b8ee74}.beta{border:1px solid #364a32;color:#c9eac0;padding:4px 7px;border-radius:4px;margin-left:7px;font-size:9px}h1{font-size:clamp(26px,3vw,37px);letter-spacing:-.04em;font-weight:700;margin:13px 0 7px}h2{font-size:17px;margin:0 0 5px}p{color:#81909d;margin:0;line-height:1.5}.actions{display:flex;gap:9px}.primary,.secondary,.accent-button{border:0;padding:11px 17px;border-radius:8px;font-weight:750;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary{background:#b8ee74;color:#172615}.secondary{background:#222d38;color:#ced8e1}.upload{cursor:pointer}.accent-button{background:#243729;color:#bdf88e;font-size:12px}.card{background:#151d26;border:1px solid #2b3540;border-radius:13px;margin-bottom:17px}.transport{display:flex;justify-content:space-between;align-items:center;padding:15px 22px}.transport-left{display:flex;align-items:center;gap:14px}.play{background:#b8ee74;color:#152513;border:0;border-radius:10px;width:42px;height:42px;font-size:17px}.transport-icon{border:0;background:transparent;color:#a6b4c0;font-size:18px;padding:8px}.time strong{font-variant-numeric:tabular-nums;font-size:20px;letter-spacing:.08em}.time small{color:#7c8d9c;margin-left:8px}.transport-right{display:flex;align-items:center;gap:12px;font-size:11px;color:#8294a2}.transport-right strong{color:#cbd8cc}.meter-mini{width:77px;height:5px;border-radius:10px;background:#304050;overflow:hidden}.meter-mini span{display:block;background:#b8ee74;height:100%;width:3%;transition:width .15s}.timeline,.controls,.mixer-channels{padding:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-heading p{font-size:12px}.tiny{font-size:10px;letter-spacing:.11em;font-weight:800;color:#798b9a}.tracks{min-height:150px}.empty{height:210px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;color:#a8b9c6}.empty-icon{font-size:32px;color:#b8ee74}.empty span{font-size:12px;color:#7e8e9d}.track{display:grid;grid-template-columns:155px minmax(0,1fr);border:1px solid #303d49;border-radius:9px;overflow:hidden;margin:10px 0;cursor:pointer;min-height:88px}.track.selected{border-color:#b8ee74}.track-meta{padding:13px;background:#1c2631;display:flex;flex-direction:column;gap:4px}.track-meta b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-meta small{color:#8698a8}.track-buttons{display:flex;gap:7px;margin-top:4px}.chip{background:#2d3b46;border:0;border-radius:5px;color:#c6d3de;font-size:10px;padding:3px 9px}.chip.on{background:#b8ee74;color:#102516}.wave{background:#1a222b;overflow:hidden;position:relative;min-height:86px}.wave canvas{display:block;width:100%;height:86px}.wave .playhead{position:absolute;left:0;top:0;bottom:0;width:2px;background:#e1ebef;opacity:.65;pointer-events:none}.control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.controls{padding:23px}.control-grid label{font-size:12px;color:#bdc9d1;display:block}.control-grid output{display:block;color:#d6edc8;font-weight:750;margin-top:5px;font-size:13px}.control-grid input[type=range]{display:block;width:100%;margin:15px 0 4px;accent-color:#b8ee74;touch-action:pan-y}.smallnote{font-size:11px;margin-top:20px}.view{display:none}.view.active{display:block}.mixer-channels{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.channel{border:1px solid #2c3a47;background:#1b2530;border-radius:10px;padding:19px}.channel b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel small{color:#9cb2c1}.channel label{display:block;margin-top:22px;color:#95a5b2;font-size:12px}.channel input{width:100%;accent-color:#b8ee74}.channel output{color:#b8ee74;float:right}.info-card{padding:23px}.info-card p{max-width:690px}.master-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:17px}.master-layout .card{padding:24px}.master-top{display:flex;align-items:center;gap:25px;margin:30px 0}.knob-look{display:grid;justify-items:center;gap:8px;color:#b8ee74;font-size:10px}.ring{border:10px solid #375741;box-shadow:inset 0 0 0 9px #151d26,0 0 0 2px #b8ee74;border-radius:50%;width:110px;height:110px;display:grid;place-items:center;color:#b8ee74;font-size:42px}.master-stats{display:flex;flex-direction:column;gap:5px;color:#8496a3}.master-stats strong{font-size:25px;color:#f3f6f7}.master-layout .control-grid{grid-template-columns:repeat(2,1fr)}.full{width:100%;margin-top:30px}.step{border-bottom:1px solid #2e3842;padding:17px 0;display:flex;gap:20px}.step span{color:#b8ee74}.divider{height:16px}.placeholder{padding:15px}footer{margin:20px 0;display:flex;justify-content:space-between;color:#688090;font-size:10px;letter-spacing:.08em;gap:8px}footer #message{color:#a1bb9d;letter-spacing:0;text-align:right}@media(max-width:1100px){.sidebar{width:76px;padding:24px 11px}.sidebar .nav{justify-content:center;font-size:21px}.sidebar .nav span,.side-heading{display:none}.heading{align-items:start;flex-direction:column}.control-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.topbar{height:65px;padding:0 14px}.brand strong{font-size:12px}.brand small{font-size:7px}.brandmark{width:36px;height:36px}.status{font-size:0}.statusdot{margin:0}.sidebar{position:fixed;z-index:10;bottom:0;left:0;right:0;width:100%;height:69px;border-right:0;border-top:1px solid #26303b;background:#10171f;padding:6px;display:flex;justify-content:space-evenly}.sidebar .nav{margin:0;width:auto;height:51px;padding:0 20px}.sidebar .nav:nth-of-type(n+4),.sidebar .filelabel{display:none}.workspace{padding:25px 14px 85px}.heading{margin-bottom:20px}.actions{width:100%}.actions>*{flex:1}.transport{padding:12px}.transport-right{display:none}.track{grid-template-columns:111px 1fr}.track-meta{padding:9px}.track-meta b{font-size:11px}.track-buttons{gap:3px}.chip{padding:3px 6px}.timeline,.controls{padding:15px}.control-grid{gap:22px 13px}.master-layout{grid-template-columns:1fr}.master-layout .card{padding:18px}footer{flex-direction:column}.master-top{margin:20px 0}}

/* v0.3 audio troubleshooting / mobile native-player controls */
.audio-help {display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 18px 16px;color:#a9b9c5;font-size:12px;line-height:1.5;border-top:1px solid #293541}
.audio-help b {color:#ddf9bd}
.audio-help-btn {padding:9px 12px;border:1px solid #6e9165;border-radius:7px;background:#263c2c;color:#c9f4b1;font-size:12px;font-weight:700}
.audio-help-btn:disabled {opacity:.5}
.audio-help #audioState {margin-left:auto;color:#c5dfbd;font-variant-numeric:tabular-nums}
.audio-help audio {flex-basis:100%;width:100%;height:44px;margin-top:5px}
.audio-help audio[hidden] {display:none}
.mini-sound {padding:9px 11px;font-size:12px;white-space:nowrap}
@media(max-width:720px){.audio-help {padding:12px;gap:8px}.audio-help #audioState {margin-left:0;flex-basis:100%}.transport-left {gap:8px}.mini-sound {padding:8px 9px;font-size:11px}.transport{display:block;padding:10px}.transport-left{justify-content:flex-start}.time small{margin-left:3px}.audio-help audio{height:50px}}