:root{color-scheme:dark;--background:#0d0f12;--surface:#171a1f;--surface-raised:#20242b;--text:#f4f2ed;--muted:#a9afb8;--line:rgba(255,255,255,.12);--gold:#d8b86f;--gold-dim:rgba(216,184,111,.18);--green:#82c69b;--danger:#ffb4a8;--radius:14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--background)}body{margin:0;min-width:320px;background:var(--background);color:var(--text)}button,input,select{font:inherit}button{color:inherit}.app-shell{max-width:1500px;margin:0 auto;padding:clamp(22px,4vw,56px)}.site-header{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:28px}.eyebrow{margin:0 0 8px;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2{margin:0;line-height:1.08}h1{font-size:clamp(1.75rem,3.3vw,2.8rem)}h2{font-size:clamp(1.45rem,2.5vw,2.2rem)}.subtitle{margin:12px 0 0;color:var(--muted);line-height:1.5}.header-meta{text-align:right}.cue-count{margin:0;color:var(--muted);font-size:.88rem;white-space:nowrap}.source-note{margin:6px 0 0;color:var(--muted);font-size:.68rem}.app-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.cue-browser{align-self:stretch;padding:18px;border-right:1px solid var(--line);background:#13161a;display:flex;flex-direction:column;min-height:720px;max-height:calc(100vh - 220px)}.search-label,.filter-row label{display:block;color:var(--muted);font-size:.73rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}#cue-search,#version-filter{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:12px;outline:0}#cue-search:focus,#version-filter:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.filter-row{margin-top:16px}.cue-list{margin-top:18px;overflow-y:auto;min-height:120px;padding-right:2px}.cue-item{width:100%;display:block;text-align:left;padding:13px 12px;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer}.cue-item:hover{background:var(--surface)}.cue-item:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.cue-item.is-selected{border-color:rgba(216,184,111,.7);background:var(--gold-dim)}.cue-item__top{display:flex;align-items:baseline;justify-content:space-between;gap:9px}.cue-item__number{color:var(--gold);font-size:.75rem;font-weight:800;letter-spacing:.06em}.cue-item__version{color:var(--muted);font-size:.72rem}.cue-item__title{display:block;margin-top:5px;font-size:.94rem;font-weight:650;line-height:1.25}.cue-item__status{display:inline-block;margin-top:7px;color:var(--green);font-size:.7rem;font-weight:700}.new-cue-marker{margin:0 2px 8px;color:var(--green);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cue-divider{display:flex;align-items:center;gap:10px;margin:17px 2px 10px;color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cue-divider::before,.cue-divider::after{content:"";height:1px;flex:1;background:var(--line)}.no-results{margin:16px 2px;color:var(--muted);font-size:.9rem;line-height:1.5}.cue-detail{align-self:start;min-width:0;padding:clamp(20px,3.5vw,42px);background:var(--background)}.cue-header{display:flex;align-items:start;justify-content:space-between;gap:20px}.cue-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:.42em 1rem}.cue-number{display:inline;font-size:clamp(1.45rem,2.5vw,2.2rem);font-weight:750;line-height:1.08;color:var(--gold)}.status{flex:0 0 auto;padding:7px 10px;color:var(--green);border:1px solid rgba(130,198,155,.42);border-radius:999px;background:rgba(130,198,155,.1);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.cue-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:16px;color:var(--muted);font-size:.82rem}.cue-meta span{padding-right:12px;border-right:1px solid var(--line)}.cue-meta span:last-child{padding-right:0;border-right:0}.cue-notes{max-width:900px;margin:15px 0 0;color:#d2d5da;line-height:1.5}.player-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;margin-top:24px;border:1px solid var(--line);border-radius:var(--radius);background:#000;box-shadow:0 18px 48px rgba(0,0,0,.28)}#cue-video{width:100%;height:100%;display:block;background:#000}.player-message{position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:var(--danger);text-align:center;background:#000;line-height:1.5;overflow-wrap:anywhere}.delivery-actions{display:flex;align-items:stretch;justify-content:space-between;gap:14px;margin-top:18px}.version-toggle{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px;flex:1}.version-button,.download-button{border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:transform .15s ease,background .15s ease,border-color .15s ease}.version-button{min-height:66px;padding:11px 16px;text-align:left;cursor:pointer;font-weight:750}.version-button span,.download-button small{display:block;margin-bottom:4px;color:var(--muted);font-size:.67rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.version-button.is-active{color:var(--text);border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.version-button.is-active span{color:var(--gold)}.version-button:hover,.download-button:hover{transform:translateY(-1px);border-color:rgba(216,184,111,.7);background:var(--surface-raised)}.version-button:focus-visible,.download-button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.download-button{display:flex;min-width:190px;align-items:center;gap:12px;padding:12px 16px;color:var(--text);text-decoration:none;font-weight:750}.download-arrow{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(216,184,111,.7);border-radius:50%;color:var(--gold);font-size:1.35rem}.help-text{margin:14px 0 0;color:var(--muted);font-size:.78rem;line-height:1.45}.empty-state{display:grid;min-height:300px;place-items:center;color:var(--muted)}@media(max-width:840px){.site-header{align-items:start;flex-direction:column;gap:12px}.header-meta{text-align:left}.app-layout{grid-template-columns:1fr;overflow:visible}.cue-browser{min-height:0;max-height:360px;border-right:0;border-bottom:1px solid var(--line)}.cue-list{max-height:220px}}@media(max-width:580px){.app-shell{padding:18px}.cue-detail{padding:22px 18px}.delivery-actions,.version-toggle{grid-template-columns:1fr;display:grid}.download-button{min-width:0}.cue-header{flex-direction:column}}

/* v4 fixes: hidden attribute, top-aligned video, robust player sizing */
[hidden]{display:none !important}
.app-layout{align-items:start}
.cue-detail{align-self:start;display:block;padding-top:clamp(18px,2.5vw,32px)}
#cue-content{display:block}
.player-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;margin-top:0;background:#000}
#cue-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;z-index:1}
.player-message{z-index:2}
.delivery-actions{margin-top:16px}
.cue-header{margin-top:26px}