body.beat-studio #autosave-state{font-size:12px;color:#bafa80;padding:8px 10px;border:1px solid #34502b;border-radius:5px;max-width:280px}
body.beat-studio #mixer{overflow-x:auto;padding-bottom:18px;align-items:stretch}
body.beat-studio .strip{min-width:170px;flex:1}
body.beat-studio .strip input[type=range]{width:100%;min-width:0}
body.beat-studio .strip label{font-size:14px}
body.beat-studio .strip output{font-size:12px;color:#c9ddbc}
body.beat-studio .piano-help{padding:0 20px;font-size:14px;line-height:1.6}
body.beat-studio #piano{touch-action:none;user-select:none;-webkit-user-select:none}
body.beat-studio #piano .note{cursor:crosshair}
body.beat-studio .piano-scroll{padding-bottom:18px;scrollbar-width:auto;scrollbar-color:#679d31 #101e19}
body.beat-studio .vocal-content{padding:0 20px 24px}
body.beat-studio .vocal-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}
body.beat-studio .vocal-actions .upload{margin:0}
body.beat-studio .vocal-actions .check{margin:0}
body.beat-studio .vocal-settings{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:18px;margin:24px 0}
body.beat-studio .vocal-settings input,body.beat-studio .vocal-settings select{width:100%}
body.beat-studio .vocal-content audio{width:100%;display:block;margin:16px 0;color-scheme:dark}
body.beat-studio #vocal-clock{font-variant-numeric:tabular-nums;color:#bafa80;font-size:16px}
body.beat-studio #vocal-status{font-size:14px;line-height:1.6;color:#c7dfb8}
body.beat-studio .vocal-content .help{font-size:14px;line-height:1.7;max-width:900px}
body.beat-studio #vocal-progress{width:100%;height:10px;accent-color:#a5f326}
body.beat-studio .vocal-studio [hidden]{display:none!important}
body.beat-studio[data-recording] #vocal-clock{color:#ffd77d}
body.beat-studio[data-recording] #vocal-stop{border-color:#ffd77d;color:#ffd77d}
@media(max-width:900px){body.beat-studio .vocal-settings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){body.beat-studio .vocal-content{padding-inline:14px}body.beat-studio .vocal-actions>button{flex:1 1 160px}body.beat-studio .vocal-studio .panel-head{flex-wrap:wrap;gap:12px}}
body.beat-studio .studio-jump{display:flex;gap:8px;padding:12px 4%;overflow:auto;border-bottom:1px solid #203b31;background:#0b1714}
body.beat-studio .studio-jump a{white-space:nowrap;text-decoration:none;font-size:14px;color:#c7dfb8;padding:10px 14px;border:1px solid #34502b;border-radius:6px;min-height:44px}
body.beat-studio .studio-jump a:hover{color:#a5f326;border-color:#a5f326}
body.beat-studio section{scroll-margin-top:20px}
@media(max-width:650px){body.beat-studio .workspace{display:flex;flex-direction:column}body.beat-studio .workspace>aside{order:2;width:100%}body.beat-studio .editors{width:100%;min-width:0}body.beat-studio .transport,body.beat-studio .filebar,body.beat-studio .panel-head{flex-wrap:wrap;gap:12px}body.beat-studio .filebar>div{flex-wrap:wrap}body.beat-studio input:not([type=range]),body.beat-studio select{font-size:16px}body.beat-studio button{min-height:44px}body.beat-studio .rack-row button{min-height:32px}body.beat-studio .note-tools{flex-wrap:wrap}body.beat-studio .channel-fx{flex-wrap:wrap}body.beat-studio header{flex-wrap:wrap;height:auto;gap:12px}body.beat-studio .strip{min-width:190px}}