.vox-playground:where(.astro-nxjprclg){background-color:#0b0f19;border:1px solid #4755697a;border-radius:.75rem;margin:1.15rem 0;overflow:hidden;box-shadow:0 18px 42px #0000008c,inset 0 1px #ffffff0d}.playground-header:where(.astro-nxjprclg){background:linear-gradient(#111726 0%,#0c111d 100%);border-bottom:1px solid #47556961;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1.1rem;display:flex}.playground-title-group:where(.astro-nxjprclg){align-items:baseline;gap:.42rem;display:inline-flex}.vox-dot:where(.astro-nxjprclg){font-family:var(--sl-font-mono,monospace);color:#22d3ee;letter-spacing:-.02em;font-size:1.2rem;font-weight:800}.playground-title-text:where(.astro-nxjprclg){color:#f8fafc;letter-spacing:-.015em;font-size:1.18rem;font-weight:700}.playground-header-controls:where(.astro-nxjprclg){flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.playground-tabs:where(.astro-nxjprclg){gap:.3rem;display:flex}.playground-tab:where(.astro-nxjprclg){color:#94a3b8;cursor:pointer;background:#0f172aa6;border:1px solid #47556961;border-radius:.35rem;padding:.24rem .58rem;font-size:.71rem;font-weight:600;transition:all .15s}.playground-tab:where(.astro-nxjprclg):hover{color:#f8fafc;border-color:#22d3ee73}.playground-tab:where(.astro-nxjprclg).active{color:#bae6fd;background:#22d3ee1f;border-color:#22d3ee8c}.copy-btn:where(.astro-nxjprclg){color:#94a3b8;cursor:pointer;background:#0f172abf;border:1px solid #47556966;border-radius:.35rem;padding:.24rem .58rem;font-size:.71rem;font-weight:600}.run-btn:where(.astro-nxjprclg){color:#041019;cursor:pointer;background:linear-gradient(#22d3ee 0%,#06b6d4 100%);border:none;border-radius:.35rem;padding:.26rem .72rem;font-size:.73rem;font-weight:700;box-shadow:0 2px 10px #22d3ee40}.playground-split-grid:where(.astro-nxjprclg){grid-template-columns:1fr;display:grid}@media (width>=960px){.playground-split-grid:where(.astro-nxjprclg){grid-template-columns:1.02fr 1fr}}.playground-left-pane:where(.astro-nxjprclg){background:#0a0e17;border-right:1px solid #47556959;flex-direction:column;display:flex}.schematic-card:where(.astro-nxjprclg){background:radial-gradient(circle at 50% 45%,#1e293b52 0%,#0a0e17fa 100%);border-bottom:1px solid #47556959;padding:.35rem .65rem .4rem}.schematic-svg:where(.astro-nxjprclg){width:100%;height:auto;max-height:166px;display:block}.schematic-target-btn:where(.astro-nxjprclg){cursor:pointer;transition:opacity .15s}.schematic-target-btn:where(.astro-nxjprclg):hover{opacity:.92}.schematic-target-btn:where(.astro-nxjprclg).active rect:where(.astro-nxjprclg){stroke-width:2.2px;filter:drop-shadow(0 0 8px #22d3ee66)}.editor-container:where(.astro-nxjprclg){background:#080b13;flex-direction:column;flex:1;display:flex}.editor-file-bar:where(.astro-nxjprclg){background:#0d121d;border-bottom:1px solid #47556959;justify-content:space-between;align-items:center;height:34px;padding:0 .75rem 0 0;font-size:.76rem;display:flex}.editor-file-tab:where(.astro-nxjprclg){color:#e2e8f0;background:#080b13;border-top:2px solid #22d3ee;border-right:1px solid #47556959;align-items:center;gap:.45rem;height:100%;padding:0 .9rem;font-weight:500;display:inline-flex}.editor-close-dot:where(.astro-nxjprclg){color:#64748b;font-size:.85rem}.editor-window-actions:where(.astro-nxjprclg){color:#64748b;align-items:center;gap:.55rem;font-size:.82rem;display:inline-flex}.code-editor-shell:where(.astro-nxjprclg){background:#080b13;grid-template-columns:34px 1fr;min-height:210px;max-height:230px;display:grid;position:relative;overflow:hidden}.editor-line-gutter:where(.astro-nxjprclg),.secondary-line-gutter:where(.astro-nxjprclg){text-align:right;color:#475569;font-family:"JetBrains Mono", "Fira Code", var(--sl-font-mono,monospace);user-select:none;white-space:pre;background:#080b13;border-right:1px solid #33415540;padding:.7rem .4rem .7rem 0;font-size:.76rem;line-height:1.52}.editor-stage:where(.astro-nxjprclg){min-height:210px;position:relative;overflow:auto}.code-highlight-layer:where(.astro-nxjprclg),.code-editor:where(.astro-nxjprclg){font-family:"JetBrains Mono", "Fira Code", var(--sl-font-mono,monospace);tab-size:4;white-space:pre;box-sizing:border-box;width:100%;min-height:210px;margin:0;padding:.7rem .85rem;font-size:.76rem;line-height:1.52}.code-highlight-layer:where(.astro-nxjprclg){pointer-events:none;color:#e2e8f0;overflow:hidden}.code-editor:where(.astro-nxjprclg){color:#0000;caret-color:#22d3ee;resize:none;background:0 0;border:none;outline:none;height:100%;position:absolute;inset:0;overflow:auto}.playground-right-pane:where(.astro-nxjprclg){background:#0a0e17;flex-direction:column;display:flex}.target-tabs-bar:where(.astro-nxjprclg){background:#0d121d;border-bottom:1px solid #47556959;align-items:center;gap:.15rem;height:36px;padding:0 .65rem;display:flex;overflow-x:auto}.target-tab:where(.astro-nxjprclg){color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;height:100%;padding:0 .65rem;font-size:.75rem;font-weight:600;transition:all .15s}.target-tab:where(.astro-nxjprclg):hover{color:#f8fafc}.target-tab:where(.astro-nxjprclg).active{color:#f8fafc;border-bottom-color:#e2e8f0}.output-container:where(.astro-nxjprclg){background:#080b13;border-bottom:1px solid #47556959;padding:.55rem .85rem}.output-display:where(.astro-nxjprclg){color:#cbd5e1;min-height:145px;max-height:155px;font-family:"JetBrains Mono", "Fira Code", var(--sl-font-mono,monospace);white-space:pre-wrap;word-break:break-word;background:0 0;margin:0;padding:.35rem .25rem;font-size:.76rem;line-height:1.52;overflow:auto}.secondary-target-preview:where(.astro-nxjprclg){background:#080b13;flex-direction:column;flex:1;display:flex}.secondary-tabs-bar:where(.astro-nxjprclg){background:#0d121d;border-bottom:1px solid #47556959;align-items:center;gap:.25rem;height:34px;padding:0 .75rem;display:flex}.secondary-tab:where(.astro-nxjprclg){color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;height:100%;padding:0 .65rem;font-size:.76rem;font-weight:600}.secondary-tab:where(.astro-nxjprclg).active{color:#f8fafc;border-bottom-color:#10b981}.secondary-chevron:where(.astro-nxjprclg){color:#64748b;margin-left:auto;font-size:.85rem}.secondary-code-shell:where(.astro-nxjprclg){background:#080b13;grid-template-columns:34px 1fr;min-height:210px;max-height:230px;display:grid;overflow:hidden}.secondary-output-display:where(.astro-nxjprclg){color:#cbd5e1;font-family:"JetBrains Mono", "Fira Code", var(--sl-font-mono,monospace);white-space:pre;background:0 0;margin:0;padding:.7rem .85rem;font-size:.76rem;line-height:1.52;overflow:auto}.tok-kw{color:#38bdf8;font-weight:600}.tok-type{color:#a78bfa}.tok-str{color:#fb923c}.tok-prop{color:#34d399}.tok-fn{color:#60a5fa}.tok-num{color:#fbbf24}.tok-comment{color:#64748b;font-style:italic}.tok-rule{border-bottom:1px solid #47556959;margin:.35rem 0;display:block}@layer starlight.components{.card:where(.astro-t3qtawez){--sl-card-border:var(--sl-color-purple);--sl-card-bg:var(--sl-color-purple-low);border:1px solid var(--sl-color-gray-5);background-color:var(--sl-color-black);flex-direction:column;gap:clamp(.5rem,.125rem + 1vw,1rem);padding:clamp(1rem,.125rem + 3vw,2.5rem)}.card:where(.astro-t3qtawez):nth-child(4n+1){--sl-card-border:var(--sl-color-orange);--sl-card-bg:var(--sl-color-orange-low)}.card:where(.astro-t3qtawez):nth-child(4n+3){--sl-card-border:var(--sl-color-green);--sl-card-bg:var(--sl-color-green-low)}.card:where(.astro-t3qtawez):nth-child(4n+4){--sl-card-border:var(--sl-color-red);--sl-card-bg:var(--sl-color-red-low)}.card:where(.astro-t3qtawez):nth-child(4n+5){--sl-card-border:var(--sl-color-blue);--sl-card-bg:var(--sl-color-blue-low)}.title:where(.astro-t3qtawez){font-weight:600;font-size:var(--sl-text-h4);color:var(--sl-color-white);line-height:var(--sl-line-height-headings);align-items:center;gap:1rem}.card:where(.astro-t3qtawez) .icon:where(.astro-t3qtawez){border:1px solid var(--sl-card-border);background-color:var(--sl-card-bg);border-radius:.25rem;flex-shrink:0;padding:.2em}.card:where(.astro-t3qtawez) .body:where(.astro-t3qtawez){font-size:clamp(var(--sl-text-sm), calc(.5rem + 1vw), var(--sl-text-body));margin:0}.card-grid:where(.astro-isisvxxg){grid-template-columns:100%;gap:1rem;display:grid}.card-grid:where(.astro-isisvxxg)>*{margin-top:0!important}@media (width>=50rem){.card-grid:where(.astro-isisvxxg){grid-template-columns:1fr 1fr;gap:1.5rem}.stagger:where(.astro-isisvxxg){--stagger-height:5rem;padding-bottom:var(--stagger-height)}.stagger:where(.astro-isisvxxg)>:nth-child(2n){transform:translateY(var(--stagger-height))}}}