/* Shared by the website and the studio's live preview. */
@media(max-width:700px){
  .music-player{bottom:calc(8px + env(safe-area-inset-bottom,0px));width:calc(100% - 20px);max-width:480px;box-sizing:border-box;grid-template-columns:44px minmax(0,1fr) 44px;grid-template-rows:auto auto;gap:8px 10px;padding:10px;border-radius:16px}
  .player-art-button{grid-column:1;grid-row:1;width:44px;height:44px;border-radius:8px}
  .player-copy{grid-column:2;grid-row:1}
  .player-close{grid-column:3;grid-row:1;width:44px;height:44px}
  .player-controls{grid-column:1 / 3;grid-row:2;gap:4px;width:max-content}
  .player-controls button,.player-controls .player-play{display:block;width:44px;height:44px;touch-action:manipulation}
  .player-volume{display:flex;grid-column:2 / 4;grid-row:2;justify-self:end;gap:4px;width:calc(100% - 88px);min-width:92px;max-width:175px}
  .player-mute{flex:0 0 36px;width:36px;height:44px;border:0}
  .player-volume input{display:block;min-width:0;width:100%;height:44px;margin:0;touch-action:pan-x}
  .player-list{border-radius:16px;max-height:45svh}
  body:has(.music-player:not([hidden])){padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))}
}