.demo[data-astro-cid-iwfqfkjb]{gap:14px;margin:0;display:grid}.frame[data-astro-cid-iwfqfkjb]{border:1px solid var(--line);background:#0a0a0a;border-radius:12px;position:relative;overflow:hidden}.frame[data-astro-cid-iwfqfkjb]:fullscreen{border:0;border-radius:0;place-items:center;display:grid}.clip[data-astro-cid-iwfqfkjb]{aspect-ratio:16/9;width:100%;height:auto;display:block}.frame[data-astro-cid-iwfqfkjb]:fullscreen .clip[data-astro-cid-iwfqfkjb]{aspect-ratio:auto;object-fit:contain;height:100%}.chrome[data-astro-cid-iwfqfkjb]{opacity:0;pointer-events:none;transition:opacity .25s var(--ease-out);background:linear-gradient(#0000,#0000004d 40%,#000000b8);padding:32px 12px 4px;position:absolute;bottom:0;left:0;right:0}@media (hover:hover){.frame[data-astro-cid-iwfqfkjb]:hover .chrome[data-astro-cid-iwfqfkjb]{opacity:1;pointer-events:auto}}.frame[data-astro-cid-iwfqfkjb].is-touched .chrome[data-astro-cid-iwfqfkjb],.frame[data-astro-cid-iwfqfkjb].is-scrubbing .chrome[data-astro-cid-iwfqfkjb],.frame[data-astro-cid-iwfqfkjb]:has(:focus-visible) .chrome[data-astro-cid-iwfqfkjb]{opacity:1;pointer-events:auto}.chrome[data-astro-cid-iwfqfkjb][hidden],.time[data-astro-cid-iwfqfkjb][hidden],.control[data-astro-cid-iwfqfkjb][hidden]{display:none}.progress[data-astro-cid-iwfqfkjb]{cursor:pointer;touch-action:none;align-items:center;height:16px;display:flex}.progress[data-astro-cid-iwfqfkjb]:focus-visible{outline:none}.track[data-astro-cid-iwfqfkjb]{width:100%;height:3px;transition:height .2s var(--ease-out);background:#ffffff40;border-radius:2px;position:relative}.progress[data-astro-cid-iwfqfkjb]:hover .track[data-astro-cid-iwfqfkjb],.progress[data-astro-cid-iwfqfkjb]:focus-visible .track[data-astro-cid-iwfqfkjb],.is-scrubbing[data-astro-cid-iwfqfkjb] .track[data-astro-cid-iwfqfkjb]{height:5px}.progress[data-astro-cid-iwfqfkjb]:focus-visible .track[data-astro-cid-iwfqfkjb]{outline-offset:3px;outline:2px solid #ededed}.fill[data-astro-cid-iwfqfkjb]{border-radius:inherit;transform:scaleX(var(--p,0));transform-origin:0;background:#ededed;position:absolute;inset:0}.knob[data-astro-cid-iwfqfkjb]{top:50%;left:calc(var(--p,0) * 100%);width:12px;height:12px;transition:transform .2s var(--ease-out);background:#ededed;border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(0)}.progress[data-astro-cid-iwfqfkjb]:hover .knob[data-astro-cid-iwfqfkjb],.progress[data-astro-cid-iwfqfkjb]:focus-visible .knob[data-astro-cid-iwfqfkjb],.is-scrubbing[data-astro-cid-iwfqfkjb] .knob[data-astro-cid-iwfqfkjb]{transform:translate(-50%,-50%)scale(1)}.bar[data-astro-cid-iwfqfkjb]{justify-content:space-between;align-items:center;gap:8px;display:flex}.group[data-astro-cid-iwfqfkjb]{align-items:center;gap:2px;display:flex}.control[data-astro-cid-iwfqfkjb]{color:#ededed;min-width:40px;height:40px;font:500 14px/1 var(--font-sans);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;transition:background .2s;display:inline-flex}.control[data-astro-cid-iwfqfkjb]:hover{background:#ffffff1f}.control[data-astro-cid-iwfqfkjb]:focus-visible{outline-offset:-2px;outline:2px solid #ededed}.control[data-astro-cid-iwfqfkjb] svg[data-astro-cid-iwfqfkjb]{fill:currentColor;display:block}.control[data-astro-cid-iwfqfkjb] .line[data-astro-cid-iwfqfkjb]{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.toggle[data-astro-cid-iwfqfkjb] .icon-play[data-astro-cid-iwfqfkjb],.toggle[data-astro-cid-iwfqfkjb].is-paused .icon-pause[data-astro-cid-iwfqfkjb],.full[data-astro-cid-iwfqfkjb] .icon-exit[data-astro-cid-iwfqfkjb],.full[data-astro-cid-iwfqfkjb].is-on .icon-enter[data-astro-cid-iwfqfkjb]{display:none}.toggle[data-astro-cid-iwfqfkjb].is-paused .icon-play[data-astro-cid-iwfqfkjb],.full[data-astro-cid-iwfqfkjb].is-on .icon-exit[data-astro-cid-iwfqfkjb]{display:block}.time[data-astro-cid-iwfqfkjb]{font:12px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:#edededd9;white-space:nowrap;margin-left:8px}@media (width<=560px){.chrome[data-astro-cid-iwfqfkjb]{padding:24px 6px 2px}.control[data-astro-cid-iwfqfkjb]{min-width:36px;height:36px;padding:0 6px;font-size:13px}.time[data-astro-cid-iwfqfkjb]{margin-left:4px;font-size:11px}}.caption[data-astro-cid-iwfqfkjb]{max-width:72ch;color:var(--fg-muted);margin:0;font-size:14px;line-height:1.5}.head[data-astro-cid-jzarmewa]{border-top:0;gap:20px;display:grid}.head[data-astro-cid-jzarmewa] h1[data-astro-cid-jzarmewa],.head[data-astro-cid-jzarmewa] p[data-astro-cid-jzarmewa]{margin:0}.head[data-astro-cid-jzarmewa] h1[data-astro-cid-jzarmewa]{max-width:20ch;font-size:clamp(2.1rem,5.2vw,3.8rem)}.head[data-astro-cid-jzarmewa] .lede[data-astro-cid-jzarmewa]{max-width:62ch}.crumbs[data-astro-cid-jzarmewa] a[data-astro-cid-jzarmewa]{color:var(--fg-muted)}.crumbs[data-astro-cid-jzarmewa] a[data-astro-cid-jzarmewa]:hover{color:var(--fg)}.crumbs[data-astro-cid-jzarmewa]{text-transform:none;letter-spacing:0}.facts[data-astro-cid-jzarmewa]{background:var(--line);border:1px solid var(--line);flex-wrap:wrap;gap:1px;margin:16px 0 0;display:flex}.facts[data-astro-cid-jzarmewa] div[data-astro-cid-jzarmewa]{background:var(--bg);flex:200px;padding:14px 16px}.facts[data-astro-cid-jzarmewa] dt[data-astro-cid-jzarmewa]{margin-bottom:6px}.facts[data-astro-cid-jzarmewa] dd[data-astro-cid-jzarmewa]{margin:0;font-size:15px;line-height:1.4}.highlights[data-astro-cid-jzarmewa]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding-block:36px;display:grid}.metric[data-astro-cid-jzarmewa]{gap:6px;display:grid}.value[data-astro-cid-jzarmewa]{letter-spacing:-.04em;background:var(--light);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,4vw,2.8rem);font-weight:600;line-height:1}.metric[data-astro-cid-jzarmewa] .label[data-astro-cid-jzarmewa]{text-transform:none;letter-spacing:0}.how-head[data-astro-cid-jzarmewa]{margin-bottom:28px}.how-head[data-astro-cid-jzarmewa] h2[data-astro-cid-jzarmewa]{margin:12px 0 0}.steps[data-astro-cid-jzarmewa]{background:var(--line);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.step[data-astro-cid-jzarmewa]{background:var(--bg-elev);align-content:start;gap:12px;padding:22px 20px;display:grid}.step[data-astro-cid-jzarmewa] p[data-astro-cid-jzarmewa]{margin:0;font-size:16px;line-height:1.55}.body[data-astro-cid-jzarmewa]{grid-template-columns:240px minmax(0,1fr);gap:48px;display:grid}.side[data-astro-cid-jzarmewa]{align-content:start;align-self:start;gap:28px;display:grid;position:sticky;top:88px}.side[data-astro-cid-jzarmewa] .label[data-astro-cid-jzarmewa]{margin:0 0 10px}.chips[data-astro-cid-jzarmewa]{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tag[data-astro-cid-jzarmewa]{min-height:32px;transition:color .2s,border-color .2s}.tag[data-astro-cid-jzarmewa]:hover{color:var(--fg);border-color:var(--fg-subtle)}@media (width<=860px){.body[data-astro-cid-jzarmewa]{grid-template-columns:1fr;gap:36px}.side[data-astro-cid-jzarmewa]{order:2;position:static}}.pager[data-astro-cid-jzarmewa]{grid-template-columns:1fr 1fr;gap:16px;padding-block:28px;display:grid}.pg[data-astro-cid-jzarmewa]{border:1px solid var(--line);border-radius:12px;gap:6px;padding:16px;transition:border-color .2s,background .2s;display:grid}.pg[data-astro-cid-jzarmewa]:hover{border-color:var(--line-strong);background:var(--bg-elev)}.pg[data-astro-cid-jzarmewa].next{text-align:right}.pg-title[data-astro-cid-jzarmewa]{font-weight:550}@media (width<=640px){.pager[data-astro-cid-jzarmewa]{grid-template-columns:1fr}}