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