/* Keep the original space reserved: docking cannot change the scroll threshold. */
.video-slot{height:clamp(160px,23dvh,260px);min-width:0}
.video-slot>.video-stage{height:100%;min-height:0}
.video-slot>.video-stage.is-floating{
  position:fixed;right:max(var(--floating-right,16px),env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:50;
  width:min(320px,calc(100vw - 32px),calc(40dvh * var(--video-ratio,1.777778)));
  height:auto;min-height:0;aspect-ratio:var(--video-ratio,1.777778);
  overflow:visible;box-shadow:var(--shadow-floating);border-color:var(--color-player-border);
}
.is-floating>video{border-radius:var(--radius-11)}
.floating-player-tools{position:absolute;bottom:100%;left:-1px;right:-1px;display:flex;align-items:center;gap:4px;
  flex-wrap:wrap;
  min-height:36px;padding:3px 5px 3px 10px;background:var(--panel);border:1px solid var(--color-player-border);border-radius:var(--radius-9) var(--radius-9) 0 0}
.floating-player-tools>span{margin-right:auto;min-width:0;overflow:hidden;white-space:nowrap;font-size:11px;color:var(--muted)}
.floating-player-tools button{background:transparent;color:var(--text);border:0;border-radius:var(--radius-5);min-height:30px;padding:4px 7px;font-size:12px}
.floating-player-tools button:hover{background:var(--raised)}
.floating-player-tools button:focus-visible{outline:2px solid var(--color-focus);outline-offset:0}
#floating-player-close{font-size:20px;min-width:30px}
#floating-player-native{flex:1 0 100%;text-align:center;color:var(--accent)}
@media(max-width:420px){.video-slot>.video-stage.is-floating{width:min(260px,calc(100vw - 32px),calc(34dvh * var(--video-ratio,1.777778)))}}