.playground:where(.astro-alq5tfmz){background:var(--surface-1,#1a1815);border:1px solid var(--border,#2a2725);border-radius:var(--radius-md,8px);width:100%;height:calc(100vh - 160px);min-height:400px;max-height:700px;font-family:var(--sl-font,"Instrument Sans", system-ui, sans-serif);flex-direction:column;display:flex;overflow:hidden}.playground-tabs:where(.astro-alq5tfmz){background:var(--surface-0,#0f0e0c);border-bottom:1px solid var(--border,#2a2725);scrollbar-width:none;flex-shrink:0;align-items:stretch;gap:0;display:flex;overflow-x:auto}.playground-tabs:where(.astro-alq5tfmz)::-webkit-scrollbar{display:none}.tab:where(.astro-alq5tfmz){all:unset;color:var(--text-secondary,#a39e95);font-family:var(--sl-font,"Instrument Sans", system-ui, sans-serif);cursor:pointer;white-space:nowrap;font-size:.8125rem;font-weight:500;line-height:1.4;transition:color .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1);box-sizing:border-box!important;border:none!important;border-bottom:2px solid #0000!important;align-items:center!important;margin:0!important;padding:10px 18px!important;display:inline-flex!important}.tab:where(.astro-alq5tfmz):hover{color:var(--text-primary,#e8e2d9)}.tab:where(.astro-alq5tfmz).active{color:var(--accent,#c05746);font-weight:600;border-bottom:2px solid var(--accent,#c05746)!important}.tab:where(.astro-alq5tfmz):focus-visible{outline:2px solid var(--accent,#c05746);outline-offset:-2px;border-radius:var(--radius-sm,4px)}.playground-panes:where(.astro-alq5tfmz){flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.playground-editor:where(.astro-alq5tfmz){border-right:1px solid var(--border,#2a2725);background:var(--code-bg,#161412);width:55%;overflow:hidden}.playground-editor:where(.astro-alq5tfmz) .cm-editor:where(.astro-alq5tfmz){height:100%;font-family:var(--sl-font-mono,"JetBrains Mono", ui-monospace, monospace);font-size:.875rem}.playground-editor:where(.astro-alq5tfmz) .cm-scroller:where(.astro-alq5tfmz){font-family:var(--sl-font-mono,"JetBrains Mono", ui-monospace, monospace)}.playground-output:where(.astro-alq5tfmz){background:var(--surface-0,#0f0e0c);flex-direction:column;width:45%;display:flex;overflow:hidden}.output-header:where(.astro-alq5tfmz){border-bottom:1px solid var(--border,#2a2725);background:var(--surface-1,#1a1815);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.output-label:where(.astro-alq5tfmz){text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary,#a39e95);font-size:.75rem;font-weight:600}.playground-actions:where(.astro-alq5tfmz){align-items:center;gap:8px;display:flex}.run-btn:where(.astro-alq5tfmz),.reset-btn:where(.astro-alq5tfmz){all:unset;font-family:var(--sl-font,"Instrument Sans", system-ui, sans-serif);cursor:pointer;text-align:center;font-size:.8125rem;font-weight:600;line-height:1.4;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out;box-sizing:border-box!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;min-width:72px!important;min-height:32px!important;margin:0!important;padding:6px 16px!important;display:inline-flex!important}.run-btn:where(.astro-alq5tfmz){background:var(--accent,#c05746)!important;color:#fff!important;border:1px solid #0000!important}.run-btn:where(.astro-alq5tfmz):hover{background:var(--accent-hover,#d4654e)!important}.run-btn:where(.astro-alq5tfmz):active{background:#a84535!important}.run-btn:where(.astro-alq5tfmz):disabled{opacity:.5;cursor:not-allowed}.run-btn:where(.astro-alq5tfmz):focus-visible,.reset-btn:where(.astro-alq5tfmz):focus-visible{outline:2px solid var(--accent,#c05746);outline-offset:2px}.reset-btn:where(.astro-alq5tfmz){color:var(--text-secondary,#a39e95)!important;border:1px solid var(--border-hover,#3d3935)!important;background:0 0!important}.reset-btn:where(.astro-alq5tfmz):hover{outline-offset:2px;color:var(--text-primary,#e8e2d9)!important;border-color:var(--text-tertiary,#6b6560)!important}.output-pre:where(.astro-alq5tfmz){font-family:var(--sl-font-mono,"JetBrains Mono", ui-monospace, monospace);color:var(--sandstone,#c4a882);white-space:pre-wrap;word-break:break-word;background:var(--surface-0,#0f0e0c);flex:1;margin:0;padding:16px;font-size:.8125rem;line-height:1.6;overflow-y:auto}.output-pre:where(.astro-alq5tfmz) .output-error:where(.astro-alq5tfmz){color:#e07060}.output-pre:where(.astro-alq5tfmz) .output-dim:where(.astro-alq5tfmz){color:var(--text-tertiary,#6b6560)}.playground-status:where(.astro-alq5tfmz){color:var(--text-tertiary,#6b6560);background:var(--surface-0,#0f0e0c);border-top:1px solid var(--border,#2a2725);flex-shrink:0;padding:10px 24px;font-size:.75rem}.playground-status:where(.astro-alq5tfmz).status-ready{color:#5b8c5a}.playground-status:where(.astro-alq5tfmz).status-error{color:#e07060}.playground-status:where(.astro-alq5tfmz).status-running{color:var(--sandstone,#c4a882)}.playground-loading:where(.astro-alq5tfmz){height:100%;color:var(--text-tertiary,#6b6560);justify-content:center;align-items:center;font-size:.875rem;display:flex}@media (width<=768px){.playground-panes:where(.astro-alq5tfmz){flex-direction:column;min-height:700px}.playground-editor:where(.astro-alq5tfmz){border-right:none;border-bottom:1px solid var(--border,#2a2725);width:100%;min-height:320px}.playground-output:where(.astro-alq5tfmz){width:100%;min-height:280px}}@media (prefers-reduced-motion:reduce){.tab:where(.astro-alq5tfmz),.run-btn:where(.astro-alq5tfmz),.reset-btn:where(.astro-alq5tfmz){transition:none}}