.watching-film main>#stage,.watching-film main>#panel{display:block}.watching-film main{display:grid}.watching-film{overflow:hidden}.watching-film::after{content:"";position:fixed;inset:0;background:#102b34bc;backdrop-filter:blur(5px);z-index:1000}
#film-player{position:fixed;z-index:1001;inset:18px;margin:auto;width:min(1840px,calc(100vw - 36px));height:min(1160px,calc(100dvh - 36px));min-height:0;max-height:calc(100dvh - 36px);padding:16px 22px;display:flex;flex-direction:column;gap:10px;background:#f7faf8;border:1px solid #d3e2dd;border-radius:16px;box-shadow:0 20px 80px #08191b80;overflow:hidden;animation:film-arrive .26s ease-out}
#film-player[hidden]{display:none}.film-heading{max-width:none;width:100%;margin:0;min-height:48px;flex:0 0 auto}.film-heading h1{font-size:20px;line-height:1.25;margin:5px 0 0}.film-heading .eyebrow{font-size:9px}.film-close{padding:10px 15px;min-height:42px}
.film-screen{flex:1;min-height:0;position:relative;background:#102126;border-radius:9px;overflow:hidden}#tool-video{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border-radius:0}
#film-caption{flex:0 0 auto;min-height:30px;margin:0;text-align:center;font-size:16px;font-weight:550;line-height:1.4;color:#264e56;display:flex;align-items:center;justify-content:center}
.film-bottom{max-width:none;width:100%;margin:0;display:flex;justify-content:space-between;align-items:center;gap:12px;flex:0 0 auto;color:#6e8182;font-size:11px}.film-bottom button{padding:7px 13px;font-size:12px;min-height:36px}
.play-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#102126ce;color:white}.play-fallback[hidden]{display:none}#media-error{margin:0;font-size:13px}
#film-player:fullscreen{inset:0;width:100%;height:100%;max-height:none;border:0;border-radius:0}#film-player:fullscreen #tool-video{height:100%}
@keyframes film-arrive{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:1100px){#film-player{inset:10px;width:calc(100vw - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);padding:12px;gap:8px}.film-heading h1{font-size:18px}#film-caption{font-size:14px;min-height:39px}.film-heading{display:flex;align-items:center}.film-heading button{margin:0}.film-close span{display:none}}
@media(prefers-reduced-motion:reduce){#film-player{animation:none}}

.film-bottom{display:grid;grid-template-columns:95px minmax(80px,1fr) 95px auto;gap:12px}.film-bottom input{min-width:0;width:100%;padding:0;height:24px;margin:0;accent-color:#087e83}.film-bottom output{font-variant-numeric:tabular-nums;text-align:center;color:#36565b}.film-bottom button{white-space:nowrap}.film-bottom input:focus-visible{outline:3px solid #d78026;outline-offset:3px}@media(max-width:600px){.film-bottom{grid-template-columns:80px minmax(40px,1fr) 74px auto;gap:5px}.film-bottom button{font-size:11px;padding:6px}.film-bottom output{font-size:10px}}