.snippet.svelte-1lg6leo{position:relative}pre.svelte-1lg6leo{max-block-size:var(--code-max-height,12rem);padding:var(--space-3);border-radius:var(--radius-md);background:var(--code-bg,var(--color-surface-sunken));color:var(--code-fg,var(--color-text));font-family:var(--font-mono);font-size:var(--text-2xs);line-height:var(--leading-normal);tab-size:2;margin:0;padding-inline-end:var(--space-16);overflow:auto}.snippet.svelte-1lg6leo .copy{position:absolute;inset-block-start:var(--space-1);inset-inline-end:var(--space-1)}.stage-header.svelte-1t9i7n1{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-4) var(--space-1) var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-overlay);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-2);display:flex}.stage-header.svelte-1t9i7n1:has(.info){padding-inline-end:var(--space-1)}.stage-header.svelte-1t9i7n1 .button{--button-radius:var(--radius-full)}.stage-header.svelte-1t9i7n1 .info{margin-inline-start:var(--space-2)}h1.svelte-1t9i7n1{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.panel.svelte-3gdnl5{inline-size:var(--panel-width,18rem);border:var(--panel-border,1px solid var(--color-border));border-radius:var(--panel-radius);background:var(--panel-bg,var(--color-overlay));max-block-size:100%;-webkit-backdrop-filter:blur(var(--panel-blur,24px)) saturate(1.4);backdrop-filter:blur(var(--panel-blur,24px)) saturate(1.4);box-shadow:var(--shadow-3);flex-direction:column;display:flex;overflow:hidden}header.svelte-3gdnl5{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--panel-padding);border-block-end:1px solid var(--color-border);display:flex}.collapsed.svelte-3gdnl5 header:where(.svelte-3gdnl5){border-block-end:none}h2.svelte-3gdnl5{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.actions.svelte-3gdnl5{gap:var(--space-1);display:flex}.body.svelte-3gdnl5{gap:var(--panel-gap);padding:var(--panel-padding);overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:minmax(0,1fr);display:grid;overflow-y:auto}.body[hidden].svelte-3gdnl5{display:none}.code.svelte-3gdnl5{border-block-start:1px solid var(--color-border);padding-block-start:var(--space-3)}.explainer.svelte-xmjj76{background:var(--explainer-bg,var(--color-surface));border-block-start:1px solid var(--color-border);scroll-margin-block-start:var(--space-4)}.inner.svelte-xmjj76{max-inline-size:var(--explainer-width,44rem);padding:var(--space-16) var(--space-6);margin-inline:auto}.eyebrow.svelte-xmjj76{color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}h2.svelte-xmjj76{margin-block:var(--space-2) var(--space-4);font-size:var(--text-2xl)}.lede.svelte-xmjj76{color:var(--color-text-muted);font-size:var(--text-lg)}.inner.svelte-xmjj76 h3{margin-block:var(--space-12) var(--space-3);font-size:var(--text-lg)}.inner.svelte-xmjj76 p,.inner.svelte-xmjj76 ul,.inner.svelte-xmjj76 ol,.inner.svelte-xmjj76 dl{margin-block:0 var(--space-4)}.inner.svelte-xmjj76 ul,.inner.svelte-xmjj76 ol{padding-inline-start:var(--space-6)}.inner.svelte-xmjj76 li+li{margin-block-start:var(--space-2)}.inner.svelte-xmjj76 code{border-radius:var(--radius-sm);background:var(--color-surface-sunken);font-family:var(--font-mono);padding:.1em .35em;font-size:.875em}.inner.svelte-xmjj76 pre code{font-size:inherit;background:0 0;padding:0}.inner.svelte-xmjj76 .snippet{margin-block:var(--space-4) var(--space-6);--code-max-height:none}.inner.svelte-xmjj76 dl{gap:var(--space-2) var(--space-4);grid-template-columns:max-content 1fr;display:grid}.inner.svelte-xmjj76 dt{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.inner.svelte-xmjj76 dd{color:var(--color-text-muted);margin:0}.inner.svelte-xmjj76 .note{padding:var(--space-3) var(--space-4);border-inline-start:3px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent-subtle)}.top.svelte-xmjj76{font-size:var(--text-sm);margin-block-start:var(--space-12)}@media (width<40rem){.inner.svelte-xmjj76 dl{grid-template-columns:1fr}.inner.svelte-xmjj76 dd{margin-block-end:var(--space-2)}}.group.svelte-14wohi2{border-block-start:1px solid var(--color-border);padding-block:var(--space-3)}.group.svelte-14wohi2:first-of-type{border-block-start:none;padding-block-start:0}summary.svelte-14wohi2{color:var(--control-group-title-color,var(--color-text-muted));font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;border-radius:var(--radius-sm);justify-content:space-between;align-items:center;list-style:none;display:flex}summary.svelte-14wohi2::-webkit-details-marker{display:none}summary.svelte-14wohi2:after{content:"";aspect-ratio:1;inline-size:.4rem;transition:rotate var(--duration-base) var(--ease-out);border-block-end:1.5px solid;border-inline-end:1.5px solid;rotate:-45deg}.group[open].svelte-14wohi2 summary:where(.svelte-14wohi2):after{rotate:45deg}.body.svelte-14wohi2{gap:var(--control-group-gap,var(--space-3));grid-template-columns:minmax(0,1fr);padding-block-start:var(--space-3);display:grid}.color-input.svelte-d5w3na{appearance:none;inline-size:var(--color-input-size,1.5rem);block-size:var(--color-input-size,1.5rem);border:var(--color-input-border,2px solid var(--color-control-border));border-radius:var(--radius-full);cursor:pointer;background:0 0;flex:none;padding:0;overflow:hidden}.color-input.svelte-d5w3na::-webkit-color-swatch-wrapper{padding:0}.color-input.svelte-d5w3na::-webkit-color-swatch{border-radius:var(--radius-full);border:none}.color-input.svelte-d5w3na::-moz-color-swatch{border-radius:var(--radius-full);border:none}@media (forced-colors:active){.color-input.svelte-d5w3na{forced-color-adjust:none;border-color:canvastext}}.select.svelte-16jah89{appearance:none;inline-size:100%;block-size:var(--select-height,var(--control-height-sm));padding-inline:var(--space-2) var(--space-6);border:1px solid var(--select-border,var(--color-control-border));border-radius:var(--select-radius,var(--control-radius));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right var(--space-2) center / .625rem, var(--select-bg,var(--color-surface-sunken));font-size:var(--control-font-size);cursor:pointer}.select.svelte-16jah89:hover{border-color:var(--color-text-muted)}.slider.svelte-lbhnua{--_track-h:var(--slider-track-height,4px);--_thumb:var(--slider-thumb-size,14px);--_fill:var(--slider-fill,var(--color-accent));--_track:var(--slider-track,var(--color-control-track));--_thumb-bg:var(--slider-thumb,var(--color-surface-raised));--_thumb-border:var(--slider-thumb-border,2px solid var(--_fill));appearance:none;inline-size:100%;block-size:var(--_thumb);cursor:pointer;border-radius:var(--radius-full);background:0 0;margin:0}.slider.svelte-lbhnua:disabled{opacity:.5;cursor:not-allowed}.slider.svelte-lbhnua::-webkit-slider-runnable-track{block-size:var(--_track-h);border-radius:var(--radius-full);background:linear-gradient(to right, var(--_fill) var(--progress), var(--_track) var(--progress))}.slider.svelte-lbhnua::-moz-range-track{block-size:var(--_track-h);border-radius:var(--radius-full);background:var(--_track)}.slider.svelte-lbhnua::-moz-range-progress{block-size:var(--_track-h);border-radius:var(--radius-full);background:var(--_fill)}.slider.svelte-lbhnua::-webkit-slider-thumb{appearance:none;inline-size:var(--_thumb);block-size:var(--_thumb);border-radius:var(--radius-full);background:var(--_thumb-bg);border:var(--_thumb-border);box-shadow:var(--shadow-1);transition:scale var(--duration-fast) var(--ease-out);margin-block-start:calc((var(--_track-h) - var(--_thumb)) / 2)}.slider.svelte-lbhnua::-moz-range-thumb{inline-size:var(--_thumb);block-size:var(--_thumb);border-radius:var(--radius-full);background:var(--_thumb-bg);border:var(--_thumb-border);box-shadow:var(--shadow-1);box-sizing:border-box;transition:scale var(--duration-fast) var(--ease-out)}.slider.svelte-lbhnua:active::-webkit-slider-thumb{scale:1.2}.slider.svelte-lbhnua:active::-moz-range-thumb{scale:1.2}@media (forced-colors:active){.slider.svelte-lbhnua{forced-color-adjust:none;--_fill:Highlight;--_track:CanvasText;--_thumb-bg:Canvas;--_thumb-border:2px solid Highlight}.slider.svelte-lbhnua:disabled{--_fill:GrayText;--_track:GrayText;--_thumb-border:2px solid GrayText;opacity:1}}.switch.svelte-i4qg81{--_w:var(--switch-width,2.25rem);--_h:var(--switch-height,1.25rem);--_pad:2px;appearance:none;inline-size:var(--_w);block-size:var(--_h);border-radius:var(--radius-full);background:var(--switch-track,var(--color-control-track));cursor:pointer;transition:background-color var(--duration-base) var(--ease-out);flex:none;margin:0;position:relative}.switch.svelte-i4qg81:before{content:"";inline-size:calc(var(--_h) - 2 * var(--_pad));aspect-ratio:1;border-radius:var(--radius-full);background:var(--switch-thumb,var(--color-surface-raised));box-shadow:var(--shadow-1);transition:translate var(--duration-base) var(--ease-spring);position:absolute;inset-block-start:var(--_pad);inset-inline-start:var(--_pad)}.switch.svelte-i4qg81:checked{background:var(--switch-track-on,var(--color-accent))}.switch.svelte-i4qg81:checked:before{translate:calc(var(--_w) - var(--_h)) 0}.switch.svelte-i4qg81:disabled{opacity:.5;cursor:not-allowed}@media (forced-colors:active){.switch.svelte-i4qg81{forced-color-adjust:none;background:canvas;box-shadow:inset 0 0 0 1px canvastext}.switch.svelte-i4qg81:before{box-shadow:none;background:canvastext}.switch.svelte-i4qg81:checked{box-shadow:none;background:highlight}.switch.svelte-i4qg81:checked:before{background:highlighttext}.switch.svelte-i4qg81:disabled{opacity:1;box-shadow:inset 0 0 0 1px graytext}.switch.svelte-i4qg81:disabled:before{background:graytext}}.field.svelte-1qyb3lq{gap:var(--field-gap,var(--space-1));display:grid}.row.svelte-1qyb3lq{justify-content:space-between;align-items:center;gap:var(--space-2);min-block-size:var(--control-height-sm);display:flex}.stacked.svelte-1qyb3lq .row:where(.svelte-1qyb3lq){min-block-size:auto}label.svelte-1qyb3lq{color:var(--field-label-color,var(--color-text-muted));font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer}output.svelte-1qyb3lq{color:var(--field-value-color,var(--color-text));font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;margin-inline-start:auto}.playground.svelte-pq4fr5{--_inset:var(--playground-inset,var(--space-4));position:relative}.screen.svelte-pq4fr5{block-size:100dvh;position:relative;overflow:hidden}.stage.svelte-pq4fr5{display:grid;position:absolute;inset:0}.header.svelte-pq4fr5{z-index:var(--z-overlay);position:absolute;inset-block-start:var(--_inset);inset-inline-start:var(--_inset)}.panel.svelte-pq4fr5{inset-block:var(--_inset);z-index:var(--z-panel);pointer-events:none;align-items:flex-start;display:flex;position:absolute;inset-inline-end:var(--_inset)}.panel.svelte-pq4fr5>*{pointer-events:auto}@media (width<40rem){.panel.svelte-pq4fr5{inset:auto var(--space-2) var(--space-2);align-items:flex-end}.panel.svelte-pq4fr5>*{--panel-width:100%;max-block-size:55dvh}}