.tv:where(.astro-wf3v76ol){background:var(--bezel);border:1px solid var(--line);border-radius:clamp(18px,2.6vw,28px);max-width:1040px;margin:0 auto;padding:clamp(14px,2.4vw,26px);box-shadow:0 50px 100px #0009,inset 0 2px #ffffff14,inset 0 -6px #0006;container:tv-set/inline-size}.face:where(.astro-wf3v76ol){align-items:center;gap:22px;display:flex}.screen:where(.astro-wf3v76ol){aspect-ratio:16/10;background:var(--screen);border:2px solid var(--line);border-radius:clamp(13px,2.1vw,28px)/clamp(15px,2.8vw,34px);flex:1;min-width:0;overflow:hidden}.face:where(.astro-wf3v76ol)>.panel{align-self:stretch}.vignette:where(.astro-wf3v76ol){box-shadow:inset 0 0 48px 6px #0009}.screen:where(.astro-wf3v76ol) iframe{z-index:1;opacity:0;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.screen:where(.astro-wf3v76ol) iframe.ready{opacity:1}.bars:where(.astro-wf3v76ol){z-index:1;filter:saturate(.85)brightness(.8);flex-direction:column;display:flex;position:absolute;inset:0}.row:where(.astro-wf3v76ol){display:flex}.row:where(.astro-wf3v76ol)>div:where(.astro-wf3v76ol){flex:1}.row:where(.astro-wf3v76ol).top{flex:67}.row:where(.astro-wf3v76ol).middle{flex:8}.row:where(.astro-wf3v76ol).bottom{flex:25}.overlay:where(.astro-wf3v76ol){z-index:2;flex-direction:column;justify-content:space-between;padding:3.5% 4%;display:flex;position:absolute;inset:0}.channel:where(.astro-wf3v76ol){color:var(--text);justify-content:space-between;font-size:clamp(20px,2.4vw,34px);display:flex}.centre:where(.astro-wf3v76ol){align-self:center}.idle:where(.astro-wf3v76ol){flex-direction:column;align-items:center;gap:12px;display:flex}.idle:where(.astro-wf3v76ol)[hidden],.loading:where(.astro-wf3v76ol)[hidden]{display:none}.load:where(.astro-wf3v76ol){cursor:pointer;background:var(--amber);min-height:64px;color:var(--ground);border:3px solid var(--ground);box-shadow:0 0 0 3px var(--amber), 8px 8px 0 3px var(--red);letter-spacing:.08em;align-items:center;gap:14px;padding:0 clamp(24px,4vw,48px);font-size:clamp(30px,4vw,52px);display:inline-flex}.load:where(.astro-wf3v76ol):active{box-shadow:0 0 0 3px var(--amber), 4px 4px 0 3px var(--red);transform:translate(4px,4px)}.note:where(.astro-wf3v76ol){color:var(--text);text-align:center;background:#07060ad9;padding:2px 12px;font-size:clamp(18px,1.8vw,24px)}.loading:where(.astro-wf3v76ol){border:2px solid var(--text);background:#07060ae6;flex-direction:column;gap:12px;min-width:min(70vw,420px);padding:clamp(14px,2vw,26px) clamp(20px,3vw,40px);display:flex}.loading:where(.astro-wf3v76ol):focus{outline:none}.loading-title:where(.astro-wf3v76ol){color:var(--amber);font-size:clamp(24px,3vw,40px);line-height:1}.loading-size:where(.astro-wf3v76ol){color:var(--text);font-size:clamp(18px,2vw,26px)}.cells:where(.astro-wf3v76ol){gap:4px;display:flex}.cell:where(.astro-wf3v76ol){border:2px solid var(--line-strong);height:18px;animation:1.6s step-end infinite seek;animation-delay:calc(var(--index) * .1s);flex:1}@keyframes seek{0%,25%{background:var(--amber);border-color:var(--amber)}26%,to{border-color:var(--line-strong);background:0 0}}.spacer:where(.astro-wf3v76ol){height:1em}.tv:where(.astro-wf3v76ol)[data-demo-ready] .vignette:where(.astro-wf3v76ol){box-shadow:inset 0 0 32px 4px #0009}@container tv-set (width<=470px){.face:where(.astro-wf3v76ol){flex-direction:column;align-items:stretch;gap:14px}}@media (width<=48rem){.tv:where(.astro-wf3v76ol)[data-demo-loaded]{border-radius:16px;padding:6px 6px 8px}.tv:where(.astro-wf3v76ol)[data-demo-loaded] .screen:where(.astro-wf3v76ol){border-radius:12px;width:100%;min-height:min(75svh,48rem)}.tv:where(.astro-wf3v76ol)[data-demo-loaded] .face:where(.astro-wf3v76ol){gap:8px}.tv:where(.astro-wf3v76ol)[data-demo-loaded] .panel{--big-knob-size:22px;--knob-size:18px}}.tv:where(.astro-wf3v76ol).fill{box-sizing:border-box;max-width:none;height:100%;display:flex}.tv:where(.astro-wf3v76ol).fill .face:where(.astro-wf3v76ol){flex:1;align-items:stretch;min-height:0}.tv:where(.astro-wf3v76ol).fill .screen:where(.astro-wf3v76ol){aspect-ratio:auto;min-height:0}@container tv-set (width<=470px){.tv:where(.astro-wf3v76ol).fill .screen:where(.astro-wf3v76ol){flex:1}}@media (width<=48rem){.tv:where(.astro-wf3v76ol).fill[data-demo-loaded] .screen:where(.astro-wf3v76ol){min-height:0}}@media (prefers-reduced-motion:reduce){.cell:where(.astro-wf3v76ol){animation:none}.cell:where(.astro-wf3v76ol):nth-child(-n+4){background:var(--amber);border-color:var(--amber)}}