.overlay-lab-preview{width:100%}.overlay-lab-demo{aspect-ratio:1672/941;isolation:isolate;color:var(--demo-color);background:#070b14;border:1px solid #fff3;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 16px 48px #00000047;container-type:inline-size}.overlay-lab-demo__art{object-fit:contain;width:100%;height:100%;display:block}.overlay-lab-demo__title{text-shadow:0 2px 18px #000;width:54%;position:absolute;top:22%;left:9%}.overlay-lab-demo__stream{aspect-ratio:16/9;border:.15cqw solid var(--demo-color);background:radial-gradient(#161c2aed,#04070dfa);border-radius:.6cqw;flex-direction:column;justify-content:center;align-items:center;gap:1.2cqw;width:60%;font-family:Arial,sans-serif;display:flex;position:absolute;top:11.5%;left:5.5%;box-shadow:0 0 0 .4cqw #000000a6,0 1cqw 3cqw #00000073}.overlay-lab-demo__stream>svg{opacity:.7;width:5cqw;height:5cqw}.overlay-lab-demo__stream>strong{letter-spacing:.12em;font-size:3cqw}.overlay-lab-demo__stream>p{color:#e5e7eb;font-size:1.5cqw}.overlay-lab-demo__live-label{letter-spacing:.1em;font-size:1.1cqw;position:absolute;top:5%;left:4%}.overlay-lab-demo__stream-ratio{color:#a5aab5;font-size:1.1cqw;position:absolute;bottom:5%;right:4%}.overlay-lab-preview__scenes{color:#fff;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.overlay-lab-preview__scenes>span{color:#ffffffb3;margin-right:auto;font-size:12px}.overlay-lab-preview__scenes button{cursor:pointer;border:1px solid #fff3;border-radius:8px;align-items:center;gap:6px;min-height:44px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.overlay-lab-preview__scenes button[aria-pressed=true]{background:#bfa3ff33;border-color:#d5bfff}.overlay-lab-preview__scenes svg{width:16px;height:16px}.overlay-lab-demo__title>span{letter-spacing:.2em;font:700 1.3cqw/1.4 Arial,sans-serif;display:block}.overlay-lab-demo__title>strong{font:700 5.4cqw / 1.08 var(--demo-font);letter-spacing:-.025em;margin-top:2cqw;display:block}.overlay-lab-demo__title>p{font:400 1.6cqw / 1.4 var(--demo-font);color:#fff4df;margin-top:2cqw}.overlay-lab-demo__camera{left:var(--demo-camera-left);letter-spacing:.1em;justify-items:center;gap:.8cqw;font:700 1.2cqw/1.2 Arial,sans-serif;display:grid;position:absolute;top:71.5%;transform:translate(-50%,-50%)}.overlay-lab-demo__camera svg{width:3cqw;height:3cqw}.overlay-lab-demo__identity{text-shadow:0 2px 12px #000;position:absolute;bottom:11%;left:9%}.overlay-lab-demo__identity>strong{font:700 2.8cqw / 1.4 var(--demo-font);letter-spacing:.1em}.overlay-lab-demo__identity>p{color:#fff4df;align-items:center;gap:.7cqw;margin-top:.7cqw;font:400 1.3cqw/1.3 Arial,sans-serif;display:flex}.overlay-lab-demo__identity svg{width:1.6cqw;height:1.6cqw}.overlay-lab-demo__qr{color:#fff4df;justify-items:center;gap:.7cqw;font:700 .85cqw/1.2 Arial,sans-serif;display:grid;position:absolute;bottom:11%;left:52%}.overlay-lab-demo__qr img{background:#fff;border-radius:.3cqw;width:5.7cqw;height:5.7cqw}.overlay-lab-preview__caption{color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:14px 0;display:flex}.overlay-lab-preview__caption strong{font-size:14px}.overlay-lab-preview__caption p{color:#ffffffb3;margin-top:4px;font-size:12px;line-height:1.6}.overlay-lab-preview__expand,.overlay-lab-preview__dialog-heading button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff40;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.overlay-lab-preview__expand svg,.overlay-lab-preview__dialog-heading svg{width:16px;height:16px}.overlay-lab-preview__choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.overlay-lab-preview__choices button{text-align:left;color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #fff3;border-radius:10px;padding:0 0 10px;overflow:hidden}.overlay-lab-preview__choices button[aria-pressed=true]{background:#bfa3ff24;border-color:#d5bfff;box-shadow:0 0 0 1px #d5bfff}.overlay-lab-preview__choices img{aspect-ratio:2.3;object-fit:cover;width:100%}.overlay-lab-preview__choice-name{justify-content:space-between;align-items:center;gap:4px;margin:8px 10px 0;font-size:14px;font-weight:700;display:flex}.overlay-lab-preview__choice-name svg{width:14px;height:14px}.overlay-lab-preview__choice-genre{color:#ffffffbf;margin:2px 10px 0;font-size:11px;line-height:1.4;display:block}.overlay-lab-preview button:hover{background-color:#bfa3ff2e}.overlay-lab-preview button:focus-visible{outline-offset:4px;outline:2px solid #fff}.overlay-lab-preview__dialog{color:#fff;background:#0b0b14;border:1px solid #ffffff40;border-radius:16px;width:min(1280px,94vw,167.038dvh - 284.32px);max-width:none;max-height:94dvh;margin:auto;padding:16px;overflow:auto}.overlay-lab-preview__dialog::backdrop{background:#000000d9}.overlay-lab-preview__dialog-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:14px;display:flex}.overlay-lab-preview__dialog-note{color:#ffffffbf;margin-top:12px;font-size:13px;line-height:1.6}@media(max-width:480px){.overlay-lab-preview__choices{gap:8px}.overlay-lab-preview__dialog{padding:10px}}