:root{color-scheme:dark;--bg:#151719;--panel:#1b1d20;--editor:#191b1e;--raised:#25282c;--line:#303338;--text:#e0e1e3;--muted:#90969e;--subtle:#666e78;--accent:#e6bb6f;--green:#8bc9a3;--code:#d4d9df;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px}
:root[data-theme=light]{color-scheme:light;--bg:#f2f1ec;--panel:#faf9f5;--editor:#fffefa;--raised:#e9e7df;--line:#d9d7cf;--text:#282c31;--muted:#657079;--subtle:#7e858b;--accent:#93601a;--green:#327a4a;--code:#303b47}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}button:hover{filter:brightness(1.18)}.playground{min-height:100dvh;display:flex;flex-direction:column}.topbar{height:77px;flex:none;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:650;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;background:var(--accent);color:#171a1d;font:bold 25px Georgia,serif;width:28px;height:32px;border-radius:7px;transform:rotate(-7deg);margin-right:3px}.brand-sub{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted);border-left:1px solid var(--line);padding-left:16px;margin-left:7px}.top-actions{display:flex;gap:25px;align-items:center}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);flex:none}.icon-button{border:1px solid var(--line);background:transparent;border-radius:5px;width:30px;height:30px;font-size:20px;display:grid;place-items:center}.toolbar{height:62px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid var(--line);gap:12px}.workspace-label{display:flex;gap:15px;align-items:center;color:var(--subtle);font-size:10px;letter-spacing:1.2px}.workspace-label strong{font-size:12px;letter-spacing:0;font-weight:450;color:var(--text)}.execution-controls{display:flex;align-items:center;gap:9px}.entry-label{font-size:11px;color:var(--muted)}select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:6px 9px;font-size:11px;max-width:180px}.button{border:1px solid var(--line);border-radius:5px;padding:7px 12px;background:transparent;font-size:11px;white-space:nowrap}.button.subtle{border-color:transparent;color:var(--muted)}.button.primary{background:var(--accent);color:#242019;border:0;font-weight:650;padding:9px 15px;display:flex;gap:20px;align-items:center}.button kbd{font-size:10px;opacity:.65}.workbench{flex:1;display:grid;grid-template-columns:204px minmax(260px,1.1fr) minmax(280px,1fr);min-height:calc(100dvh - 171px)}.sidebar{display:flex;flex-direction:column;padding:23px 15px;background:var(--panel);border-right:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;font-weight:600;color:var(--muted);padding:0 8px;margin-bottom:16px}.section-label span{letter-spacing:0;font-weight:400;color:var(--subtle)}#file-select{width:100%;max-width:none;border:0;padding:0;background:transparent;flex:0 1 260px;min-height:100px;outline-offset:2px}#file-select option{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;padding:10px 12px;border-radius:4px;margin-bottom:3px;color:var(--muted)}#file-select option:checked{background:var(--raised) linear-gradient(0deg,var(--raised),var(--raised));color:var(--accent)}.file-create{display:flex;gap:6px;border-top:1px solid var(--line);padding-top:13px}.file-create input{min-width:0;width:100%;background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--text);padding:6px;font-size:10px}.file-create .icon-button{width:27px;height:27px;flex:none}.remove-file{color:var(--subtle);font-size:9px;border:0;padding:10px 0;text-align:left}.editor-pane{min-width:0;background:var(--editor);display:flex;flex-direction:column;border-right:1px solid var(--line)}.pane-heading{height:47px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 20px;flex:none}.file-heading{display:flex;align-items:center;gap:9px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.file-glyph{font:italic 18px Georgia;color:var(--accent)}.copy-button{font-size:10px}.editor-wrap{flex:1;display:flex;min-height:420px;padding-top:22px;position:relative}#line-numbers{width:49px;margin:0;padding:0 14px 30px 0;overflow:hidden;text-align:right;color:var(--subtle);user-select:none;font:12px/1.95 ui-monospace,SFMono-Regular,Consolas,monospace;flex:none}#source-editor{width:100%;min-width:0;resize:none;border:0;background:transparent;color:var(--code);padding:0 20px 30px 0;margin:0;outline:none;font:12px/1.95 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre;overflow:auto}.editor-footer{height:30px;display:flex;align-items:center;gap:17px;color:var(--subtle);font-size:9px;border-top:1px solid var(--line);padding:0 16px}.editor-footer span:last-child{margin-left:auto}.results-pane{background:var(--panel);display:flex;flex-direction:column;min-width:0}.result-tabs{height:47px;border-bottom:1px solid var(--line);display:flex;padding:0 17px;gap:18px;flex:none}.result-tabs button{font-size:11px;border:0;border-bottom:2px solid transparent;background:transparent;padding:0 2px;color:var(--muted)}.result-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}[role=tabpanel]{padding:27px 25px;overflow:auto;flex:1;min-height:300px}[hidden]{display:none!important}[role=tabpanel] pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--code);font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace}.statusbar{height:32px;flex:none;display:flex;align-items:center;gap:22px;padding:0 18px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.statusbar>div{display:flex;align-items:center;gap:8px}.statusbar>span:nth-child(2){margin-left:auto}#boot-status{padding:8px 20px;background:var(--raised);color:var(--accent);margin:0;font-size:11px}@media(min-width:1500px){.workbench{grid-template-columns:230px minmax(450px,1.15fr) minmax(400px,1fr)}#source-editor,#line-numbers,[role=tabpanel] pre{font-size:13px}}@media(max-width:900px){.workbench{grid-template-columns:160px minmax(230px,1fr)}.results-pane{grid-column:1/-1;border-top:1px solid var(--line)}.editor-wrap{min-height:360px}.sidebar{padding:20px 10px}.topbar{padding:0 18px;height:65px}.toolbar{padding:0 15px}.workspace-label{display:none}.execution-controls{width:100%;justify-content:flex-end}[role=tabpanel]{min-height:200px}}@media(max-width:520px){.brand-sub{display:none}.top-actions{gap:12px}.workbench{grid-template-columns:124px minmax(180px,1fr)}.entry-label{display:none}.execution-controls{gap:3px}.execution-controls select{max-width:120px}.button.primary{gap:12px;padding:9px 12px}.topbar{height:57px}#line-numbers{width:30px;padding-right:8px}.pane-heading{padding:0 12px}.file-create{flex-wrap:wrap}.file-create input{flex:1;min-width:65px}.file-create .icon-button{width:22px}#source-editor,#line-numbers{font-size:11px}.statusbar{font-size:8px;gap:8px}.result-tabs{gap:22px}.brand{font-size:22px}}
.github-link img{display:block;width:18px;height:18px;filter:invert(1);opacity:.8}[data-theme=light] .github-link img{filter:none}

.examples{margin-bottom:24px}.examples .section-label{padding:0}.examples select{width:100%;max-width:none;font-size:10px}