.video-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:20px;align-items:start}.video-layout.is-text-hidden{grid-template-columns:minmax(0,1fr)}.video-layout .video-stage{min-width:0}.video-layout .video-stage video{max-height:76vh}.transcript-toggle{white-space:normal}.transcript-panel{background:#fff;border:1px solid #c9e1f1;border-radius:16px;overflow:hidden;min-width:0;display:flex;flex-direction:column;height:min(76vh,790px);min-height:380px}.transcript-panel[hidden]{display:none}.transcript-heading{padding:18px 18px 12px;border-bottom:1px solid #dfedf6;flex-shrink:0}.transcript-heading h2{font-size:20px;margin:0 0 6px}.transcript-heading p{font-size:12px;color:#60798e;line-height:1.5;margin:0 0 12px}.transcript-heading label{font-size:12px;color:#496b85;margin-bottom:6px}.transcript-heading input{font-size:14px}.transcript-status{padding:10px 18px;font-size:12px;color:#60788d;border-bottom:1px solid #e5eef5;flex-shrink:0;line-height:1.5}.transcript-lines{overflow-y:auto;overscroll-behavior:contain;padding:8px;flex:1;min-height:0;scrollbar-gutter:stable}.transcript-segment{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;border:1px solid transparent;border-radius:10px;padding:12px 9px;margin:0 0 3px;background:#fff;color:#29455f;font:inherit;font-size:14px;line-height:1.65;cursor:pointer}.transcript-segment:hover{background:#eff7fd}.transcript-segment:focus-visible{outline:2px solid #0075b8;outline-offset:-2px}.transcript-segment.is-active{background:#dff0ff;border-color:#9bcae8}.transcript-segment[hidden]{display:none}.transcript-time{font-size:11px;font-weight:700;color:#0067a9;min-width:42px;padding-top:2px;white-space:nowrap}.transcript-text{min-width:0;overflow-wrap:anywhere}.transcript-unavailable{margin-top:16px;padding:13px 18px;background:#e9f3fb;border:1px solid #c9e1f1;border-radius:12px;color:#56728b;font-size:14px}
@media(max-width:1100px){.video-layout{grid-template-columns:minmax(0,1fr) 320px;gap:14px}.transcript-heading{padding:15px}.transcript-segment{font-size:13px;gap:8px}}
@media(max-width:999px){.video-layout{grid-template-columns:minmax(0,1fr)}.transcript-panel{height:56vh;min-height:340px;max-height:650px}.transcript-toggle{font-size:13px}.viewer-toolbar{gap:12px}.video-layout .video-stage video{max-height:65vh}}