.streaming-lab{padding-bottom:35px}.stream-intro{padding:44px 0 16px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.stream-intro h1{font-size:clamp(34px,4.6vw,64px);line-height:1.07;margin:17px 0}.stream-intro p{color:#b3c0d4;font-size:13px}.attribution{color:#afc0d0;border-left:2px solid var(--mint);padding:12px 16px;background:#72dfc608;font-size:12px;max-width:1000px;margin:10px 0 25px}.stream-form{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2fr) auto;gap:16px;align-items:start}.stream-form label,.stream-side label,.buffer-panel label{display:block;font-size:12px;margin-bottom:7px;color:#d0d9e7}.stream-form small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.stream-form button{margin-top:27px}.streaming-lab input,.streaming-lab select{font:inherit;color:var(--text);background:#0f1520;border:1px solid #ffffff2c;border-radius:6px;max-width:100%;padding:10px;min-width:0}.streaming-lab select,.stream-form input{width:100%;font-size:12px}.streaming-lab input:focus-visible,.streaming-lab select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.stream-status-row{display:flex;gap:12px 22px;align-items:center;flex-wrap:wrap;margin:20px 0;font-size:11px;color:#b0bfd0}.stream-error{padding:15px;border:1px solid #f19b8870;color:#ffb5a9;background:#42212b;border-radius:8px;font-size:12px;overflow-wrap:anywhere}.stream-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:22px;align-items:start}.stream-main,.stream-side{min-width:0;display:grid;gap:22px}.streaming-lab .panel{padding:22px;margin:0}.streaming-lab .panel h2{font-size:21px;margin:8px 0 18px}.stream-player video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#05080d;border-radius:7px}.stream-toolbar,.event-actions{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.stream-toolbar button,.event-actions button,.drm-panel button,.seek-controls button{padding:8px 11px;font-size:11px}.stream-toolbar .secondary{gap:6px}.stream-player .caption{margin-bottom:0}.buffer-panel .section-head{margin:0;align-items:center}.buffer-panel .section-head>span{color:var(--muted);font:10px monospace}.buffer-track{position:relative;height:30px;background:#090f18;border:1px solid #ffffff25;border-radius:4px;overflow:hidden;margin-top:14px}.buffer-track #buffer-ranges>span{position:absolute;top:7px;height:14px;background:#72dfc678;border:1px solid #72dfc6b0;min-width:1px}.buffer-track #buffer-playhead{position:absolute;height:100%;top:0;width:2px;background:#fc7b91;box-shadow:0 0 8px #fc7b9170}.buffer-scale{display:flex;justify-content:space-between;font:10px monospace;color:#b4c3d7;margin:7px 0 20px}.seek-controls{display:flex;gap:9px;margin:7px 0 22px}.seek-controls input{width:150px;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;margin:18px 0}.metric-grid div,.metric-stack div{min-width:0}.metric-grid dt,.metric-stack dt{font-size:11px;color:#a6b5c9}.metric-grid dt span,.metric-stack dt span{display:block;color:#77b7aa;font:8px/1.9 monospace;letter-spacing:.04em}.metric-grid dd,.metric-stack dd{margin:5px 0 0;font:500 15px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.ranges{font-size:11px;color:#bdc9d9;overflow-wrap:anywhere}.ranges b{display:inline-block;min-width:60px;color:var(--mint);font-weight:500}.current-stream h2{font-size:18px!important;line-height:1.5}.current-stream .source-path{font-size:10px}.streaming-lab .source-path,.streaming-lab .caption{overflow-wrap:anywhere}.streaming-lab .caption{font-size:11px}.abr-toggle{display:flex!important;align-items:center;gap:10px;padding:8px 0 12px}.abr-toggle input{width:16px;height:16px;accent-color:var(--mint)}.abr-toggle span{margin-left:auto;font:10px monospace;color:var(--mint)}.metric-stack{display:grid;gap:17px;margin:20px 0}.metric-stack dd{font-size:16px}.variant-list{padding-left:16px;color:#b6c4d4;font:10px/1.9 monospace;overflow-wrap:anywhere}.streaming-lab details summary{font-size:11px;color:#c4d3e5;cursor:pointer}.eme-stages{padding-left:18px;font-size:11px;color:#b2c1d3;line-height:1.9}.eme-stages li{margin:11px 0}.eme-stages strong{display:block;color:var(--mint);font:10px/1.6 monospace;overflow-wrap:anywhere}.drm-panel button{margin-bottom:10px}.drm-panel .case-boundary{font-size:11px;margin-bottom:0}.event-actions{align-items:center}.event-actions>span{font:10px monospace;color:var(--muted);margin-left:auto}#playback-events{max-height:450px;overflow:auto;list-style:none;margin:0;padding:0;border-top:1px solid #ffffff15}#playback-events li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:4px 12px;border-bottom:1px solid #ffffff12;padding:12px 0;font:10px/1.7 monospace;overflow-wrap:anywhere}#playback-events time{color:var(--mint)}#playback-events .event-detail{grid-column:2;color:#9eafc6}.event-error{color:#ffb2a7}#export-status{font-size:11px;color:var(--mint)}.stream-boundaries{max-width:1000px}.stream-boundaries .source-links{flex-wrap:wrap;gap:15px}.streaming-lab [data-phase=playing]{color:var(--mint)}.streaming-lab [data-phase=error]{color:#ffb2a7}
@media(max-width:1050px){.stream-form{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}.stream-form button{margin:0;grid-column:1/-1;justify-self:start}.stream-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
.lab-overview{margin:0 0 26px;padding:0 0 22px;border-bottom:1px solid var(--border);max-width:1120px}.lab-overview h2{font-size:23px;margin:0 0 10px}.lab-purpose{font-size:15px;line-height:1.8;color:#cad5e3;margin:0 0 15px}.lab-capabilities{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.lab-capabilities strong{display:block;color:var(--mint);font-size:14px;margin-bottom:6px}.lab-capabilities span{display:block;color:#b2c2d4;font-size:12px;line-height:1.8}.lab-ownership{font-size:12px;line-height:1.9;color:#aebed1;margin:18px 0 6px}.lab-ownership strong{color:#d6e1ec}.lab-live-note{font-size:11px;color:#91a4bb;margin:0}@media(max-width:700px){.lab-capabilities{grid-template-columns:1fr;gap:12px}.lab-capabilities strong{margin-bottom:3px}.lab-purpose{font-size:14px}.lab-overview h2{font-size:21px}}
@media(max-width:800px){.stream-layout{grid-template-columns:minmax(0,1fr)}.stream-side{grid-template-columns:repeat(2,minmax(0,1fr))}.stream-intro{align-items:flex-start;flex-direction:column}.event-panel{order:3}.stream-side .stats-panel,.stream-side .drm-panel{grid-column:1/-1}}
@media(max-width:620px){.stream-intro{padding-top:30px}.stream-intro h1{font-size:38px}.stream-intro p{font-size:11px}.stream-form,.stream-side{grid-template-columns:minmax(0,1fr)}.streaming-lab .panel{padding:16px}.streaming-lab .panel h2{font-size:20px}.stream-toolbar button{font-size:10px;padding:8px 9px}.stream-form input,.stream-form select{font-size:11px}.metric-grid{gap:16px 10px}.metric-grid dd{font-size:14px}.metric-grid dt{font-size:10px}.stream-status-row{gap:10px}.event-actions button{font-size:10px}.stream-player video{border-radius:4px}.streaming-lab .section-head{flex-wrap:wrap}#playback-events li{grid-template-columns:63px minmax(0,1fr);gap:4px 8px}}
.streaming-lab>.drm-panel{margin-top:22px}.drm-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.drm-controls button{margin:0}.drm-panel .eme-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-left:22px;margin:18px 0 20px}.drm-panel .eme-stages li{min-width:0;margin:0;line-height:1.8}.drm-panel .eme-stages strong{margin-top:5px}.drm-panel .case-boundary{max-width:100%;padding:12px 16px}.drm-panel .caption{margin-bottom:0}@media(max-width:800px){.drm-panel .eme-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}}@media(max-width:480px){.drm-panel .eme-stages{grid-template-columns:minmax(0,1fr);gap:12px}}