#cinema-toggle[hidden], #cinema-dialog [hidden] { display: none; }
#cinema-dialog { width:min(94vw,1120px); max-height:94dvh; margin:auto; padding:20px; overflow:auto; border:1px solid #ffffff35; border-radius:10px; background:#111713; color:#eee; font:13px/1.55 var(--ocr,monospace); }
#cinema-dialog::backdrop { background:#000c; }
#cinema-dialog header { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:14px; }
#cinema-dialog h2 { font:18px/1.4 var(--ocr,monospace); font-weight:400; }
#cinema-dialog .cinema-presenter { color:#aaa; font-size:11px; margin:4px 0 0; overflow-wrap:anywhere; }
#cinema-dialog button { border:1px solid #ffffff3a; border-radius:5px; background:#252d27; color:#eee; padding:10px 14px; min-height:44px; min-width:44px; font:12px var(--ocr,monospace); cursor:pointer; }
#cinema-dialog button:hover { border-color:#fff9; background:#354039; }
#cinema-dialog button:disabled { opacity:.45; cursor:default; }
#cinema-dialog button:focus-visible { outline:2px solid #fff; outline-offset:3px; }
#cinema-dialog .cinema-close { font:24px/1 monospace; padding:5px 10px; }
#cinema-dialog .cinema-stage { position:relative; display:grid; place-items:center; background:#000; aspect-ratio:16/9; border:1px solid #ffffff18; }
#cinema-dialog video { width:100%; height:100%; position:absolute; object-fit:contain; background:#000; }
#cinema-dialog video:fullscreen { position:static; }
#cinema-dialog .cinema-empty { padding:30px; text-align:center; color:#a3b1a6; }
#cinema-dialog .cinema-status { margin:12px 0; min-height:1.55em; color:#c5cec7; }
#cinema-dialog .cinema-actions { display:flex; flex-wrap:wrap; gap:8px; }
#cinema-dialog .cinema-share { background:#ec1710; border-color:#ec1710; }
#cinema-dialog .cinema-stop { border-color:#ff665a; color:#ffaaa1; }
#cinema-dialog .cinema-help { color:#8b998e; font-size:10px; margin:14px 0 0; }
@media(max-width:640px) { #cinema-dialog { padding:14px; } #cinema-dialog .cinema-actions button { flex:1 1 auto; } }