.frame-study-viewer{background:#080909;color:#eee;border:1px solid #343637;padding:0;margin:auto;width:calc(100vw - 32px);max-width:1800px;height:calc(100dvh - 32px);max-height:1100px;overflow:hidden;color-scheme:dark}.frame-study-viewer::backdrop{background:rgba(0,0,0,.94)}.study-toolbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #2b2e2e;font-size:12px;letter-spacing:.1em}.study-toolbar>span>span{color:#bbb;letter-spacing:0}.study-toolbar button{min-width:76px;min-height:40px;border:1px solid #5f6263;background:#151718;color:#eee;cursor:pointer;letter-spacing:0;font-size:14px}.study-toolbar button span{font-size:22px;margin-left:12px}.study-body{height:calc(100% - 110px);display:grid;grid-template-columns:minmax(0,72fr) minmax(290px,28fr)}.study-image-area{background:#000;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px}.study-main-image{width:100%;height:100%;position:relative;min-height:0;background:#000}.study-panel{border-left:1px solid #2b2e2e;overflow-y:auto;overscroll-behavior:contain;padding:24px 24px 30px;background:#101213;scrollbar-width:thin;font-size:14px}.study-identity p{color:#ddd;font-size:13px;line-height:1.7;margin:0 0 8px}.study-identity p span{color:#aaa}.study-identity .study-count{font-variant-numeric:tabular-nums;font-size:12px;letter-spacing:.12em;color:#b9babb}.study-identity h2{font-size:24px;line-height:1.4;font-weight:500;margin:12px 0 24px}.study-panel h3{font-size:13px;font-weight:500;color:#ebebeb;margin:0 0 12px}.study-panel h3 span{font-size:9px;letter-spacing:.12em;color:#b8b8b8;margin-left:9px}.study-swatches{display:flex;width:100%;padding-bottom:26px;position:relative}.study-swatches button{display:block;flex:1;height:40px;min-width:0;padding:0;border:1px solid rgba(255,255,255,.22);cursor:pointer}.study-swatches button:focus-visible{outline:2px solid #fff;outline-offset:3px;z-index:2}.study-swatches button span{display:none;position:absolute;left:0;bottom:2px;font-size:12px;color:#ddd;letter-spacing:.06em}.study-swatches button span.is-selected{display:block}.study-tags{display:flex;flex-wrap:wrap;gap:8px 12px;list-style:none;padding:0;margin:4px 0 24px;color:#bbb;font-size:11px}.study-tags li{border-bottom:1px solid #414445;padding-bottom:4px}.study-observation{margin:0 0 22px}.study-observation h3{margin-bottom:7px}.study-observation p{font-size:13px;line-height:1.85;color:#bfc2c3;margin:0}.study-shot-info{border-top:1px solid #343637;padding-top:20px;margin-top:24px}.study-panel dl{margin:0}.study-panel dl>div{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;margin:0 0 10px;font-size:12px;line-height:1.8}.study-panel dt{color:#aeb1b2}.study-panel dd{color:#ddd;margin:0;overflow-wrap:anywhere}.study-details{border-top:1px solid #343637;margin-top:16px;padding-top:12px}.study-details summary{font-size:12px;min-height:32px;cursor:pointer;color:#c6c9ca}.study-details dl{margin-top:8px}.study-navigation{height:54px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #343637;background:#0d0f10}.study-navigation button{min-height:40px;padding:0 18px;border:1px solid #545758;color:#eee;background:#181b1c;cursor:pointer;font-size:13px}.study-navigation button:disabled{opacity:.5;cursor:default}.study-navigation span{font-size:11px;color:#aaa}.frame-study-viewer button:focus-visible,.frame-study-viewer summary:focus-visible{outline:2px solid #eee;outline-offset:3px}@media(max-width:800px){.frame-study-viewer{width:100vw;height:100dvh;max-height:none;border:0;overflow-y:auto;overscroll-behavior:contain}.study-toolbar{position:sticky;top:0;background:#0d0f10;z-index:5;height:54px;padding:0 16px}.study-body{display:flex;flex-direction:column;height:auto}.study-image-area{height:clamp(230px,45dvh,480px);padding:8px;flex:none}.study-panel{overflow:visible;border-left:0;border-top:1px solid #343637;padding:20px}.study-identity h2{font-size:23px;margin:10px 0 20px}.study-panel h3{font-size:14px}.study-observation p{font-size:14px;line-height:1.9}.study-panel dl>div{font-size:13px}.study-swatches button{height:44px}.study-navigation{height:64px;padding:0 16px}.study-navigation span{display:none}.study-navigation button{min-height:44px}.study-details summary{min-height:40px}.study-toolbar>span>span{display:none}}.frame-study-viewer .study-main-image{background:#000}@media(max-width:800px){.study-image-area{height:auto;aspect-ratio:var(--frame-aspect);max-height:60dvh;min-height:0;position:relative}.study-image-area .study-main-image{position:absolute;inset:8px;width:auto;height:auto}}.film-series-browser .film-shot-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.film-series-browser .film-scene{margin:24px 0}.film-series-browser .film-scene h2{font-size:18px;margin-bottom:12px}.film-series-browser .film-shot-caption{display:grid;gap:3px;padding:10px 12px}.film-series-browser .film-shot-caption strong{display:block;font-size:15px;line-height:24px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.film-series-browser .film-shot-caption small{display:block;font-size:12px;line-height:20px;color:#bfc2c3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.film-series-browser .film-shot:hover{border-color:#85898b}@media(max-width:900px){.film-series-browser .film-shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.film-series-browser .film-shot-grid{grid-template-columns:minmax(0,1fr)}}.film-series-browser .film-shot-grid{row-gap:24px}.film-grid-item{min-width:0}.film-series-browser .film-scene-marker{display:flex;align-items:baseline;gap:8px;font-size:12px;font-weight:400;line-height:20px;color:#bdc1c2;border-top:1px solid #363a3b;padding-top:8px;margin:0 0 8px;white-space:nowrap}.film-scene-marker span{font-size:10px;letter-spacing:.04em;color:#aeb3b5}.film-grid-item .film-shot{display:block;width:100%}