/* Shared, visible music transport. Keep every visual branch's colors. */
.transport{bottom:calc(16px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 20px);box-sizing:border-box}
.transport .music-play,.case-toolbar #case-sound{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:116px;height:44px;padding:0 13px;border-radius:25px;white-space:nowrap;touch-action:manipulation;font-size:12px;flex-shrink:0}
.music-label{font-family:inherit;font-size:12px;font-weight:600}
.music-icon{display:inline-block;flex:none;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}
.music-play[aria-pressed="true"] .music-icon{width:10px;height:12px;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor;box-sizing:border-box}
.music-play[aria-busy="true"] .music-icon{width:10px;height:10px;border:1.5px solid currentColor;border-radius:50%}
.music-play:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.music-status{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 40px);padding:8px 12px;margin:0;border-radius:12px;background:#17151ef2;color:#eee9f4;font:12px/1.4 sans-serif;text-align:center;box-shadow:0 3px 18px #0006}
.music-status[hidden]{display:none}
.transport .text-button,.tempo-control input,.volume-control{min-height:44px}
.transport .text-button{min-width:44px;touch-action:manipulation}
.volume-control{display:flex;align-items:center}
@media(max-width:760px){
 .transport{gap:8px;padding:5px 8px;max-width:calc(100vw - 16px)}
 .transport-left,.transport-right{gap:5px}
 .transport .music-play{min-width:112px;padding:0 11px}
 .transport .text-button{min-width:36px}
 .tempo-control input{width:32px}
 .volume-control input{width:38px}
 .beat-display{gap:3px}
 .case-toolbar #case-sound{min-width:114px;padding:0 10px}
}
@media(max-width:390px){.transport .beat-display{display:none}.transport{gap:6px}.transport-left,.transport-right{gap:4px}.case-paging{gap:3px}}

.case-music-status{margin:6px 20px 0;color:#d6cde3;text-align:center;font:12px/1.4 sans-serif}.case-music-status[hidden]{display:none}