.playground:where(.astro-isix6ozr){border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.playground__header:where(.astro-isix6ozr){justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border);background:var(--card);flex-wrap:wrap;display:flex}.playground__brand:where(.astro-isix6ozr){align-items:center;gap:var(--spacing-3);min-width:0;display:flex}.playground__brand-mark:where(.astro-isix6ozr){border-radius:var(--radius-md);background:var(--primary);width:2.25rem;height:2.25rem;color:var(--primary-foreground);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.playground__brand-text:where(.astro-isix6ozr){min-width:0}.playground__title:where(.astro-isix6ozr){letter-spacing:-.01em;color:var(--foreground);font-size:1.0625rem;font-weight:700;line-height:1.2}.playground__subtitle:where(.astro-isix6ozr){color:var(--muted-foreground);margin:0;font-size:.8125rem;line-height:1.4}.playground__toolbar:where(.astro-isix6ozr){align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.playground__select:where(.astro-isix6ozr){align-items:center;gap:var(--spacing-2);display:flex}.playground__select-label:where(.astro-isix6ozr){color:var(--muted-foreground);font-size:.8125rem;font-weight:600}.playground__select-input:where(.astro-isix6ozr){border-radius:var(--radius-md);border:1px solid var(--border);background:var(--background);min-width:10rem;color:var(--foreground);font:inherit;cursor:pointer;padding:.4rem .6rem;font-size:.8125rem;transition:border-color .15s,box-shadow .15s}.playground__select-input:where(.astro-isix6ozr):focus-visible{border-color:var(--ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--ring) 35%, transparent);outline:none}.playground__actions:where(.astro-isix6ozr){gap:var(--spacing-2);display:flex}.playground__btn:where(.astro-isix6ozr){justify-content:center;align-items:center;gap:var(--spacing-2);border-radius:var(--radius-md);font:inherit;cursor:pointer;border:1px solid #0000;padding:.45rem .9rem;font-size:.8125rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.playground__btn:where(.astro-isix6ozr):active{transform:scale(.98)}.playground__btn:where(.astro-isix6ozr):focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--ring) 35%, transparent);outline:none}.playground__btn--primary:where(.astro-isix6ozr){background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.playground__btn--primary:where(.astro-isix6ozr):hover{background:var(--primary-hover,var(--foreground));border-color:var(--primary-hover,var(--foreground))}.playground__btn--secondary:where(.astro-isix6ozr){background:var(--background);color:var(--foreground);border-color:var(--border)}.playground__btn--secondary:where(.astro-isix6ozr):hover{background:var(--muted);border-color:var(--muted-foreground)}.playground__btn--ghost:where(.astro-isix6ozr){color:var(--muted-foreground);background:0 0;border-color:#0000}.playground__btn--ghost:where(.astro-isix6ozr):hover{background:var(--muted);color:var(--foreground)}.playground__body:where(.astro-isix6ozr){background:var(--border);grid-template-columns:1fr;gap:1px;display:grid}@media (width>=48rem){.playground__body:where(.astro-isix6ozr){grid-template-columns:1.25fr .75fr}}.playground__editor-pane:where(.astro-isix6ozr){background:var(--background);flex-direction:column;min-height:24rem;display:flex}.playground__editor-tab:where(.astro-isix6ozr){align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-bottom:1px solid var(--border);background:var(--muted);font-size:.8125rem;display:flex}.playground__file-icon:where(.astro-isix6ozr){color:var(--muted-foreground);flex-shrink:0}.playground__file-name:where(.astro-isix6ozr){font-family:var(--font-mono);color:var(--foreground);font-weight:600}.playground__file-lang:where(.astro-isix6ozr){text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-full);margin-left:auto;padding:.1rem .5rem;font-size:.6875rem;font-weight:600}.playground__editor:where(.astro-isix6ozr){flex:1;min-height:21rem;display:flex;overflow:hidden}.playground__line-numbers:where(.astro-isix6ozr){width:3rem;padding-block:var(--spacing-4);padding-inline:var(--spacing-2) var(--spacing-1);text-align:right;font-family:var(--font-mono);letter-spacing:normal;word-spacing:normal;text-indent:0;color:var(--muted-foreground);user-select:none;white-space:pre;border-right:1px solid var(--border);background:var(--muted);flex-shrink:0;margin:0;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.7;overflow:hidden}.playground__code-wrap:where(.astro-isix6ozr){flex:1;position:relative;overflow:hidden}.playground__editor-area:where(.astro-isix6ozr){box-sizing:border-box;width:100%;height:100%;padding:var(--spacing-4);font-family:var(--font-mono);letter-spacing:normal;word-spacing:normal;text-indent:0;text-transform:none;white-space:pre;tab-size:4;color:var(--foreground);caret-color:var(--foreground);background:0 0;border:0;outline:none;margin:0;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.7;display:block;overflow:auto}.playground__editor-area:where(.astro-isix6ozr):focus-visible{outline:none}.playground__editor-area:where(.astro-isix6ozr) :where(.astro-isix6ozr)::selection,.playground__editor-area:where(.astro-isix6ozr)::selection{background:color-mix(in srgb, var(--primary) 25%, transparent)}.playground__console-pane:where(.astro-isix6ozr){background:var(--background);flex-direction:column;min-height:14rem;display:flex}.playground__console-header:where(.astro-isix6ozr){padding:var(--spacing-2) var(--spacing-4);border-bottom:1px solid var(--border);background:var(--muted);justify-content:space-between;align-items:center;display:flex}.playground__console-title:where(.astro-isix6ozr){text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);font-size:.75rem;font-weight:700}.playground__console-badge:where(.astro-isix6ozr){border-radius:var(--radius-full);background:var(--primary);color:var(--primary-foreground);padding:.15rem .55rem;font-size:.6875rem;font-weight:600}.playground__console-body:where(.astro-isix6ozr){padding:var(--spacing-4);font-family:var(--font-mono);color:var(--foreground);white-space:pre-wrap;word-break:break-word;flex:1;margin:0;font-size:.8125rem;line-height:1.65;overflow:auto}.playground__console-body:where(.astro-isix6ozr)>div:where(.astro-isix6ozr){margin:0}.playground__console-error:where(.astro-isix6ozr){color:var(--destructive)}.playground__examples:where(.astro-isix6ozr){border-top:1px solid var(--border);background:var(--card);padding:var(--spacing-5)}.playground__examples-title:where(.astro-isix6ozr){text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);margin-bottom:var(--spacing-4);font-size:.6875rem;font-weight:700}.playground__examples-grid:where(.astro-isix6ozr){gap:var(--spacing-3);grid-template-columns:1fr;display:grid}@media (width>=32rem){.playground__examples-grid:where(.astro-isix6ozr){grid-template-columns:repeat(2,1fr)}}@media (width>=64rem){.playground__examples-grid:where(.astro-isix6ozr){grid-template-columns:repeat(4,1fr)}}.playground__example:where(.astro-isix6ozr){gap:var(--spacing-1);text-align:left;padding:var(--spacing-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);cursor:pointer;flex-direction:column;transition:border-color .15s,background-color .15s,transform .1s;display:flex}.playground__example:where(.astro-isix6ozr):hover{border-color:var(--muted-foreground);background:var(--muted)}.playground__example:where(.astro-isix6ozr):active{transform:scale(.99)}.playground__example:where(.astro-isix6ozr):focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--ring) 35%, transparent);outline:none}.playground__example-title:where(.astro-isix6ozr){color:var(--foreground);font-size:.875rem;font-weight:600}.playground__example-desc:where(.astro-isix6ozr){color:var(--muted-foreground);font-size:.75rem;line-height:1.4}@media (prefers-reduced-motion:reduce){.playground__btn:where(.astro-isix6ozr),.playground__example:where(.astro-isix6ozr){transition:none}}