.viewer-detach{right:62px;bottom:12px}
@media(max-width:700px){.viewer-detach{right:58px;bottom:8px}}
html:has(#detached-stream-host),body:has(#detached-stream-host){margin:0;width:100%;height:100%;overflow:hidden;background:var(--theme-media-surface,#050505)}
#detached-stream-host{display:grid;width:100vw;height:100vh;overflow:hidden}
#detached-stream-host>.stream-viewer{width:100%;height:100%;margin:0;padding:0;border-radius:0}
#detached-stream-host .stream-viewer-main{width:100%;height:100%;grid-column:1/-1}
#detached-stream-host .stream-viewer-surface{width:100%;height:100%;border-radius:0}
#detached-stream-host .screen-video{border-radius:0}
#detached-stream-host .stream-participants-panel{position:absolute;right:10px;top:60px;bottom:65px;width:min(300px,calc(100% - 20px))}
#detached-stream-slot{min-width:0;min-height:0}
.stream-window-badge{position:absolute;z-index:3;top:12px;left:12px;padding:5px 8px;border:1px solid var(--theme-border-subtle,#454a52);border-radius:6px;background:rgba(var(--theme-surface-card-rgb,15,18,24),.92);color:var(--theme-text-primary,#f4f5f7);font-size:10px;font-weight:700;letter-spacing:.04em;pointer-events:none}
#detached-stream-host>.stream-viewer{gap:0;border:0}
#detached-stream-host .stream-viewer:not(:fullscreen) .screen-video{border-radius:0}
.detached-presentation{display:grid;grid-template-rows:38px minmax(0,1fr) 44px;min-height:0;color:var(--theme-text-primary);background:var(--theme-media-surface,#050505)}
.detached-presentation header,.detached-presentation footer{display:flex;align-items:center;gap:12px;padding:6px 12px;background:var(--theme-surface-card,#111318);font-size:12px}
.detached-presentation header strong{flex:1}
.detached-presentation button{border:1px solid var(--theme-border-subtle,#444);border-radius:7px;background:transparent;color:inherit;padding:5px 9px;cursor:pointer;font:inherit}
.detached-presentation button:hover{background:var(--theme-surface-hover,#242831)}
.detached-presentation input{flex:1;min-width:40px;accent-color:var(--theme-accent,#7766ff)}
.detached-video{min-height:0;min-width:0;display:grid;overflow:hidden}
.detached-video video{width:100%;height:100%;object-fit:contain}
/* Normal player only: overlays never consume or resize the video rectangle. */
.detached-presentation[data-minimal-player]{position:relative;display:block;width:100%;height:100%}
[data-minimal-player] .detached-video{position:absolute;inset:0}
[data-minimal-player] :is(header,footer){position:absolute;z-index:2;left:10px;right:10px;border:1px solid var(--theme-border-subtle);border-radius:10px;background:rgba(var(--theme-surface-card-rgb,15,18,24),.94);transition:opacity .16s ease;max-width:100%;box-sizing:border-box}
[data-minimal-player] header{top:10px;width:max-content;max-width:calc(100% - 20px);margin-left:auto}
[data-minimal-player] header strong{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-minimal-player] footer{bottom:10px;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100% - 20px);gap:8px;flex-wrap:wrap;justify-content:center}
[data-minimal-player] footer input{display:none;width:130px;max-width:28vw;flex:none}
[data-minimal-player][data-volume-open] footer input{display:block}
[data-minimal-player][data-controls=hidden] :is(header,footer){opacity:0;pointer-events:none}
[data-minimal-player][data-controls=hidden]{cursor:none}
[data-minimal-player] button:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}
[data-minimal-player] button{min-height:32px;display:inline-grid;place-items:center}
@media(prefers-reduced-motion:reduce){[data-minimal-player] :is(header,footer){transition:none}}
:root[data-theme=custom] [data-minimal-player] :is(header,footer){color:var(--custom-card-text);--theme-text-primary:var(--custom-card-text);--theme-border-subtle:var(--custom-card-border)}