.shared-watch-stage{color:#f5f5f7;background:#000;flex-direction:column;min-width:0;min-height:38px;display:flex;position:relative;flex:0 auto!important}.watch-toolbar{background:#101018;flex-wrap:wrap;flex:none;align-items:center;gap:4px;min-height:44px;padding:3px 8px;display:flex}.shared-watch-stage button,.watch-settings select{color:#eee;min-height:44px;font:inherit;cursor:pointer;background:#171720;border:1px solid #444453;border-radius:8px;padding:5px 9px;font-size:12px}.watch-toolbar button{white-space:nowrap;flex-shrink:0}.shared-watch-stage button:focus-visible,.watch-resize:focus-visible,.watch-cue-scroll:focus-visible{outline-offset:-2px;outline:2px solid #a5b4fc}.watch-toolbar [aria-pressed=true]{background:#343457;border-color:#a5b4fc}.watch-toolbar .watch-stop{color:#fecaca;border-color:#a33;margin-left:auto}.watch-audio-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.watch-audio-controls label{align-items:center;gap:6px;font-size:12px;display:flex}.watch-audio-controls input{width:100px;min-height:44px}.watch-canvas{width:100%;min-height:0;height:min(calc(var(--watch-height) * 1vh), max(48px, calc(100vh - 210px)));flex:auto;position:relative;overflow:hidden}.watch-video{object-fit:contain;width:100%;height:100%;display:block}.watch-settings{z-index:6;box-sizing:border-box;background:#181823;border:1px solid #56566a;border-radius:12px;max-width:min(340px,100% - 16px);max-height:min(320px,100dvh - 150px);padding:12px;font-size:13px;position:absolute;top:50px;right:8px;overflow-y:auto;box-shadow:0 6px 30px #0008}.watch-settings label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.watch-settings input{min-width:80px;max-width:55%;min-height:44px}.watch-settings p{color:#bbb;margin:4px 0 10px;line-height:1.5}.watch-subtitles{pointer-events:none;flex-direction:column;align-items:center;max-height:80%;display:flex;position:absolute;bottom:4%;left:4%;right:4%}.watch-subtitles[data-position=top]{top:4%;bottom:auto}.watch-cue-scroll{box-sizing:border-box;overscroll-behavior:contain;pointer-events:auto;scrollbar-width:thin;flex-direction:column;gap:7px;width:100%;min-width:0;max-width:100%;min-height:0;max-height:100%;padding:2px;display:flex;overflow-y:auto}.watch-cue{box-sizing:border-box;text-align:center;width:100%;max-width:100%;font-size:var(--watch-font);overflow-wrap:anywhere;white-space:pre-wrap;text-shadow:0 1px 2px #000;background:#050509df;border-radius:8px;flex-shrink:0;align-self:center;padding:6px 12px;line-height:1.4}.watch-speaker{margin-bottom:2px;font-size:.58em;font-weight:700;display:block}.watch-draft{color:#c4c4d3;white-space:nowrap;margin-left:6px;font-size:11px}.watch-waiting{font-size:16px}.watch-follow{pointer-events:auto;margin-top:4px}.watch-subtitles .live-reading-status{pointer-events:auto;background:#050509ef;border-radius:8px;padding:2px 8px}.watch-resize{cursor:ns-resize;touch-action:none;background:#16161e;flex-shrink:0;place-items:center;height:24px;display:grid;position:relative}.watch-resize:before{content:"";z-index:1;position:absolute;inset:-10px 0}.watch-resize span{background:#747484;border-radius:8px;width:48px;height:3px}.watch-video-notice,.watch-play{background:#101018df;border-radius:8px;max-width:calc(100% - 16px);padding:8px;font-size:12px;position:absolute;top:8px;left:8px}.shared-watch-stage[data-overlay=true]{min-height:0;flex:1 1 0!important}.shared-watch-stage[data-overlay=true] .watch-canvas{height:auto}.shared-watch-stage:fullscreen{width:100%;height:100%}.shared-watch-stage:fullscreen .watch-canvas{height:auto}.shared-watch-stage:fullscreen .watch-settings{max-height:calc(100dvh - 80px)}.shared-watch-stage[data-visible=false]{flex:none!important}@media (height<=400px){.watch-toolbar{min-height:34px;padding:1px 6px}.watch-subtitles{max-height:90%;bottom:2%}.watch-cue{padding:3px 8px;line-height:1.25}}@supports (height:1dvh){.watch-canvas{height:min(calc(var(--watch-height) * 1dvh), max(48px, calc(100dvh - 210px)))}}.local-media-player{flex-direction:column;height:100%;min-height:0;display:flex}.local-media-picture{flex:1;min-height:0;overflow:hidden}.local-media-picture .watch-video{height:100%}.local-media-controls{color:#eee;z-index:4;background:#191922;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex;position:relative}.local-media-controls button{min-height:36px;padding:4px 10px}.local-media-controls label{align-items:center;gap:5px;display:flex}.local-media-controls input{width:80px}.watch-canvas[data-local=true] .watch-subtitles{max-height:calc(100% - var(--watch-local-controls-height,80px) - 16px)}.watch-canvas[data-local=true] .watch-subtitles[data-position=bottom]{bottom:calc(var(--watch-local-controls-height,80px) + 8px)}
