.pa-console:where(.astro-vnbbmo5k){--pa-panel-bg: linear-gradient( 155deg, rgba(18, 21, 42, .92) 0%, rgba(13, 16, 33, .98) 55%, rgba(7, 9, 18, 1) 100% );--pa-stage-bg: linear-gradient( 180deg, rgba(20, 24, 46, .98) 0%, rgba(15, 18, 35, .99) 52%, rgba(11, 13, 27, 1) 100% );--pa-stage-grid: rgba(193, 197, 214, .045);--pa-guide: rgba(224, 170, 255, .78);--pa-region-fill: rgba(127, 90, 240, .16);--pa-region-line: rgba(224, 170, 255, .9);--pa-anchor-fill: rgba(90, 197, 255, .16);--pa-anchor-line: rgba(123, 205, 255, .78);--pa-element-fill: linear-gradient(135deg, #f28ecf 0%, #9d4edd 100%);--pa-space-1: .35rem;--pa-space-2: .7rem;--pa-space-3: 1rem;--pa-space-4: 1.5rem;--pa-space-5: 2rem;display:grid;grid-template-columns:minmax(22rem,.95fr) minmax(0,1.05fr);gap:1.5rem;margin-block:2rem;align-items:start}.pa-stage-panel:where(.astro-vnbbmo5k),.pa-settings-panel:where(.astro-vnbbmo5k),.pa-inspector-panel:where(.astro-vnbbmo5k){border:1px solid rgba(193,197,214,.14);border-radius:1rem;background:var(--pa-panel-bg);box-shadow:0 1.5rem 3rem #00000038;overflow:hidden}.pa-stage-header:where(.astro-vnbbmo5k),.pa-settings-copy:where(.astro-vnbbmo5k),.pa-inspector-header:where(.astro-vnbbmo5k),.pa-inspector-body:where(.astro-vnbbmo5k){padding-inline:1.25rem}.pa-stage-header:where(.astro-vnbbmo5k),.pa-settings-copy:where(.astro-vnbbmo5k),.pa-inspector-header:where(.astro-vnbbmo5k){padding-block:1.15rem 1rem;border-block-end:1px solid rgba(193,197,214,.12)}.pa-settings-panel:where(.astro-vnbbmo5k){display:grid;grid-column:1;grid-row:1 / span 2}.pa-settings-grid:where(.astro-vnbbmo5k){display:grid;grid-template-columns:minmax(0,1fr);padding:var(--pa-space-4) 1.25rem var(--pa-space-4)}.pa-settings-stack:where(.astro-vnbbmo5k){display:grid;gap:var(--pa-space-5)}.pa-stage-panel:where(.astro-vnbbmo5k){display:flex;flex-direction:column;grid-column:2;grid-row:1}.pa-inspector-panel:where(.astro-vnbbmo5k){display:grid;grid-column:2;grid-row:2;grid-template-rows:auto 1fr;min-block-size:100%}.pa-inspector-body:where(.astro-vnbbmo5k){padding-block:1.15rem 1.25rem}.pa-kicker:where(.astro-vnbbmo5k){margin:0;color:var(--sl-color-accent-high);font-size:.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.pa-stage-wrapper:where(.astro-vnbbmo5k){padding:1.25rem}.pa-stage:where(.astro-vnbbmo5k){position:relative;min-block-size:31rem;border-radius:1rem;border:1px solid rgba(224,170,255,.14);background:var(--pa-stage-bg);overflow:hidden;display:grid;place-items:center;isolation:isolate;box-shadow:inset 0 1px #ffffff08,inset 0 0 0 1px #e0aaff08}.pa-stage:where(.astro-vnbbmo5k):before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 20%);opacity:.35;pointer-events:none}.pa-stage-noise:where(.astro-vnbbmo5k),.pa-stage-grid:where(.astro-vnbbmo5k),.pa-grid-lines:where(.astro-vnbbmo5k),.pa-region-probe:where(.astro-vnbbmo5k){position:absolute;inset:0;pointer-events:none}.pa-stage-noise:where(.astro-vnbbmo5k){background:linear-gradient(180deg,rgba(255,255,255,.008),transparent 22%,transparent 78%,rgba(0,0,0,.045));opacity:.22}.pa-stage-grid:where(.astro-vnbbmo5k){background-image:linear-gradient(to right,var(--pa-stage-grid) 1px,transparent 1px),linear-gradient(to bottom,var(--pa-stage-grid) 1px,transparent 1px);background-size:6rem 6rem;opacity:.8}.pa-grid-lines:where(.astro-vnbbmo5k){z-index:1}.pa-grid-line:where(.astro-vnbbmo5k){position:absolute;background:#7bcdff73;box-shadow:0 0 0 1px #7bcdff08}.pa-grid-line-top:where(.astro-vnbbmo5k),.pa-grid-line-bottom:where(.astro-vnbbmo5k){inset-inline:0;block-size:1px}.pa-grid-line-left:where(.astro-vnbbmo5k),.pa-grid-line-right:where(.astro-vnbbmo5k){inset-block:0;inline-size:1px}.pa-region-probe:where(.astro-vnbbmo5k){z-index:0;opacity:0}.pa-anchor-el:where(.astro-vnbbmo5k),.pa-positioned-el:where(.astro-vnbbmo5k){position:relative;z-index:5;border-radius:.9rem;padding:.9rem 1rem;display:grid;gap:.2rem;box-shadow:0 1rem 2rem #0000002e}.pa-anchor-el:where(.astro-vnbbmo5k){background:linear-gradient(135deg,#274468f5,#182d49f5);border:1px solid var(--pa-anchor-line);color:#d8f2ff;min-inline-size:11rem;max-inline-size:14rem;text-align:center}.pa-anchor-title:where(.astro-vnbbmo5k),.pa-positioned-title:where(.astro-vnbbmo5k){font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:1rem;line-height:1.1;font-weight:700}.pa-anchor-meta:where(.astro-vnbbmo5k),.pa-positioned-copy:where(.astro-vnbbmo5k){color:#e6e8f0c7;font-size:.8rem;line-height:1.35}.pa-positioned-el:where(.astro-vnbbmo5k){position:absolute;background:var(--pa-element-fill);border:1px solid rgba(255,255,255,.18);color:#fff7fd;min-inline-size:13rem;max-inline-size:17rem;justify-items:start}.pa-positioned-el:where(.astro-vnbbmo5k)[data-preset=chip]{min-inline-size:auto;max-inline-size:none;padding:.65rem .9rem}.pa-positioned-el:where(.astro-vnbbmo5k)[data-preset=menu]{min-inline-size:16rem;max-inline-size:16rem;background:linear-gradient(155deg,#4a2b7bfa,#1a0f33fa)}.pa-positioned-el:where(.astro-vnbbmo5k)[data-preset=fill]{inline-size:100%;block-size:100%;min-inline-size:0;max-inline-size:none;border-radius:0;padding:1rem;box-sizing:border-box;align-content:start}.pa-positioned-el:where(.astro-vnbbmo5k)[data-preset=fill] .pa-positioned-copy:where(.astro-vnbbmo5k){max-inline-size:24ch}.pa-unsupported:where(.astro-vnbbmo5k){margin:1rem 0 0;color:var(--sl-color-gray-2);font-size:.9rem}.pa-settings-copy:where(.astro-vnbbmo5k) h2:where(.astro-vnbbmo5k){margin:var(--pa-space-2) 0 .5rem;color:var(--sl-color-text);font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.15;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif}.pa-settings-copy:where(.astro-vnbbmo5k) p:where(.astro-vnbbmo5k):last-child{margin:0;color:var(--sl-color-gray-2);line-height:1.6}.pa-control-group:where(.astro-vnbbmo5k){margin:0;padding:0;border:0;display:grid;gap:var(--pa-space-3)}.pa-control-group:where(.astro-vnbbmo5k) legend:where(.astro-vnbbmo5k){padding:0;margin:0;color:var(--sl-color-gray-2);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pa-inline-groups:where(.astro-vnbbmo5k){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.pa-segmented:where(.astro-vnbbmo5k),.pa-token-row:where(.astro-vnbbmo5k){display:flex;flex-wrap:wrap;gap:.6rem}.pa-segmented-wrap:where(.astro-vnbbmo5k){row-gap:.6rem}.pa-chip:where(.astro-vnbbmo5k),.pa-token-btn:where(.astro-vnbbmo5k),.pa-value-btn:where(.astro-vnbbmo5k),.pa-copy-btn:where(.astro-vnbbmo5k){border:1px solid rgba(193,197,214,.18);background:#e6e8f005;color:var(--sl-color-gray-1);border-radius:.8rem;transition:border-color .18s ease,background-color .18s ease,transform .18s ease,box-shadow .18s ease}.pa-chip:where(.astro-vnbbmo5k),.pa-token-btn:where(.astro-vnbbmo5k),.pa-copy-btn:where(.astro-vnbbmo5k){min-block-size:2.6rem;padding-inline:.9rem;font:inherit;cursor:pointer}.pa-chip:where(.astro-vnbbmo5k){font-size:.88rem}.pa-token-btn:where(.astro-vnbbmo5k){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}.pa-value-grid:where(.astro-vnbbmo5k){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.pa-value-btn:where(.astro-vnbbmo5k){min-block-size:4.4rem;padding:.7rem .55rem;cursor:pointer;display:grid;align-content:center;justify-items:center;gap:.15rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;line-height:1.15;text-align:center}.pa-value-btn:where(.astro-vnbbmo5k) span:where(.astro-vnbbmo5k),.pa-token-btn:where(.astro-vnbbmo5k) span:where(.astro-vnbbmo5k){display:block}.pa-chip:where(.astro-vnbbmo5k):hover,.pa-token-btn:where(.astro-vnbbmo5k):hover,.pa-value-btn:where(.astro-vnbbmo5k):hover,.pa-copy-btn:where(.astro-vnbbmo5k):hover{border-color:#e0aaff85;background:#e0aaff14;transform:translateY(-1px)}.pa-chip:where(.astro-vnbbmo5k)[aria-pressed=true],.pa-token-btn:where(.astro-vnbbmo5k)[aria-pressed=true],.pa-value-btn:where(.astro-vnbbmo5k)[aria-pressed=true]{border-color:#f28ecfbf;background:linear-gradient(135deg,#f28ecf2e,#7b4ce62e);box-shadow:inset 0 0 0 1px #ffffff08}.pa-picker-section:where(.astro-vnbbmo5k){display:grid;gap:var(--pa-space-2)}.pa-picker-heading:where(.astro-vnbbmo5k){display:flex;justify-content:space-between;gap:.75rem;align-items:baseline;margin:0;color:var(--sl-color-text);font-size:.9rem}.pa-picker-note:where(.astro-vnbbmo5k){color:var(--sl-color-gray-3);font-size:.78rem;text-align:right}.pa-section-note:where(.astro-vnbbmo5k){margin:0;color:var(--sl-color-gray-3);font-size:.78rem;line-height:1.45}.pa-live-explanation:where(.astro-vnbbmo5k){margin:0;margin-block-end:var(--pa-space-3);color:var(--sl-color-gray-1);line-height:1.6}.pa-live-explanation:where(.astro-vnbbmo5k) code:where(.astro-vnbbmo5k),.pa-picker-note:where(.astro-vnbbmo5k) code:where(.astro-vnbbmo5k){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#f6d7ee}.pa-code-output:where(.astro-vnbbmo5k){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;align-self:stretch;gap:.8rem;border-radius:1rem;border:1px solid rgba(193,197,214,.14);background:#04060eb8;padding:1.1rem;min-block-size:22rem;overflow:hidden}.pa-code-output:where(.astro-vnbbmo5k) pre:where(.astro-vnbbmo5k){margin:0;min-inline-size:0;max-inline-size:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.pa-code-output:where(.astro-vnbbmo5k) code:where(.astro-vnbbmo5k){color:#dfeaf5;font-size:.84rem;line-height:1.6;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.pa-copy-btn:where(.astro-vnbbmo5k){align-self:start;background:#e0aaff1f;color:#fff4fb}.pa-console:where(.astro-vnbbmo5k)[data-ready=true] .pa-anchor-el:where(.astro-vnbbmo5k),.pa-console:where(.astro-vnbbmo5k)[data-ready=true] .pa-positioned-el:where(.astro-vnbbmo5k){animation:pa-enter .54s cubic-bezier(.22,1,.36,1)}@keyframes pa-enter{0%{opacity:0;transform:translateY(.6rem) scale(.985)}to{opacity:1;transform:none}}.pa-chip:where(.astro-vnbbmo5k):focus-visible,.pa-token-btn:where(.astro-vnbbmo5k):focus-visible,.pa-value-btn:where(.astro-vnbbmo5k):focus-visible,.pa-copy-btn:where(.astro-vnbbmo5k):focus-visible{outline:2px solid rgba(224,170,255,.9);outline-offset:2px}@media(max-width:1080px){.pa-console:where(.astro-vnbbmo5k),.pa-settings-grid:where(.astro-vnbbmo5k){grid-template-columns:1fr}.pa-settings-panel:where(.astro-vnbbmo5k),.pa-stage-panel:where(.astro-vnbbmo5k),.pa-inspector-panel:where(.astro-vnbbmo5k){grid-column:auto;grid-row:auto}}@media(max-width:720px){.pa-stage:where(.astro-vnbbmo5k){min-block-size:26rem}.pa-inline-groups:where(.astro-vnbbmo5k){grid-template-columns:1fr}.pa-picker-heading:where(.astro-vnbbmo5k){flex-direction:column;align-items:start}.pa-picker-note:where(.astro-vnbbmo5k){text-align:left}.pa-code-output:where(.astro-vnbbmo5k){grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.pa-chip:where(.astro-vnbbmo5k),.pa-token-btn:where(.astro-vnbbmo5k),.pa-value-btn:where(.astro-vnbbmo5k),.pa-copy-btn:where(.astro-vnbbmo5k){transition:none}.pa-console:where(.astro-vnbbmo5k)[data-ready=true] .pa-anchor-el:where(.astro-vnbbmo5k),.pa-console:where(.astro-vnbbmo5k)[data-ready=true] .pa-positioned-el:where(.astro-vnbbmo5k){animation:none}}body{margin:0;min-block-size:100vh;color:var(--sl-color-text);font-family:Avenir Next,Avenir,Segoe UI,sans-serif}.playground-shell:where(.astro-zgsgloam){max-inline-size:88rem;margin-inline:auto;padding-inline:1.5rem;padding-block-end:3rem}.playground-header:where(.astro-zgsgloam){display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-block:1rem}.playground-nav:where(.astro-zgsgloam){display:flex;flex-wrap:wrap;gap:1rem}.playground-nav:where(.astro-zgsgloam) a:where(.astro-zgsgloam){color:var(--sl-color-gray-2);text-decoration:none}.playground-nav:where(.astro-zgsgloam) a:where(.astro-zgsgloam)[aria-current=page],.playground-nav:where(.astro-zgsgloam) a:where(.astro-zgsgloam):hover{color:var(--sl-color-text)}.playground-intro:where(.astro-zgsgloam){max-inline-size:58rem;padding-block:2rem 1rem}.playground-kicker:where(.astro-zgsgloam){margin:0;color:var(--sl-color-accent-high);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}h1:where(.astro-zgsgloam){margin:.6rem 0 1rem;font-size:clamp(2rem,5vw,3.75rem);line-height:1}.playground-intro:where(.astro-zgsgloam)>p:where(.astro-zgsgloam):last-of-type{margin:0;color:var(--sl-color-gray-2);font-size:1.05rem;line-height:1.7}.playground-callout:where(.astro-zgsgloam){margin-block:1.5rem 2rem;padding:1rem 1.1rem;border:1px solid rgba(224,170,255,.18);border-radius:.9rem;background:linear-gradient(155deg,#2d1f4759,#0d102147)}.playground-callout:where(.astro-zgsgloam) p:where(.astro-zgsgloam){margin:0;color:var(--sl-color-gray-2);line-height:1.65}.playground-callout:where(.astro-zgsgloam) p:where(.astro-zgsgloam)+p:where(.astro-zgsgloam){margin-block-start:.55rem}.playground-callout:where(.astro-zgsgloam) strong:where(.astro-zgsgloam){color:var(--sl-color-text)}@media(max-width:720px){.playground-header:where(.astro-zgsgloam){flex-direction:column;align-items:start}}