.hls-lab{color:#e2e6ec;max-width:1480px;margin:0 auto;padding:30px 24px;font-family:Arial,sans-serif}.hls-lab header{border-bottom:1px solid #29313b;justify-content:space-between;align-items:center;padding:10px 0 26px;display:flex}.hls-brand{color:#e6fff2;font-size:32px;font-weight:700;text-decoration:none}.hls-lab header span{letter-spacing:.12em;color:#a4b4b0;font-size:12px}.hls-lab nav{flex-wrap:wrap;gap:10px;margin:26px 0;display:flex}.hls-lab button{font:inherit;color:#bdc7d5;cursor:pointer;background:#1b222c;border:1px solid #303b48;border-radius:6px;padding:12px 16px}.hls-lab button:hover{border-color:#87d6b6}.hls-lab button.active{color:#d5ffeb;background:#18372d;border-color:#86dab5}.hls-stage{grid-template-columns:minmax(0,2.5fr) minmax(300px,1fr);gap:28px;display:grid}.hls-caption{justify-content:space-between;gap:20px;margin-bottom:12px;display:flex}.hls-caption span{color:#94a9a2;font-size:12px}.hls-stage video{aspect-ratio:16/9;background:#000;border-radius:6px;width:100%;display:block}.hls-stage h1{margin:0 0 14px;font-size:22px}.hls-stage p{color:#9aa8b8;font-size:14px;line-height:1.5}.hls-lab .hls-item{text-align:left;flex-direction:column;gap:12px;width:100%;margin:14px 0;padding:18px;display:flex}.hls-item span,.hls-item small{color:#a8b7c6;font-size:12px}.hls-stage .hls-error{color:#f5b8a2;min-height:24px}.hls-lab footer{color:#9aa8b8;border-top:1px solid #29313b;flex-wrap:wrap;gap:14px 30px;padding:24px 0;font-size:14px;display:flex}.hls-lab footer strong{color:#c1e8d6}@media (width<=900px){.hls-stage{grid-template-columns:1fr}.hls-lab header{gap:24px}.hls-lab nav button{font-size:13px}}