.wc-scene:where(.astro-gv4nnfnd){--wc-scene-bg:#f1ede4;--wc-scene-panel:#fffdf8;--wc-scene-slot:#efeae0;--wc-scene-ink:#1f2430;--wc-scene-muted:#6b7180;--wc-scene-chip:#f6c27a;--wc-scene-face:#fffaf2;--wc-scene-main:#4b5a7a;--wc-scene-call:#d9772b;--wc-scene-changed:#c2531a;--wc-scene-ok:#3a8f5c;--wc-scene-paper:#fffefb;border:1px solid var(--sl-color-hairline-light);background:var(--wc-scene-bg);border-radius:1rem;margin:1.25rem 0 0;overflow:hidden;container-type:inline-size}[data-theme=dark] .wc-scene:where(.astro-gv4nnfnd){--wc-scene-bg:#1b1e26;--wc-scene-panel:#2b303c;--wc-scene-slot:#3a4050;--wc-scene-ink:#f2efe8;--wc-scene-muted:#aeb4c2;--wc-scene-chip:#c98f4f;--wc-scene-face:#2a2d36;--wc-scene-main:#5d6f96;--wc-scene-call:#c26a2a;--wc-scene-changed:#ff9a5c;--wc-scene-paper:#e9e5dc}.wc-scene__grid:where(.astro-gv4nnfnd){grid-template-columns:minmax(0,1fr);display:grid}@container (width>=56rem){.wc-scene:where(.astro-gv4nnfnd).is-live .wc-scene__grid:where(.astro-gv4nnfnd){grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.wc-scene:where(.astro-gv4nnfnd).is-live.is-wide .wc-scene__grid:where(.astro-gv4nnfnd){grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}}.wc-scene__stage:where(.astro-gv4nnfnd){height:clamp(16rem,52cqi,24rem);position:relative}.wc-scene:where(.astro-gv4nnfnd).is-tall .wc-scene__stage:where(.astro-gv4nnfnd){height:clamp(22rem,78cqi,34rem)}@container (width<=36rem){.wc-scene:where(.astro-gv4nnfnd).is-phone-tall .wc-scene__stage:where(.astro-gv4nnfnd){height:clamp(22rem,120cqi,28rem)}}.wc-scene__grid:where(.astro-gv4nnfnd):has(.has-views) .wc-scene__stage:where(.astro-gv4nnfnd){height:auto;min-height:clamp(16rem,52cqi,24rem)}.wc-scene:where(.astro-gv4nnfnd).is-tall .wc-scene__grid:where(.astro-gv4nnfnd):has(.has-views) .wc-scene__stage:where(.astro-gv4nnfnd){min-height:clamp(22rem,78cqi,34rem)}.wc-scene:where(.astro-gv4nnfnd):not(.is-live) .wc-scene__stage:where(.astro-gv4nnfnd){display:none}.wc-scene__stage:where(.astro-gv4nnfnd) canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.wc-scene__cap:where(.astro-gv4nnfnd){text-align:center;pointer-events:none;margin:0;position:absolute;bottom:.9rem;left:.75rem;right:.75rem}.wc-scene__cap:where(.astro-gv4nnfnd):empty{display:none}.wc-scene__cap:where(.astro-gv4nnfnd){font-size:var(--sl-text-sm);color:var(--wc-scene-ink);text-shadow:0 0 6px var(--wc-scene-bg), 0 0 2px var(--wc-scene-bg);font-weight:600;line-height:1.4}.wc-scene__code:where(.astro-gv4nnfnd){background:var(--sl-color-black);flex-direction:column;justify-content:center;min-width:0;display:flex}.wc-scene__code:where(.astro-gv4nnfnd) .expressive-code{margin:0}.wc-scene:where(.astro-gv4nnfnd).is-live .wc-scene__code:where(.astro-gv4nnfnd).has-views{align-items:center;display:grid}.wc-scene:where(.astro-gv4nnfnd).is-live .has-views:where(.astro-gv4nnfnd)>:where(.astro-gv4nnfnd)[data-view]{grid-area:1/1;min-width:0}.has-views:where(.astro-gv4nnfnd)>:where(.astro-gv4nnfnd)[data-view].is-off{visibility:hidden}.wc-scene__code:where(.astro-gv4nnfnd) .expressive-code .frame{box-shadow:none;border-radius:0}.wc-scene__code:where(.astro-gv4nnfnd) .ec-line{transition:background .25s,box-shadow .25s}.wc-scene__code:where(.astro-gv4nnfnd) .ec-line.is-on{background:color-mix(in srgb, var(--wc-scene-call) 22%, transparent);box-shadow:inset 3px 0 0 var(--wc-scene-call)}.wc-scene__controls:where(.astro-gv4nnfnd){border-top:1px solid var(--sl-color-hairline-light);background:var(--sl-color-bg-nav);flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.7rem 1rem;display:flex}.wc-scene__controls:where(.astro-gv4nnfnd)[hidden]{display:none}.wc-scene__jump:where(.astro-gv4nnfnd){flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.wc-scene__jump:where(.astro-gv4nnfnd) li:where(.astro-gv4nnfnd){margin:0}.wc-scene__jump:where(.astro-gv4nnfnd) button:where(.astro-gv4nnfnd){border:1px solid var(--sl-color-gray-4);width:2rem;height:2rem;color:var(--sl-color-gray-2);font:inherit;font-size:var(--sl-text-xs);cursor:pointer;background:0 0;border-radius:50%;font-weight:600}.wc-scene__jump:where(.astro-gv4nnfnd) button:where(.astro-gv4nnfnd)[aria-current]{border-color:var(--sl-color-accent);background:var(--sl-color-accent);color:var(--sl-color-black)}.wc-scene__text:where(.astro-gv4nnfnd){border-top:1px solid var(--sl-color-hairline-light);background:var(--sl-color-bg-nav);font-size:var(--sl-text-sm);padding:.6rem 1rem .8rem}.wc-scene__text:where(.astro-gv4nnfnd) summary:where(.astro-gv4nnfnd){cursor:pointer;color:var(--sl-color-gray-2);font-weight:600}.wc-scene__text:where(.astro-gv4nnfnd) ol:where(.astro-gv4nnfnd){margin:.5rem 0 0}