.film-open{border:0;padding:0;background:transparent;color:inherit;font:inherit;text-align:left;display:flex;align-items:center;gap:32px;width:100%;cursor:pointer}
.film-open:focus-visible{outline:1px solid currentColor;outline-offset:8px}
#film-view{box-sizing:border-box;background:#000;color:#ccc;border:0;padding:64px 36px 40px;width:min(1120px,96vw);max-width:96vw;max-height:94dvh;overflow:auto}
#film-view::backdrop{background:rgba(0,0,0,.94)}
.viewer-controls{position:absolute;right:24px;top:18px;display:flex;gap:24px}
.viewer-controls button{background:none;border:0;color:#aaa;font:12px/1.5 Arial,sans-serif;padding:8px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.viewer-controls button:focus-visible{outline:1px solid #ccc;outline-offset:4px}
.film-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);align-items:center;gap:44px}
#film-art{width:100%;max-height:72dvh;object-fit:contain;display:block;filter:none;mix-blend-mode:normal}
#film-art[hidden]{display:none}
.film-text{max-width:300px;padding:20px 0}
#film-title{font:normal 23px/1.25 "Times New Roman",serif;margin:0 0 8px}
#film-director{font:12px/1.5 Arial,sans-serif;color:#888;margin:0 0 28px}
#film-note{font:14px/1.7 Arial,sans-serif;color:#bbb;margin:0}
#film-view.art-only .film-text{display:none}
#film-view.art-only .film-layout,#film-view.no-art .film-layout{grid-template-columns:1fr}
#film-view.no-art{width:480px}#film-view.no-art .film-text{margin:auto}
@media(max-width:600px){.film-open{gap:20px}#film-view{padding:58px 20px 28px;width:100%;max-width:100%;max-height:96dvh}.film-layout{grid-template-columns:1fr;gap:12px}#film-art{max-height:52dvh}.film-text{max-width:360px;padding:10px 4px 0;margin:auto;width:100%;box-sizing:border-box}#film-title{font-size:22px}#film-director{margin-bottom:18px}.viewer-controls{right:24px}}

.film-open{touch-action:pan-y;-webkit-touch-callout:none;user-select:none}.film-open img{-webkit-user-drag:none}
#film-view.holding{position:fixed;inset:0;margin:auto;height:fit-content;z-index:1000;pointer-events:none;box-shadow:0 0 0 100vmax rgba(0,0,0,.94)}
#film-view.holding .viewer-controls{display:none}