.playground,.web-playground{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:10px;margin:1.6rem 0;overflow:hidden}.playground-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;font:13px/1.5 Manrope Variable,sans-serif;display:flex}.playground-toolbar>div{gap:8px;display:flex}.playground-toolbar button{color:var(--text);border:1px solid var(--line);background:var(--surface);cursor:pointer;font:inherit;border-radius:6px;align-items:center;gap:6px;padding:6px 9px;display:inline-flex}.playground-toolbar button[data-run]{background:var(--accent);color:var(--page);border-color:#0000}.playground-toolbar button[hidden]{display:none}.playground-toolbar button:disabled{opacity:.55;cursor:wait}.playground-helpers{border-bottom:1px solid var(--line)}.playground-helpers summary,.playground-helpers p{padding:9px 14px;font:13px/1.6 Manrope Variable,sans-serif}.playground-helpers p{color:var(--muted);margin:0}.playground-helpers [hidden]{display:none}:is(.playground,.web-playground) .cm-editor{font:14px/1.6 var(--code-font);color:var(--code-foreground);background:var(--code-background)}:is(.playground,.web-playground) .cm-scroller{max-height:440px;font-family:inherit;overflow:auto}:is(.playground,.web-playground) .cm-gutters{background:var(--code-background);color:var(--muted);border:0}:is(.playground,.web-playground) .cm-activeLine{background:color-mix(in srgb, var(--text) 2%, transparent)}:is(.playground,.web-playground) .cm-activeLineGutter{background:var(--soft)}:is(.playground,.web-playground) .cm-cursor{border-left-color:var(--text)}:is(.playground,.web-playground) :is(.cm-selectionMatch,.cm-selectionMatch-main){box-shadow:inset 0 -1px var(--accent);outline:1px solid color-mix(in srgb, var(--accent) 50%, transparent);background:0 0}:is(.playground,.web-playground) .cm-editor.cm-focused,:is(.playground,.web-playground) .cm-content:focus-visible{outline:none}:is(.playground,.web-playground) .cm-editor .cm-selectionBackground,:is(.playground,.web-playground) .cm-editor.cm-focused>.cm-scroller>.cm-selectionLayer .cm-selectionBackground{background:var(--code-selection)}:is(.playground,.web-playground) .cm-line::selection,:is(.playground,.web-playground) .cm-line ::selection{color:var(--code-selected-text);background:0 0}:is(.playground,.web-playground) .cm-content{padding:12px 0}:is(.playground,.web-playground) .cm-line{padding:0 12px}.playground-input{border-top:1px solid var(--line);padding:9px 14px;font-size:.8rem}.playground-input summary{cursor:pointer;color:var(--muted)}.playground-input label{color:var(--muted);margin-top:8px;display:block}.playground-input textarea,.web-playground textarea{resize:vertical;background:var(--surface);width:100%;color:var(--text);border:1px solid var(--line);font:14px/1.6 var(--code-font);border-radius:6px;margin-top:6px;padding:10px;display:block}.playground-result{border-top:1px solid var(--line);padding:10px 14px}.playground-status{color:var(--muted);font:12px/1.5 Manrope Variable,sans-serif}.editor-pane-label,.editor-collapse-icon{display:none}[data-editor-fullscreen][aria-expanded=true] .editor-collapse-icon{display:block}[data-editor-fullscreen][aria-expanded=true] .editor-expand-icon,.editor-empty{display:none}.editor-workspace .editor-empty{color:var(--muted);margin:14px;font:13px/1.6 Manrope Variable,sans-serif;display:block}.editor-workspace .editor-result-pane:has(.playground-result:not([hidden])) .editor-empty{display:none}.editor-workspace{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--text);background:var(--surface);border:0;border-radius:0;margin:0;padding:0;position:fixed;inset:0}.editor-workspace::backdrop{background:var(--page)}body:has(.editor-workspace:popover-open){overflow:hidden}.editor-workspace>:is(.playground,.web-playground){border:0;border-radius:0;flex-direction:column;height:100%;margin:0;display:flex}.editor-workspace .playground-toolbar{flex-shrink:0;padding:10px 16px}.editor-workspace .editor-panes{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid}.editor-workspace :is(.editor-source-pane,.editor-result-pane){min-width:0;min-height:0;overflow:auto}.editor-workspace .editor-source-pane{border-right:1px solid var(--line)}.editor-workspace .editor-pane-label{color:var(--muted);border-bottom:1px solid var(--line);padding:10px 14px;font:12px/1.5 Manrope Variable,sans-serif;display:block}.editor-workspace :is([data-editor],[data-code-editor]),.editor-workspace :is([data-editor],[data-code-editor])>.cm-editor{height:100%}.editor-workspace .cm-scroller,.editor-workspace :is([data-output],[data-code-output]){max-height:none}.editor-workspace .web-playground iframe{border-top:0;flex:1;height:auto;min-height:160px}.editor-workspace .web-playground .editor-result-pane{flex-direction:column;display:flex}.web-console{border-top:1px solid var(--line);font:12px/1.5 Manrope Variable,sans-serif}.web-console summary{cursor:pointer;padding:9px 14px}.web-console pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;font:12px/1.6 var(--code-font);color:var(--text);background:var(--soft);border:0;border-radius:0;margin:0;padding:10px 14px;overflow:auto}.editor-workspace .web-console{flex:none}.editor-workspace .playground-result,.editor-workspace .playground-input{border-top:0}:is(.playground,.web-playground) .cm-vim-panel{border-top:1px solid var(--line);color:var(--muted);background:var(--soft);font:12px/1.5 var(--code-font);padding:4px 12px}@media (width<=700px){.editor-workspace .editor-panes{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.editor-workspace .editor-source-pane{border-right:0;border-bottom:1px solid var(--line)}}@media print{[data-editor-fullscreen]{display:none}}.playground [data-output]{white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;color:var(--text);font:14px/1.6 var(--code-font);background:0 0;border:0;margin:8px 0 0;padding:0;overflow:auto}.playground-plots img{border-radius:4px;max-width:100%;height:auto;margin-top:12px;display:block}.web-editors{gap:12px;padding:12px;display:grid}.web-editors .cm-editor{border:1px solid var(--line);border-radius:6px;margin-top:6px;overflow:hidden}.web-language-tabs{display:none}.editor-workspace .web-editors{flex-direction:column;display:flex}.editor-workspace .web-language-tabs{border:0;border-bottom:1px solid var(--line);flex:none;gap:4px;margin:0;padding:0 0 8px;display:flex}.web-language-tabs label{cursor:pointer;border-radius:6px;padding:7px 10px;font:13px/1.5 Manrope Variable,sans-serif;position:relative}.web-language-tabs input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.web-language-tabs label:has(:checked){background:var(--soft);color:var(--accent)}.web-language-tabs label:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.editor-workspace .web-editors>details>summary,.editor-workspace [data-web-language]>span{display:none}.editor-workspace .web-editors>:is([data-web-language],details){flex:1;min-height:0}.editor-workspace [data-web-language]{height:100%}.editor-workspace [data-web-language]>.cm-editor{border:0;height:100%;margin-top:0}.web-playground iframe{border:0;border-top:1px solid var(--line);background:#fff;width:100%;height:260px;display:block}.web-preview-status{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:16px;font-size:.9rem}.web-preview-status[hidden]{display:none}@media (width<=480px){:is(.playground,.web-playground) .playground-toolbar{flex-wrap:wrap}:is(.playground,.web-playground) .playground-toolbar>strong{flex-basis:100%}:is(.playground,.web-playground) .playground-toolbar>div{align-items:center;margin-left:auto}:is(.playground,.web-playground) .playground-toolbar button{white-space:nowrap;min-height:36px}}.tool-embed{border:1px solid var(--line);border-radius:10px;margin-block:24px;overflow:hidden}.tool-start{padding:16px}.tool-start p{margin:0 0 12px}.tool-start button,.tool-embed .playground-toolbar a{align-items:center;gap:8px;display:inline-flex}.tool-start button{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:8px 12px}.tool-embed iframe{background:#fff;border:0;width:100%;height:640px;display:block}