.playground,.web-playground{--editor-max-height:440px;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);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;font:13px/1.5 Manrope Variable,sans-serif;display:grid}.playground-title{white-space:nowrap;text-overflow:ellipsis;grid-area:1/2;align-self:center;min-width:0;max-width:38vw;margin:0;font-size:13px;line-height:32px;overflow:hidden}.playground-file-tabs{grid-area:1/1}.playground-actions{grid-area:1/3;justify-self:end;gap:8px;display:flex}.playground-toolbar button,.playground-stdin>summary{box-sizing:border-box;width:32px;height:32px;color:var(--text);border:1px solid var(--line);background:var(--surface);cursor:pointer;font:inherit;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;list-style:none;display:inline-flex}.playground-stdin>summary::-webkit-details-marker{display:none}.playground-stdin>summary::marker{content:""}.playground-stdin{position:relative}.playground-stdin-panel{background:var(--surface);border:1px solid var(--line);z-index:5;width:min(300px,100vw - 48px);color:var(--muted);border-radius:8px;padding:10px 12px;font:12.5px/1.6 Manrope Variable,sans-serif;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000001f}.playground-stdin-panel textarea{width:100%;font:13px/1.6 var(--code-font);color:var(--text);background:var(--page);border:1px solid var(--line);resize:vertical;border-radius:6px;margin-top:6px;padding:8px;display:block}@media (width<=600px){.playground-toolbar{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto}.playground-file-tabs{grid-area:1/1}.playground-actions{grid-area:1/2}.playground-title{text-align:left;max-width:none;color:var(--muted);grid-area:1/1;font-size:12px;font-weight:500}.playground-toolbar:has(.playground-file-tabs) .playground-title{text-align:center;grid-area:2/1/auto/-1;padding:2px 0 4px;line-height:1.5}}.playground-toolbar button[data-run]{background:color-mix(in srgb, var(--accent) 14%, var(--surface));color:var(--accent);border-color:#0000}.playground-toolbar button[hidden]{display:none}.playground-toolbar button:disabled{opacity:.55;cursor:wait}.playground-file-tabs{scrollbar-width:thin;border:0;flex:1;align-items:center;gap:2px;min-width:0;margin:0;padding:0;display:flex;overflow-x:auto}.playground-file-tabs[hidden]{display:none}.playground-file-tabs label{box-sizing:border-box;cursor:pointer;height:32px;font-family:var(--code-font);white-space:nowrap;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;line-height:1;display:inline-flex;position:relative}.playground-file-tabs input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.playground-file-tabs label:has(:checked){background:var(--soft);color:var(--accent)}.playground-file-tabs label:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}[data-file-pane][hidden]{display:none}:root{--csv-col-0:color-mix(in srgb, #d0342c 68%, var(--code-foreground));--csv-col-1:color-mix(in srgb, #d9730d 72%, var(--code-foreground));--csv-col-2:color-mix(in srgb, #989a00 72%, var(--code-foreground));--csv-col-3:color-mix(in srgb, #2d9d4e 68%, var(--code-foreground));--csv-col-4:color-mix(in srgb, #1f9e8e 68%, var(--code-foreground));--csv-col-5:color-mix(in srgb, #2f7dd1 68%, var(--code-foreground));--csv-col-6:color-mix(in srgb, #6a5fd0 68%, var(--code-foreground));--csv-col-7:color-mix(in srgb, #9a4fd0 68%, var(--code-foreground));--csv-col-8:color-mix(in srgb, #d14f9a 68%, var(--code-foreground));--csv-col-9:color-mix(in srgb, #9a6a3f 72%, var(--code-foreground))}:is(.playground,.prose) .csv-col-0{color:var(--csv-col-0)}:is(.playground,.prose) .csv-col-1{color:var(--csv-col-1)}:is(.playground,.prose) .csv-col-2{color:var(--csv-col-2)}:is(.playground,.prose) .csv-col-3{color:var(--csv-col-3)}:is(.playground,.prose) .csv-col-4{color:var(--csv-col-4)}:is(.playground,.prose) .csv-col-5{color:var(--csv-col-5)}:is(.playground,.prose) .csv-col-6{color:var(--csv-col-6)}:is(.playground,.prose) .csv-col-7{color:var(--csv-col-7)}:is(.playground,.prose) .csv-col-8{color:var(--csv-col-8)}:is(.playground,.prose) .csv-col-9{color:var(--csv-col-9)}:is(.playground,.prose) .csv-header{font-weight:700}:is(.playground,.prose) .csv-delimiter{color:var(--muted)}: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:var(--editor-max-height);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}.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}.sql-table-scroll{scrollbar-width:thin;scrollbar-color:var(--muted) var(--surface);max-width:100%;max-height:360px;margin-top:12px;overflow:auto}.playground .sql-table-scroll table{width:max-content;min-width:100%;font:13px/1.5 var(--code-font);font-variant-numeric:tabular-nums;border-collapse:collapse;margin:0}.playground .sql-table-scroll caption{text-align:left;color:var(--muted);padding:0 0 6px;font:12px/1.5 Manrope Variable,sans-serif}.playground .sql-table-scroll :is(th,td){border-bottom:1px solid var(--line);text-align:left;white-space:pre;padding:7px 10px}.playground .sql-table-scroll th{color:var(--text);background:var(--soft);font-weight:600;position:sticky;top:0}.playground .sql-table-scroll :is(.sql-null,.sql-empty){color:var(--muted);font-style:italic}.sql-table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media screen and (scripting:enabled){.playground:not([data-ready]) pre[data-source]{max-height:var(--editor-max-height);overflow:auto}.playground:not([data-ready]) [data-file-pane]:not([data-file-pane="0"]){display:none}[data-playground] .playground-toolbar{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) auto;position:relative}[data-playground] .playground-toolbar .playground-actions{grid-column:2}[data-playground] .playground-toolbar .playground-title{visibility:hidden;text-align:left;grid-area:1/1;width:max-content;max-width:none;margin:0;padding:0;line-height:32px;position:absolute}[data-playground][data-toolbar-title] .playground-toolbar .playground-title{visibility:visible;position:static}[data-playground][data-toolbar-title]:has(.playground-file-tabs) .playground-toolbar{grid-template-columns:minmax(0,1fr) max-content auto}[data-playground][data-toolbar-title]:has(.playground-file-tabs) .playground-title{grid-column:2}[data-playground][data-toolbar-title]:has(.playground-file-tabs) .playground-actions{grid-column:3}}@media screen and (scripting:enabled) and (width<=600px){[data-playground] .playground-file-tabs label{padding-inline:8px;font-size:12px}}