/* Cùng cụm điều khiển video hai bên; thu thành icon trên màn hình nhỏ. */
.media-controls { position:fixed; z-index:35; bottom:22px; right:16px; display:flex; flex-direction:column; gap:6px; max-width:calc(var(--rail-width) - 24px); }
.media-controls .motion-control,.music-control { position:static; width:100%; max-width:none; min-height:38px; display:flex; align-items:center; justify-content:center; gap:8px; padding:8px 10px; border:1px solid #ad925866; border-radius:6px; color:#edce9a; background:#0b1627ed; font:500 11px/1.3 Inter,Arial,sans-serif; cursor:pointer; backdrop-filter:blur(12px); }
.music-control svg { flex-shrink:0; }
.music-control:hover { background:#24344b; border-color:#d5b477; }
.music-control:focus-visible { outline:2px solid #e1b965; outline-offset:3px; }
.music-control[aria-pressed=false] .music-wave,.music-control[aria-pressed=true] .music-off { display:none; }
.music-control:disabled { cursor:default; opacity:.65; }
.side-scene>span { bottom:132px; }
@media(min-width:1700px) { .media-controls { right:28px; }.media-controls .motion-control,.music-control { font-size:12px; padding:10px 15px; } }
@media(max-width:1250px) { .media-controls { right:33px; width:44px; }.music-label { display:none; } }
@media(max-width:1080px) { .media-controls { right:18px; } }
@media(max-width:760px) {
  .media-controls { position:absolute; top:10px; bottom:auto; right:10px; flex-direction:row; max-width:none; width:auto; }
  .media-controls .motion-control,.music-control { width:36px; min-height:34px; padding:5px; }
  .side-scene>span { bottom:20px; }
}