@font-face{font-family:Satoshi;src:url(/Satoshi-Variable.woff2) format('woff2');font-weight:300 900;font-display:swap}
.music-workbench{max-width:1280px}.trackbar{display:flex;align-items:center;gap:16px;margin-bottom:18px}.trackbar>label{font-size:14px;color:var(--muted)}.trackbar select{min-width:300px;max-width:100%}.trackbar p{color:var(--muted);font-size:14px}.music-workbench .stage canvas{max-height:610px}.music-workbench .stage.portrait canvas{height:min(56vh,610px);width:auto;max-width:100%;aspect-ratio:auto}.music-transport{display:flex;align-items:center;gap:16px;margin-top:12px}.music-transport audio{width:100%;min-width:0;height:44px}.music-transport button{min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:8px}.music-transport button:disabled{opacity:.4;cursor:default}#audio-status{font-size:14px;color:var(--muted);margin-top:6px;min-height:21px}.music-workbench .creative-caption{padding-top:10px}
@media(max-width:760px){.trackbar{display:grid;grid-template-columns:1fr;gap:6px}.trackbar select{width:100%;min-width:0;font-size:14px}.trackbar p{min-height:21px}.music-transport{gap:8px}.music-workbench .intro{gap:16px}.music-workbench .intro p{max-width:none}.music-workbench .stage.portrait canvas{height:min(52vh,610px);width:auto}.music-workbench .settings select{font-size:14px}}