.clear-film .film-controls{position:absolute;z-index:4;right:16px;bottom:16px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.clear-film .film-controls .video-toggle{position:static;min-height:44px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;padding:12px 18px;background:#fff;color:#103966;border:1px solid #10396633;box-shadow:0 2px 12px #0003}
.film-controls button:focus-visible,.film-dialog button:focus-visible{outline:3px solid #ffad33;outline-offset:3px}
.film-status:not(:empty){position:absolute;left:16px;top:16px;z-index:4;background:#fff;color:#103966;padding:12px;max-width:85%}
.film-status:empty{display:none}
.film-dialog{padding:16px;border:0;border-radius:12px;background:#10283f;color:white;width:min(1440px,96vw);max-width:96vw;max-height:94dvh;overflow:auto}
.film-dialog::backdrop{background:#000c}
.film-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.film-dialog-head h2{margin:0;font-size:18px;color:white}
.film-dialog button{font:inherit;min-height:44px;padding:10px 14px;border:0;border-radius:6px;background:white;color:#103966;cursor:pointer}
.film-dialog video{display:block;width:100%;max-height:calc(94dvh - 100px);aspect-ratio:16/9;object-fit:contain;background:#000}
.film-dialog p:empty{display:none}
@media(max-width:600px){.clear-film .film-controls{right:8px;bottom:8px;left:8px}.clear-film .film-controls .video-toggle{font-size:14px;padding:10px 12px}.film-dialog{padding:10px}.film-dialog-head h2{font-size:16px}}