.stage.svelte-1ppwm8q{--loading-fg: rgba(0, 0, 0, .55);--loading-strong: rgba(0, 0, 0, .75);position:relative;width:100%;height:clamp(20rem,62dvh,42rem);margin:0;border:0;border-radius:16px;background:var(--stage);box-shadow:var(--shadow-pop),inset 0 0 0 1px #0000001a;overflow:hidden}:root[data-theme=dark] .stage.svelte-1ppwm8q{box-shadow:var(--shadow-pop),inset 0 0 0 1px #ffffff1a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .stage.svelte-1ppwm8q{box-shadow:var(--shadow-pop),inset 0 0 0 1px #ffffff1a}}.stage--dark.svelte-1ppwm8q{--loading-fg: rgba(255, 255, 255, .6);--loading-strong: rgba(255, 255, 255, .85)}.stage--fullscreen.svelte-1ppwm8q{position:fixed;inset:0;z-index:200;height:100%;border-radius:0;box-shadow:none}.stage__frame.svelte-1ppwm8q{display:block;width:100%;height:100%;border:0;background:transparent}.stage__frame--hidden.svelte-1ppwm8q{visibility:hidden}.stage__loading.svelte-1ppwm8q{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1.5rem;text-align:center;font-size:.85rem;color:var(--loading-fg)}.stage__stalled-title.svelte-1ppwm8q{font-weight:600;color:var(--loading-strong)}.stage__stalled-body.svelte-1ppwm8q{max-width:26rem;line-height:1.5}.stage__loading.svelte-1ppwm8q .btn:where(.svelte-1ppwm8q){margin-block-start:.6rem;background:#ffffffe6;color:#111;border-color:#00000040}.stage__tools.svelte-1ppwm8q{position:absolute;top:.75rem;right:.75rem;z-index:3;display:flex;gap:2px;padding:3px;border-radius:8px;background:color-mix(in srgb,var(--color-bg) 82%,transparent);border:1px solid var(--color-border);box-shadow:inset 0 1px #ffffff59,0 2px 10px #00000014;backdrop-filter:blur(8px);opacity:.55;transition:opacity .15s ease}.stage.svelte-1ppwm8q:hover .stage__tools:where(.svelte-1ppwm8q),.stage__tools.svelte-1ppwm8q:focus-within,.stage--fullscreen.svelte-1ppwm8q .stage__tools:where(.svelte-1ppwm8q){opacity:1}@media(hover:none){.stage__tools.svelte-1ppwm8q{opacity:1}}.tool.svelte-1ppwm8q{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:5px;color:var(--color-text);cursor:pointer;transition:background-color .12s ease,scale .12s ease}.tool.svelte-1ppwm8q:hover{background:var(--color-hover-bg)}.tool.svelte-1ppwm8q:active{scale:.96}.tool.svelte-1ppwm8q:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.tool[aria-pressed=true].svelte-1ppwm8q{color:var(--color-primary)}.tool[disabled].svelte-1ppwm8q{opacity:.6;cursor:default}.spinner--tool.svelte-1ppwm8q{width:.85rem;height:.85rem}@media(max-width:40em){.stage.svelte-1ppwm8q{height:min(70dvh,100vw);border-radius:12px}}.doodle[data-astro-cid-wicz3jsi]{display:flex;flex-direction:column;gap:1.5rem}.doodle__note[data-astro-cid-wicz3jsi]{margin:-.5rem 0 0;padding:.55rem .85rem;border-radius:8px;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));font-size:.8rem;line-height:1.4;color:var(--color-text);text-wrap:pretty}.doodle__intro[data-astro-cid-wicz3jsi]{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title actions" "byline byline" "tag tag" "desc desc";align-items:start;column-gap:1.25rem;row-gap:.5rem}.doodle__title[data-astro-cid-wicz3jsi]{grid-area:title;max-width:28ch;font-size:clamp(1.45rem,2.4vw,1.85rem);font-weight:700;letter-spacing:-.035em;line-height:1.15;text-wrap:balance}.doodle__actions[data-astro-cid-wicz3jsi]{grid-area:actions;display:flex;align-items:center;gap:.4rem;flex-shrink:0;padding-block-start:.12rem}.doodle__byline[data-astro-cid-wicz3jsi]{grid-area:byline;display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .55rem;font-size:.88rem;color:var(--color-text-muted)}.doodle__byline[data-astro-cid-wicz3jsi] time[data-astro-cid-wicz3jsi]{font-variant-numeric:tabular-nums}.doodle__author[data-astro-cid-wicz3jsi]{display:inline-flex;align-items:center;gap:.5rem;color:inherit;text-decoration:none;transition:color .15s ease}.doodle__author[data-astro-cid-wicz3jsi]:hover{color:var(--color-text)}.doodle__author[data-astro-cid-wicz3jsi] .avatar[data-astro-cid-wicz3jsi]{width:1.75rem;height:1.75rem;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}:root[data-theme=dark] .doodle__author[data-astro-cid-wicz3jsi] .avatar[data-astro-cid-wicz3jsi]{outline-color:#ffffff1a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .doodle__author[data-astro-cid-wicz3jsi] .avatar[data-astro-cid-wicz3jsi]{outline-color:#ffffff1a}}.doodle__sep[data-astro-cid-wicz3jsi]{color:var(--color-text-faint)}.doodle__license[data-astro-cid-wicz3jsi]{color:inherit;text-decoration:none;border-bottom:1px solid color-mix(in srgb,currentColor 40%,transparent)}.doodle__license[data-astro-cid-wicz3jsi]:hover{color:var(--color-text)}.doodle__forks[data-astro-cid-wicz3jsi]{gap:.3rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-decoration:none}.doodle__forks[data-astro-cid-wicz3jsi]:hover{color:var(--color-text)}.doodle__forked[data-astro-cid-wicz3jsi]{min-width:0}.doodle__forked[data-astro-cid-wicz3jsi] a[data-astro-cid-wicz3jsi]{color:inherit;text-decoration:none;border-bottom:1px solid color-mix(in srgb,currentColor 40%,transparent)}.doodle__forked[data-astro-cid-wicz3jsi] a[data-astro-cid-wicz3jsi]:hover{color:var(--color-text)}.doodle__marks[data-astro-cid-wicz3jsi]{grid-area:tag;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.15rem 0 0}.doodle__tag[data-astro-cid-wicz3jsi]{display:inline-flex;align-items:center;height:1.45rem;padding:0 .5rem;border-radius:999px;background:var(--color-hover-bg, color-mix(in srgb, var(--color-text) 8%, transparent));color:var(--color-text-muted);font-size:.72rem;font-weight:600;letter-spacing:.01em;line-height:1}.doodle__description[data-astro-cid-wicz3jsi]{grid-area:desc;max-width:42rem;font-size:1rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:pretty}.doodle__code[data-astro-cid-wicz3jsi]{min-width:0;margin-block-start:.35rem;padding:.85rem 0 0;border-top:1px solid var(--color-border)}.doodle__code[data-astro-cid-wicz3jsi] h2[data-astro-cid-wicz3jsi]{margin-block-end:.7rem;font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.doodle__code[data-astro-cid-wicz3jsi] .astro-code{margin:0;padding:1.2rem 1.35rem;border-radius:12px;font-size:.86rem;line-height:1.62;tab-size:2;box-shadow:inset 0 0 0 1px var(--color-code-border)}.doodle__open[data-astro-cid-wicz3jsi]{transition:background-color .15s ease,border-color .15s ease,color .15s ease,scale .12s ease}.doodle__open[data-astro-cid-wicz3jsi]:active{scale:.96}.doodle__open[data-astro-cid-wicz3jsi] .tip{display:none}@media(prefers-reduced-motion:no-preference){.doodle[data-astro-cid-wicz3jsi] .stage,.doodle__intro[data-astro-cid-wicz3jsi],.doodle__code[data-astro-cid-wicz3jsi]{animation:doodle-rise .55s cubic-bezier(.16,1,.3,1) backwards}.doodle__intro[data-astro-cid-wicz3jsi]{animation-delay:.08s}.doodle__code[data-astro-cid-wicz3jsi]{animation-delay:.16s}}@keyframes doodle-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:40em){.doodle[data-astro-cid-wicz3jsi]{gap:1.15rem}.doodle__intro[data-astro-cid-wicz3jsi]{grid-template-columns:1fr;grid-template-areas:"title" "byline" "actions" "tag" "desc";row-gap:.65rem}.doodle__title[data-astro-cid-wicz3jsi]{max-width:none;font-size:1.35rem}.doodle__actions[data-astro-cid-wicz3jsi]{padding-block-start:0}.doodle__open[data-astro-cid-wicz3jsi]{width:2.1rem;padding:0}.doodle__open-label[data-astro-cid-wicz3jsi]{display:none}.doodle__open[data-astro-cid-wicz3jsi] .tip{display:block}}@view-transition{navigation: none;}