/* Scoped transport only; the portfolio and first screen are unchanged. */
#film-dialog .film-screen{position:relative;background:#000}
#film-dialog .film-screen video{display:block;width:100%;max-height:64vh;object-fit:contain}
#film-dialog .film-transport{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 10px}
#film-dialog .film-transport button,#film-exit-screen{border:1px solid #7c7053;background:#20221f;color:#f4efdf;padding:10px 14px;cursor:pointer;font:inherit}
#film-dialog .film-transport button:hover{border-color:#d4b470}
#film-dialog .film-transport button:focus-visible,#film-dialog input:focus-visible{outline:2px solid #e1bd72;outline-offset:3px}
#film-dialog .film-seek-label{display:flex;justify-content:space-between;font-size:13px;color:#e6dfce}
#film-dialog .film-seek{width:100%;accent-color:#d4b470;min-height:28px}
#film-status{font-size:13px;color:#e6dfce;min-height:18px;margin:4px 0}
#film-error{color:#ffd2bb;font-size:14px}
#film-dialog.window-cinema{max-width:none;width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:#000;overflow:hidden}
#film-dialog.window-cinema>:not(.film-screen){display:none}
#film-dialog.window-cinema .film-screen{position:fixed;inset:0}
#film-dialog.window-cinema video{width:100%;height:100%;max-height:none;object-fit:contain}
#film-exit-screen{position:absolute;right:12px;top:12px;z-index:2;background:#171917e8}
#film-exit-screen[hidden]{display:none}
#film-screen:fullscreen{width:100%;height:100%;background:#000}
#film-screen:fullscreen video{height:100%;max-height:none}
@media(max-width:600px){#film-dialog{max-width:100%;width:100%;max-height:100dvh;padding:14px}#film-dialog .dialog-top h2{font-size:23px}#film-dialog .film-screen video{max-height:50vh}#film-dialog.window-cinema video{max-height:none}#film-dialog .film-transport button{padding:10px;font-size:13px}}