.video-library{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(285px,1fr);border:1px solid var(--border);background:#171716}
.video-screen-panel{min-width:0}.video-screen{width:100%;aspect-ratio:16/9;min-height:200px;background:#080808;position:relative;scroll-margin-top:115px;overflow:hidden}
.video-screen iframe{display:block;width:100%;height:100%;position:absolute;inset:0;border:0}
.video-poster{position:absolute;inset:0;width:100%;height:100%;background:radial-gradient(ellipse at 70% 80%,#5b1717,#090909 75%);border:0;padding:0;text-align:left;overflow:hidden}
.video-poster-image{width:100%;height:100%;object-fit:cover;transition:transform .5s;opacity:.78}
.video-poster-shade{position:absolute;inset:0;background:linear-gradient(0deg,#070707e6,transparent 65%)}
.video-poster-play{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;padding-left:4px;border:1px solid #eee9;border-radius:50%;background:#1118;color:#fff;font-size:20px;transition:background .2s,border-color .2s}
.video-poster:hover .video-poster-play{background:var(--red);border-color:var(--red)}.video-poster:hover img{transform:scale(1.025)}
.video-poster-caption{position:absolute;left:28px;right:28px;bottom:25px;display:flex;flex-direction:column;gap:8px;color:var(--paper)}
.video-poster-caption>span{font:8px monospace;letter-spacing:1.5px}.video-poster-caption strong{font:clamp(22px,2.2vw,34px)/1 var(--display);font-weight:400;letter-spacing:.4px}
.video-details{padding:25px 28px 20px}.video-details-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.video-details-top .eyebrow{margin:0;font-size:8px;color:var(--red)}.video-position{font:9px monospace;color:var(--muted);letter-spacing:1px}
.video-details h3{font-size:25px;line-height:1.25;margin-bottom:9px;overflow-wrap:anywhere}.video-credit{font:9px/1.7 monospace;color:var(--muted);margin-bottom:22px}
.video-transport{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:15px}.video-step-controls{display:flex;gap:8px;flex-wrap:wrap}.video-step-controls button{background:transparent;border:1px solid #45443c;padding:9px 12px;min-height:38px;font-size:10px;color:var(--paper)}.video-step-controls button span{color:var(--red)}.video-step-controls button:hover:not(:disabled){background:#28251f;border-color:var(--red)}.video-step-controls button:disabled{opacity:.35;cursor:default}.video-transport a{font-size:10px;min-height:38px;display:flex;align-items:center;gap:12px}.video-transport a span{color:var(--red)}.video-transport a:hover{color:var(--red)}.video-details>.small-note{font-size:10px;margin:14px 0 0}
.video-queue{border-left:1px solid var(--border);display:flex;flex-direction:column;min-width:0}.video-queue-heading{padding:26px 22px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.video-queue-heading h3{font:17px var(--display);font-weight:400;letter-spacing:.8px;margin:0}.video-queue-heading>span{font:8px monospace;letter-spacing:.6px;color:var(--muted);white-space:nowrap}
.video-search{display:block;position:relative;margin:0 22px 20px}.video-search input{width:100%;min-height:41px;border:1px solid #414038;background:#10100f;padding:11px 35px 11px 12px;color:var(--paper);font-size:11px;border-radius:0;color-scheme:dark}.video-search input::placeholder{color:#a09b8e}.video-search>span:last-child{position:absolute;top:10px;right:13px;color:var(--red);font:22px/1 monospace;pointer-events:none}.video-search input::-webkit-search-cancel-button{cursor:pointer}
.video-playlist{max-height:480px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#57423a #171716}.video-choice{position:relative;display:flex;align-items:center;gap:13px;padding:16px 20px;width:100%;min-height:95px;border:0;border-top:1px solid var(--border);border-left:3px solid transparent;background:transparent;text-align:left;color:var(--paper)}.video-choice:last-child{border-bottom:1px solid var(--border)}.video-choice:hover{background:#24221e}.video-choice[aria-pressed=true]{background:#2c1b19;border-left-color:var(--red)}
.video-choice-art{width:95px;aspect-ratio:16/9;flex:0 0 95px;position:relative;background:linear-gradient(135deg,#47201e,#0c0c0c);overflow:hidden}.video-choice-image{width:100%;height:100%;object-fit:cover;display:block}.video-choice-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:12px;background:#0003;opacity:0;transition:opacity .2s}.video-choice:hover .video-choice-play,.video-choice[aria-pressed=true] .video-choice-play{opacity:1}
.video-choice-details{min-width:0;display:flex;flex-direction:column;gap:7px;flex:1}.video-choice-details strong{font-size:12px;line-height:1.4;font-weight:500;overflow-wrap:anywhere}.video-choice-details>span{font:8px/1.6 monospace;color:#b3aa9d}.video-choice-number{font:8px monospace;color:#9c8e80;margin-left:auto}.video-choice[aria-pressed=true] .video-choice-number{color:var(--red)}.video-queue-foot{font:8px monospace;letter-spacing:1.3px;color:#8d887d;padding:25px 22px;margin:auto 0 0}.video-search-empty{font-size:12px;color:var(--muted);padding:12px 22px;line-height:1.8}.studio-film-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:47px 0 18px}.studio-film-heading .eyebrow{font-size:9px;margin:0}.studio-film-heading>span{font-size:11px;color:var(--muted)}
@media(max-width:1200px){.video-library{grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr)}.video-choice{padding:14px 16px;gap:10px}.video-choice-art{width:82px;flex-basis:82px}.video-choice-number{display:none}.video-transport{gap:8px}.video-details{padding:24px}.video-details h3{font-size:23px}}
@media(max-width:960px){.video-library{grid-template-columns:1fr}.video-queue{border-left:0;border-top:1px solid var(--border)}.video-playlist{max-height:380px}.video-choice-art{width:120px;flex-basis:120px}.video-choice-number{display:inline}.video-choice{padding:16px 22px;gap:18px}.video-queue-foot{padding:21px 22px}.video-poster-caption strong{font-size:30px}}
@media(max-width:760px){.video-screen{scroll-margin-top:85px}.video-poster-play{width:56px;height:56px;font-size:16px;top:42%}.video-poster-caption{left:20px;right:20px;bottom:19px;gap:7px}.video-poster-caption>span{font-size:7px;letter-spacing:1px}.video-poster-caption strong{font-size:23px}.video-details{padding:22px 20px 20px}.video-details h3{font-size:22px}.video-credit{margin-bottom:18px}.video-transport{gap:8px}.video-step-controls{gap:6px}.video-step-controls button{padding:9px 11px;font-size:10px}.video-queue-heading{padding:23px 20px 18px}.video-search{margin:0 20px 18px}.video-search input{font-size:16px}.video-choice{padding:15px 17px;gap:13px}.video-choice-art{width:97px;flex-basis:97px}.video-choice-details strong{font-size:12px}.video-choice-details>span{font-size:8px}.video-choice-number{display:none}.video-queue-foot{padding:20px}.studio-film-heading{margin-top:35px;align-items:start}.studio-film-heading>span{font-size:10px}}
