:root{--pg-bg: #ffffff;--pg-bg-nav: #faf8f8;--pg-bg-code: #faf8f8;--pg-text: #292929;--pg-text-subdued: #3e3e3e;--pg-text-muted: #6a6a6a;--pg-border: #e1dfdf;--pg-accent: #4563ca;--pg-accent-hover: #3252b8;--pg-error: #df4047;--pg-warning: #df8128;--pg-nav-height: 3.5rem;--pg-step-highlight: rgba(69, 99, 202, .12);--pg-step-changed: #4563ca}[data-theme=dark]{--pg-bg: #1f1f1f;--pg-bg-nav: #151515;--pg-bg-code: #292929;--pg-text: #e1dfdf;--pg-text-subdued: #c8c7c7;--pg-text-muted: #999999;--pg-border: #3e3e3e;--pg-accent: #7895ff;--pg-accent-hover: #88a3ff;--pg-error: #fc8f8e;--pg-warning: #ffc26e;--pg-step-highlight: rgba(120, 149, 255, .15);--pg-step-changed: #7895ff}@media(min-width:50em){:root{--pg-nav-height: 4rem}}header:where(.astro-o5xvjdlt){box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:var(--pg-nav-height);padding:0 1.5rem;background:var(--pg-bg-nav);border-bottom:1px solid var(--pg-border);flex-shrink:0}.site-title:where(.astro-o5xvjdlt){font-size:1.125rem;font-weight:600;color:var(--pg-accent)}.header-right:where(.astro-o5xvjdlt){display:flex;align-items:center;gap:1rem}header:where(.astro-o5xvjdlt) a:where(.astro-o5xvjdlt){color:var(--pg-text-muted);text-decoration:none;font-size:.875rem}header:where(.astro-o5xvjdlt) a:where(.astro-o5xvjdlt):hover{color:var(--pg-text)}.divider:where(.astro-o5xvjdlt){height:2rem;border-inline-end:1px solid var(--pg-border)}.sr-only:where(.astro-o5xvjdlt){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.theme-select:where(.astro-o5xvjdlt){--label-icon-size: .875rem;--caret-size: 1.25rem;--inline-padding: .5rem;position:relative;display:flex;align-items:center;gap:.25rem;color:var(--pg-text-muted);cursor:pointer}.theme-select:where(.astro-o5xvjdlt):hover{color:var(--pg-text)}.icon:where(.astro-o5xvjdlt){position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;width:1em;height:1em}.label-icon:where(.astro-o5xvjdlt){font-size:var(--label-icon-size);inset-inline-start:0}.caret:where(.astro-o5xvjdlt){font-size:var(--caret-size);inset-inline-end:0}select:where(.astro-o5xvjdlt){font:inherit;line-height:1.75;border:0;padding-block:.625rem;padding-inline-start:calc(var(--label-icon-size) + var(--inline-padding) + .25rem);padding-inline-end:calc(var(--caret-size) + var(--inline-padding) + .25rem);margin-inline:calc(var(--inline-padding) * -1);width:calc(6.25em + var(--inline-padding) * 2);background-color:transparent;text-overflow:ellipsis;color:inherit;cursor:pointer;appearance:none}option:where(.astro-o5xvjdlt){background-color:var(--pg-bg-nav);color:var(--pg-text-subdued)}@media(min-width:50em){select:where(.astro-o5xvjdlt){font-size:.875rem}}:where(.astro-cbbkqhmg),:where(.astro-cbbkqhmg):before,:where(.astro-cbbkqhmg):after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--pg-bg);color:var(--pg-text)}body{display:flex;flex-direction:column}.playground:where(.astro-cbbkqhmg){display:flex;flex:1;min-height:0}.editor-pane:where(.astro-cbbkqhmg){flex:1;position:relative;min-width:0}#editor:where(.astro-cbbkqhmg){height:100%;overflow:hidden;background:var(--pg-bg-code)}.toolbar:where(.astro-cbbkqhmg){position:absolute;top:.5rem;right:.5rem;z-index:10;display:flex;gap:.375rem}.resize-handle:where(.astro-cbbkqhmg){width:4px;cursor:col-resize;background:var(--pg-border);flex-shrink:0}.output-pane:where(.astro-cbbkqhmg){flex-shrink:0;display:flex;flex-direction:column;max-width:50vw}@media(max-width:50rem){.playground:where(.astro-cbbkqhmg){flex-direction:column}.editor-pane:where(.astro-cbbkqhmg){height:50%}.resize-handle:where(.astro-cbbkqhmg){display:none}.output-pane:where(.astro-cbbkqhmg){width:100%!important;height:50%;max-width:none;border-top:1px solid var(--pg-border)}}#editor .cm-editor{height:100%}.run-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem 1rem;background:var(--pg-accent);color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.8125rem;font-weight:600}.run-btn:hover:not(:disabled){background:var(--pg-accent-hover)}.run-btn:disabled{opacity:.5;cursor:default}