body:has(.playground){grid:minmax(0,1fr)/minmax(0,1fr);height:100dvh;padding:0;overflow:hidden}body:has(.playground) .theme-toggle-rail{background:0 0;grid:auto/minmax(0,1fr);padding:.55em 1em 0}.playground{--pg-code-size:14px;--pg-rule:1px dotted var(--pre-border);grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;font-size:.875rem;line-height:1.5;display:grid}.pg-loading{padding:2em}.pg-spinner{vertical-align:-.1em;opacity:.75;border:2px solid;border-right-color:#0000;border-radius:50%;width:.85em;height:.85em;margin-right:.75ch;animation:.8s linear infinite pg-spin;display:inline-block}@keyframes pg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pg-spinner{border-style:dotted;border-right-color:currentColor;animation:none}}.playground button{font:inherit;color:inherit}.playground button.link:disabled{opacity:.4;cursor:default}.playground select,.playground input,.playground textarea{font:inherit;color:inherit;background:var(--pre-bg);border:1px dotted var(--dot-mobile);border-radius:2px}.playground :is(input,textarea,select):focus-visible,.playground [tabindex]:focus-visible,.playground button:focus-visible{outline-offset:1px;outline:1px dotted}.pg-kbd,.pg-status,.pg-muted,.pg-credit,.pg-tree-prefix{opacity:.6}.pg-toolbar{border-bottom:var(--pg-rule);flex-wrap:wrap;align-items:center;gap:.25em 1.5ch;padding:.45em 3.5em .45em 1em;display:flex}.pg-title{font-size:inherit;margin:0;font-weight:700}.pg-language select{padding:.15em .4em}.pg-run i{font-weight:700}.pg-toolbar-end{align-items:center;gap:1.5ch;margin-left:auto;display:flex}.pg-notice{color:var(--graph-1)}.pg-main{grid-template-columns:auto minmax(0,1fr) auto;min-height:0;display:grid;position:relative}.pg-files{width:var(--pg-tree,17rem);border-right:var(--pg-rule);min-height:0;margin:0;position:relative;overflow:auto}.playground[data-tree=closed] .pg-files{width:auto;padding:.35em .5ch}.pg-work{grid-template-rows:auto minmax(0, 1fr) min(var(--pg-output,280px), calc(100% - 7rem));min-width:0;min-height:0;display:grid}.pg-tabs{white-space:nowrap;border-bottom:var(--pg-rule);scrollbar-width:thin;align-items:stretch;display:flex;overflow-x:auto}.pg-tab{border-right:var(--pg-rule);align-items:center;display:inline-flex}.pg-tab button{cursor:pointer;background:0 0;border:0;padding:.3em .75ch}.pg-tab[data-active]{background:var(--pre-bg)}.pg-tab[data-active] [aria-current]{text-underline-offset:.25em;text-decoration:underline}.pg-tab-close{opacity:.5}.pg-tabs-end{align-items:center;gap:1.5ch;margin-left:auto;padding:0 1ch;display:flex}.pg-tabs-end button[aria-pressed=true] i{border-bottom-style:solid}.pg-code{min-height:0;overflow:hidden}.pg-editor,.pg-editor .cm-editor{height:100%}.pg-out{border-top:var(--pg-rule);grid-template-columns:minmax(0,1fr);min-height:0;display:grid;position:relative}.playground[data-runner=web] .pg-out{grid-template-columns:min(var(--pg-preview,560px), calc(100% - 12rem)) minmax(0, 1fr)}.playground[data-runner=godot] .pg-out{grid-template-columns:minmax(0, 1fr) min(var(--pg-godot,320px), calc(100% - 12rem))}.pg-godot{border-left:var(--pg-rule);background:#161616;order:2;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;position:relative}.pg-godot .pg-bar{background:var(--bg)}.pg-godot iframe{border:0;width:100%;height:100%;min-height:8rem}.pg-bar{border-bottom:var(--pg-rule);white-space:nowrap;align-items:center;gap:1.5ch;min-height:2em;padding:.15em 1ch;display:flex}.pg-bar-actions{gap:1.5ch;margin-left:auto;display:flex}.pg-console{flex-direction:column;min-height:0;display:flex}.pg-download{border-bottom:var(--pg-rule);background:var(--pre-bg);padding:.5em 1ch}.pg-download p{margin:0 0 .3em}.playground pre.pg-output{white-space:pre-wrap;overflow-wrap:anywhere;min-height:0;font-size:var(--pg-code-size);background:0 0;border:0;border-radius:0;flex:1;margin:0;padding:.5em 1ch;overflow:auto}.pg-stderr{color:var(--graph-1)}.pg-info{opacity:.6}.pg-stdin{border-top:var(--pg-rule);align-items:flex-start;gap:1ch;padding:.3em 1ch;display:flex}.pg-stdin textarea{resize:vertical;flex:1;min-height:2.4em;padding:.2em .5ch}.pg-credit{margin:0;padding:.15em 1ch .35em;font-size:.85em}.pg-preview{border-right:var(--pg-rule);grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;position:relative}.pg-preview-frame{background:#fff;border:0;width:100%;height:100%}.pg-tree-bar{border-bottom:var(--pg-rule);justify-content:space-between;gap:1ch;padding:.3em 1ch;display:flex}.pg-tree-actions{gap:1.5ch;display:flex}.pg-tree-list{padding:.3em 0}.pg-tree-list li{text-indent:0}.pg-tree-list li:before{content:none}.pg-tree-row{white-space:pre;cursor:pointer;align-items:center;min-height:1.75em;padding:0 .5ch 0 1ch;display:flex}.pg-tree-row[aria-selected=true]{background:var(--pre-bg)}.pg-tree-row:hover{background:color-mix(in srgb, var(--fg) 6%, transparent)}.pg-tree-name{text-overflow:ellipsis;overflow:hidden}.pg-tree-entry{color:var(--graph-2)}.pg-tree-more{cursor:pointer;opacity:0;background:0 0;border:0;margin-left:auto;padding:0 .75ch}.pg-tree-row:is(:hover,:focus-within,:focus) .pg-tree-more,.pg-tree-more[aria-expanded=true]{opacity:1}.pg-tree-menu{background:var(--pre-bg);flex-wrap:wrap;gap:.2em 1.5ch;padding:.2em 1ch .4em 4ch;display:flex}.pg-tree-input{flex:1;min-width:6ch;padding:0 .5ch}.pg-tree-error{color:var(--graph-1);white-space:normal;margin:0;padding:.3em 1ch}.playground .pg-refs[hidden]{display:none!important}.pg-refs{width:var(--pg-refs,420px);border-left:var(--pg-rule);background:var(--bg);grid-template-rows:auto minmax(0,1fr);max-width:70vw;min-height:0;display:grid;position:relative}.pg-splitter{z-index:3;touch-action:none;position:absolute}.pg-splitter[data-edge=left],.pg-splitter[data-edge=right]{cursor:col-resize;width:10px;top:0;bottom:0}.pg-splitter[data-edge=left]{left:-5px}.pg-splitter[data-edge=right]{right:-5px}.pg-splitter[data-edge=top],.pg-splitter[data-edge=bottom]{cursor:row-resize;height:10px;left:0;right:0}.pg-splitter[data-edge=top]{top:-5px}.pg-splitter[data-edge=bottom]{bottom:-5px}.pg-splitter:is(:hover,:focus-visible,[data-dragging])[data-edge=left],.pg-splitter:is(:hover,:focus-visible,[data-dragging])[data-edge=right]{background:linear-gradient(to right, transparent 4px, var(--dot-mobile) 4px 6px, transparent 6px);outline:none}.pg-splitter:is(:hover,:focus-visible,[data-dragging])[data-edge=top],.pg-splitter:is(:hover,:focus-visible,[data-dragging])[data-edge=bottom]{background:linear-gradient(to bottom, transparent 4px, var(--dot-mobile) 4px 6px, transparent 6px);outline:none}@media (pointer:coarse){.pg-splitter[data-edge=left],.pg-splitter[data-edge=right]{width:24px}.pg-splitter[data-edge=left]{left:-12px}.pg-splitter[data-edge=right]{right:-12px}.pg-splitter[data-edge=top],.pg-splitter[data-edge=bottom]{height:24px}.pg-splitter[data-edge=top]{top:-12px}}.pg-refs-search{flex:1;align-items:center;gap:1ch;display:flex}.pg-refs-search input{flex:1;min-width:0;padding:.1em .5ch}.pg-refs-list{padding:.5em 1ch;overflow:auto}.pg-refs-list p{margin:0 0 .5em}.pg-ref-row{display:block}.pg-ref-row a[aria-selected=true] i{border-bottom-style:solid}.pg-refs-sheet{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.pg-refs-frame{background:var(--bg);border:0;width:100%;height:100%}.pg-refs-tabs{gap:1.5ch;display:flex}.pg-refs-tabs [aria-selected=true] i{border-bottom-style:solid;font-weight:700}.pg-bar-end{margin-left:auto}.pg-refs-body,.pg-docs,.pg-docs-view{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.pg-docs-search{border-bottom:var(--pg-rule);gap:1ch;padding:.15em 1ch;display:flex}.pg-docs-search input{flex:1;min-width:0;padding:.1em .5ch}.pg-docs-search select{max-width:45%}.pg-docs-title{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.pg-docs-frame{background:var(--bg);border:0;width:100%;height:100%}.pg-docs-problem{margin:0;padding:.5em 1ch}.pg-snippet-index{flex-wrap:wrap;gap:.25em 1.5ch;margin-bottom:.75em;display:flex}.pg-snippet{margin:0 0 1.25em;scroll-margin-top:.5em}.pg-snippet-head{flex-wrap:wrap;align-items:center;gap:0 1.5ch;display:flex}.pg-snippet-head h3{font-size:inherit;margin:0;font-weight:700}.pg-refs-list .pg-snippet-note{opacity:.75;margin:.15em 0 .4em}.pg-snippet-status{opacity:.75;font-style:italic}.playground pre.pg-snippet-code{background:var(--pre-bg);border:1px dotted var(--pre-border);max-height:28em;font-size:var(--pg-code-size,14px);tab-size:4;margin:0;padding:.5em 1ch;line-height:1.5;overflow:auto}.playground pre.pg-snippet-code code{white-space:pre;display:block}.pg-tok-kw,.pg-tok-tag{color:var(--graph-3)}.pg-tok-tag{font-weight:700}.pg-tok-str{color:var(--graph-2)}.pg-tok-num,.pg-tok-fn,.pg-tok-attr{color:var(--graph-0)}.pg-tok-type,.pg-tok-meta{color:var(--graph-1)}.pg-tok-comment{color:var(--dot-mobile);font-style:italic}.pg-frames .pg-sandbox{opacity:0;pointer-events:none;border:0;width:1px;height:1px;position:fixed;bottom:0;left:0}.pg-panes{display:none}.pg-unread{color:var(--graph-0)}.pg-symbols{z-index:20;background:var(--pre-bg);border-top:var(--pg-rule);scrollbar-width:none;gap:2px;padding:2px;display:flex;position:fixed;left:0;right:0;overflow-x:auto}.pg-symbols button{background:var(--bg);border:1px dotted var(--pre-border);border-radius:3px;flex:none;min-width:44px;min-height:44px;font-size:16px}@media (pointer:coarse){.playground{--pg-code-size:16px}.playground :is(input,textarea,select){font-size:16px}.playground :is(button.link,.pg-tab button,.pg-language select){min-width:44px;min-height:44px}.pg-tree-row{min-height:44px}.pg-tree-more{opacity:1;min-width:44px;min-height:44px}.pg-kbd{display:none}}@media (max-width:1023px){.pg-main{grid-template-columns:auto minmax(0,1fr)}.pg-work{grid-column:2}.playground[data-tree=open] .pg-files{z-index:8;background:var(--bg);width:min(20rem,80vw);box-shadow:0 0 0 100vmax color-mix(in srgb, var(--bg) 40%, transparent);position:absolute;inset:0 auto 0 0}.pg-refs{z-index:9;width:min(var(--pg-refs,420px), 90vw);max-width:90vw;box-shadow:-1px 0 0 var(--pre-border);position:absolute;inset:0 0 0 auto}.pg-refs .pg-splitter{display:none}}@media (max-width:767px){.pg-main{overflow:hidden}.pg-console{overflow-y:auto}.playground pre.pg-output{flex:1 0 auto;min-height:4.5em;max-height:60vh}.pg-credit{padding-bottom:.75em}.pg-toolbar{gap:.25em 1.25ch;padding:.35em 3em .35em .75em}.playground :is(.pg-title,.pg-refs-toggle,.pg-kbd){display:none}.pg-main{grid-template-columns:minmax(0,1fr)}.pg-main>*{grid-column:1;display:none}.playground[data-pane=code] .pg-work,.playground[data-pane=output] .pg-work,.playground[data-pane=files] .pg-files,.playground[data-pane=refs] .pg-refs{display:grid}.playground .pg-files,.playground[data-tree] .pg-files{width:auto;box-shadow:none;border:0;position:static}.playground[data-pane=files] .pg-files{display:block}.pg-refs{width:auto;max-width:none;box-shadow:none;border:0;position:static}.playground[data-pane=code] .pg-work{grid-template-rows:auto minmax(0,1fr)}.playground[data-pane=code] .pg-out,.playground[data-pane=output] :is(.pg-tabs,.pg-code){display:none}.playground[data-pane=output] .pg-work{grid-template-rows:minmax(0,1fr)}.playground[data-pane=output] .pg-out{border-top:0}.playground:is([data-runner=web],[data-runner=godot]) .pg-out{grid-template-rows:minmax(0,3fr) minmax(13rem,2fr);grid-template-columns:minmax(0,1fr)}.playground[data-runner=godot] .pg-out{grid-template-rows:minmax(0,1fr) 10rem}.pg-godot{border-left:0;border-top:var(--pg-rule)}.pg-splitter{display:none}.pg-panes{border-top:var(--pg-rule);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid}.pg-panes button{cursor:pointer;background:0 0;border:0;min-height:48px}.pg-panes button[aria-selected=true]{text-underline-offset:.3em;font-weight:700;text-decoration:underline}}.playground[data-zen=on]{grid-template-rows:auto minmax(0,1fr) auto}.playground[data-zen=on] :is(.pg-files,.pg-tabs){display:none}.playground[data-zen=on] .pg-main{grid-template-columns:minmax(0,1fr) auto}.playground[data-zen=on] .pg-work{grid-template-rows:minmax(0, 1fr) min(var(--pg-output,280px), calc(100% - 5rem))}.pg-zenbar{background:var(--bg);opacity:.6;border-radius:3px;justify-self:end;align-items:center;gap:1.5ch;margin:.2em 3.5em .2em 0;padding:.15em 1ch;transition:opacity .2s;display:flex}.pg-zenbar:is(:hover,:focus-within){opacity:1}.pg-menu{z-index:30;background:var(--bg);min-width:13rem;color:var(--fg);border:1px dotted;padding:.25em 0;position:fixed;box-shadow:0 6px 24px #0003}.pg-menu li{cursor:pointer;text-indent:0;justify-content:space-between;gap:2ch;padding:.3em 1.25ch;display:flex}.pg-menu li:before{content:none}.pg-menu li:focus,.pg-menu li:hover{background:var(--sel-bg);color:var(--sel-fg);outline:none}.pg-menu kbd{opacity:.6}@media (pointer:coarse){.pg-menu li{align-items:center;min-height:44px}}.pg-help{background:var(--bg);width:min(44rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--fg);border:1px dotted;margin:auto;padding:0}.pg-help::backdrop{background:#00000059}.pg-help-body{padding:0 1.5ch 1.25em}.pg-help h2,.pg-help h3{font-size:inherit;margin:.75em 0 .35em}.pg-help .pg-bar{justify-content:space-between;margin:0 -1.5ch;padding-inline:1.5ch}.pg-help p,.pg-help ol,.pg-help ul,.pg-help table{margin:0 0 .6em}.pg-help-steps{padding-left:3ch}.pg-help-steps li{text-indent:0;list-style:decimal}.pg-help-steps li:before{content:none}.pg-help td{vertical-align:top;padding:.15em 1.5ch .15em 0}.pg-tour-mark{z-index:40;border:2px solid var(--graph-0);pointer-events:none;border-radius:4px;position:fixed;box-shadow:0 0 0 100vmax #0000004d}.pg-tour-card{z-index:41;background:var(--bg);width:min(20rem,100vw - 16px);color:var(--fg);border:1px dotted;padding:.6em 1.5ch;position:fixed;box-shadow:0 6px 24px #00000040}.pg-tour-card:not([style]){top:30%;left:50%;transform:translate(-50%)}.pg-tour-card h2{font-size:inherit;margin:.2em 0}.pg-tour-card p{margin:0 0 .5em}.pg-tour-actions{justify-content:space-between;display:flex}.pg-welcome{border-bottom:var(--pg-rule);background:var(--pre-bg);padding:.5em 1ch}.pg-welcome p{margin:0 0 .25em}@media (max-width:767px){.playground[data-zen=on]{grid-template-rows:auto minmax(0,1fr) auto}.playground[data-zen=on]:is([data-pane=code],[data-pane=output]) .pg-work{grid-template-rows:minmax(0,1fr)}.pg-zenbar{margin-right:3em}.pg-tour-card[style]{width:auto;right:8px;top:auto!important;left:8px!important;bottom:calc(56px + env(safe-area-inset-bottom))!important}}.playground[data-runner=bun] .pg-out{grid-template-columns:min(var(--pg-http,520px), calc(100% - 12rem)) minmax(0, 1fr)}.pg-http{border-right:var(--pg-rule);flex-direction:column;min-height:0;display:flex;position:relative;overflow:auto}.pg-http-form{gap:.35em;padding:.4em 1ch;display:grid}.pg-http-line{gap:1ch;display:flex}.pg-http-line input{flex:1;min-width:0;padding:.1em .5ch}.pg-http-form label{grid-template-columns:8ch minmax(0,1fr);gap:1ch;display:grid}.pg-http-form textarea{resize:vertical;padding:.1em .5ch}.pg-http-presets{flex-wrap:wrap;gap:.2em 1.5ch;margin:0;display:flex}.pg-http-response{border-top:var(--pg-rule);padding:.4em 1ch}.pg-http-response p{margin:0 0 .3em}.playground .pg-http-response pre{white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border:0;margin:.3em 0;padding:0}.pg-http-error{color:var(--graph-1);margin:0}.pg-http-html{border:var(--pg-rule);background:#fff;width:100%;height:12rem}.playground[data-md=split] .pg-code{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.pg-md-preview{border-left:var(--pg-rule);min-height:0}.pg-md-preview iframe{border:0;width:100%;height:100%}.playground[data-runner=markdown] .pg-work{grid-template-rows:auto minmax(0,1fr)}.playground[data-runner=markdown] .pg-out{display:none}@media (max-width:767px){.playground[data-runner=bun] .pg-out{grid-template-rows:minmax(0,3fr) minmax(13rem,2fr);grid-template-columns:minmax(0,1fr)}.pg-http{border-right:0;border-bottom:var(--pg-rule)}.playground[data-md=split] .pg-code{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.pg-md-preview{border-left:0;border-top:var(--pg-rule)}}.pg-modes{gap:1ch;display:inline-flex}.pg-modes [aria-pressed=true] i{border-bottom-style:solid;font-weight:700}.playground[data-mode=exercise][data-tree=open] .pg-files{width:var(--pg-brief,460px);max-width:calc(100vw - 24rem)}.pg-exercise{flex-direction:column;min-height:100%;display:flex}.pg-exercise .pg-bar{z-index:1;background:var(--bg);position:sticky;top:0}.pg-exercise .ex-howto{margin-left:auto}.pg-exercise-body{padding:.75em 1.5ch 2em}.pg-exercise h2{margin:0 0 .5em;font-size:1.1em}.pg-exercise h3{margin:1.2em 0 .5em;font-size:1em}.pg-exercise .ex-exercise{padding-top:.75em}.pg-exercise .ex-options{grid-template-columns:repeat(auto-fill,minmax(14ch,1fr))}.pg-exercise .ex-examples{margin:.35em 0 0}.ex-new,.ex-new[open]>summary{margin-bottom:.5em}.pg-results-body{flex:1;min-height:0;padding:.5em 1ch;overflow:auto}.pg-results .pg-bar>:nth-child(2){font-weight:700}.pg-empty{color:var(--dim);margin:0;padding:1em 1.5ch}@media (max-width:1023px){.playground[data-mode=exercise][data-tree=open] .pg-files{width:min(var(--pg-brief,460px), 90vw);max-width:90vw}}@media (max-width:767px){.playground[data-mode=exercise] .pg-files{width:auto;max-width:none}.pg-modes{gap:.75ch}}