/* Native swipe scrolling, shared across the whole video library. */
main{touch-action:auto}
.reel-dock{position:absolute;top:auto;bottom:calc(158px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:block;width:min(680px,calc(100% - 28px));max-width:680px;margin:0}
.reel-dock-label{display:block;margin-bottom:8px;font-size:10px;letter-spacing:1.5px}
.reel-track{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x;scroll-padding:4px;padding:4px 4px 8px;scrollbar-width:thin;scrollbar-color:#4aafff #071b3d;-webkit-overflow-scrolling:touch}
.reel-track:focus-visible{outline:2px solid #ffd45a;outline-offset:2px}
.reel-track .reel-tile{flex:0 0 128px;width:128px;scroll-snap-align:start;min-height:90px}
.reel-track .reel-tile:hover{transform:none}
@media(max-width:600px){.reel-dock{bottom:calc(116px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:420px}.reel-track .reel-tile{flex-basis:108px;width:108px}.reel-track{gap:8px}.reel-dock-label{margin-bottom:4px}}
@media(max-height:550px) and (min-width:601px){.reel-dock{width:300px;left:16px;top:50%;bottom:auto;transform:translateY(-50%)}.reel-track .reel-tile{flex-basis:96px;width:96px;min-height:78px}}