.playground:where(.astro-alq5tfmz){height:calc(100vh - var(--sl-nav-height,4rem) - 2rem);flex-direction:column;gap:0;min-height:400px;display:flex}.playground-toolbar:where(.astro-alq5tfmz){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;padding:.5rem 0;display:flex}.playground-toolbar-left:where(.astro-alq5tfmz){flex-wrap:wrap;gap:.375rem;display:flex}.playground-toolbar-presets:where(.astro-alq5tfmz){flex-wrap:wrap;align-items:center;gap:.45rem;margin-inline:auto;display:flex}.playground-btn:where(.astro-alq5tfmz){border:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:9999px;padding:.375rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:color .15s,border-color .15s,background .15s}.playground-btn:where(.astro-alq5tfmz):hover{color:var(--sl-color-white);border-color:var(--sl-color-gray-4)}.playground-btn:where(.astro-alq5tfmz):disabled{opacity:.5;cursor:not-allowed}.playground-btn-primary:where(.astro-alq5tfmz){background:var(--sl-color-accent);color:#fff;border-color:var(--sl-color-accent)}.playground-btn-primary:where(.astro-alq5tfmz):hover:not(:disabled){opacity:.9}.playground-status:where(.astro-alq5tfmz){color:var(--sl-color-gray-3);font-size:.75rem}.playground-status:where(.astro-alq5tfmz).ready{color:var(--sl-color-accent)}.playground-status:where(.astro-alq5tfmz).error{color:#dd3c3c}.playground-select-label:where(.astro-alq5tfmz){color:var(--sl-color-gray-3);font-size:.72rem;font-weight:600}.playground-select:where(.astro-alq5tfmz){border:1px solid var(--sl-color-gray-5);background:color-mix(in srgb, var(--sl-color-gray-6) 62%, transparent);min-width:9.5rem;max-width:12.5rem;height:2rem;color:var(--sl-color-gray-2);font:inherit;border-radius:9999px;padding:0 1.8rem 0 .65rem;font-size:.78rem}.playground-select:where(.astro-alq5tfmz):focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.playground-body:where(.astro-alq5tfmz){flex:1;grid-template-columns:1fr 1fr;gap:.5rem;min-height:0;display:grid}@media (width<=50rem){.playground-body:where(.astro-alq5tfmz){grid-template-rows:1fr 1fr;grid-template-columns:1fr}}.playground-pane:where(.astro-alq5tfmz){background:#0d1117;border-radius:.75rem;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:0 0 0 1px #30363d}.playground-pane-tabs:where(.astro-alq5tfmz){background:#161b22;border-bottom:1px solid #30363d;gap:0;display:flex}.playground-tab:where(.astro-alq5tfmz){color:#7d8590;cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-family:inherit;font-size:.75rem;font-weight:500;transition:color .15s,background .15s;position:relative}.playground-tab:where(.astro-alq5tfmz):hover,.playground-tab:where(.astro-alq5tfmz).active{color:#e6edf3}.playground-tab:where(.astro-alq5tfmz).active:after{content:"";background:var(--sl-color-accent);border-radius:1px;height:2px;position:absolute;bottom:0;left:.5rem;right:.5rem}.playground-pane-header:where(.astro-alq5tfmz){color:#7d8590;background:#161b22;border-bottom:1px solid #30363d;padding:.5rem 1rem;font-size:.75rem;font-weight:500}.playground-editor:where(.astro-alq5tfmz){flex:1;min-height:0;overflow:auto}.playground-tip:where(.astro-alq5tfmz){color:#7dc4e4;background:#7dc4e414;border:1px solid #7dc4e433;border-radius:.75rem;align-items:center;gap:.6rem;margin-bottom:.5rem;padding:.6rem 1rem;font-size:.8rem;line-height:1.4;display:flex}.playground-tip:where(.astro-alq5tfmz) code:where(.astro-alq5tfmz){color:#a5d6ff;background:#7dc4e41f;border-radius:.375rem;padding:.15rem .4rem;font-size:.75rem}[data-theme=light] .playground-tip:where(.astro-alq5tfmz){color:#0969da;background:#0969da0f;border-color:#0969da33}[data-theme=light] .playground-tip:where(.astro-alq5tfmz) code:where(.astro-alq5tfmz){color:#0550ae;background:#0969da14}[data-theme=light] .playground-select:where(.astro-alq5tfmz){color:#1f2328;background:#fff;border-color:#d1d9e0}.playground-editor:where(.astro-alq5tfmz) .cm-editor{height:100%}.playground-editor:where(.astro-alq5tfmz) .cm-scroller{overflow:auto}[data-theme=light] .playground-pane:where(.astro-alq5tfmz){background:#fff;box-shadow:0 0 0 1px #d1d9e0}[data-theme=light] .playground-pane-tabs:where(.astro-alq5tfmz){background:#f6f8fa;border-bottom-color:#d1d9e0}[data-theme=light] .playground-tab:where(.astro-alq5tfmz){color:#636c76}[data-theme=light] .playground-tab:where(.astro-alq5tfmz):hover,[data-theme=light] .playground-tab:where(.astro-alq5tfmz).active{color:#1f2328}[data-theme=light] .playground-pane-header:where(.astro-alq5tfmz){color:#636c76;background:#f6f8fa;border-bottom-color:#d1d9e0}[data-theme=light] .playground-editor:where(.astro-alq5tfmz) .cm-editor{background:#fff}