/* MyMusicLab 0.8.0 — studio isolated UI, no modifications to old mixer layout */
.studio-head{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 15px}
.studio-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.studio-tabs button.active{background:#24584f;color:#dbfff2;border-color:var(--mint)}
.studio-panel{background:var(--panel);border:1px solid var(--stroke);padding:17px;border-radius:15px;margin-bottom:13px}
.studio-panel h2{margin:0 0 11px}
.studio-tracks{display:grid;gap:7px;margin:11px 0}
.studio-track{display:grid;grid-template-columns:minmax(90px,1fr) minmax(70px,1fr) auto auto;gap:8px;align-items:center;padding:9px;background:#182940;border:1px solid var(--stroke);border-radius:10px}
.studio-track .track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-track label{margin:0}
.studio-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.studio-controls>div{padding:12px;background:#18283d;border-radius:10px}
.studio-canvas{width:100%;height:118px;background:#0d1b2a;border:1px solid #385368;border-radius:9px;display:block;touch-action:manipulation;cursor:crosshair}
.studio-time{font-variant-numeric:tabular-nums;color:#c7f4e6}
.studio-nudge{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.studio-nudge input[type=number]{max-width:90px}
.studio-chord-list{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}
.studio-chord-list button{font-weight:700;font-size:16px;min-width:60px}
.studio-chord-list button.active{border-color:var(--mint);background:#234d4a}
.studio-diagrams{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.studio-diagrams>div{background:#18283d;border:1px solid #3a4c61;border-radius:12px;padding:12px;min-width:0}
.studio-diagrams svg{display:block;width:100%;max-width:315px;height:145px;margin:4px auto}
.studio-midi-tracks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:7px;margin:10px 0}
.studio-midi-tracks label{display:flex;align-items:center;gap:7px;border:1px solid var(--stroke);padding:9px;border-radius:8px;background:#1a2a40;font-size:12px}
.studio-midi-tracks input{flex-shrink:0}
.studio-warning{border-left:3px solid #f6c47b;background:#35303b;padding:11px;margin:9px 0;border-radius:7px;font-size:13px}
.studio-fine{color:var(--muted);font-size:12px}
.studio-import{border:1px dashed #688598;border-radius:10px;padding:16px;background:#112138}
.studio-photo{max-width:min(100%,400px);max-height:220px;object-fit:contain;display:block;margin:9px 0;border-radius:8px}
.studio-youtube{aspect-ratio:16/9;width:100%;max-width:640px;border:0;border-radius:12px;background:#050a12}
@media(max-width:700px){.studio-controls{grid-template-columns:1fr}.studio-track{grid-template-columns:minmax(80px,1fr) 100px auto auto}.studio-track button{padding:5px 7px}.studio-panel{padding:12px}.studio-diagrams{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}}