@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#0b0c0f;--surface-raised:#161b21;--surface-hover:#e2e4e90f;--text:#e2e4e9d1;--text-on-accent:#08211e;--muted:#e2e4e98a;--line:#e2e4e91f;--line-strong:#e2e4e933;--teal:#00bad6;--teal-dim:#085a68;--teal-wash:#00bad61a;--violet:#a9a5ff;--danger:#ff938b;--result-text:#d7e4e6;--radius-control:6px;--radius-float:8px;--header:48px;--sidebar-default:238px;--sidebar-min:180px;--sidebar-max:420px;--retry-timeout-ms:60000;--retry-interval-ms:250;--sans:"Inter", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#app{background:var(--canvas);color:var(--text);font:14px/1.4 var(--sans);height:100%;margin:0}button,select{color:inherit;font:inherit}button,a,label{transition:background-color .15s,border-color .15s,color .15s,opacity .15s}button:focus-visible,a:focus-visible,label:focus-within{outline:2px solid var(--teal);outline-offset:2px}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}.app{flex-direction:column;height:100%;display:flex;overflow:hidden}.top{background:var(--canvas);border-bottom:1px solid var(--line);height:var(--header);z-index:3;align-items:center;gap:12px;padding:0 20px;display:flex;position:relative}.brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:8px;margin-right:18px;font-size:16px;font-weight:500;display:flex}.brand img{width:24px;height:24px;display:block}.brand-mark{position:relative}.version-badge{background:var(--teal);border-radius:var(--radius-control);color:var(--text-on-accent);font:600 8px/1 var(--mono);letter-spacing:0;white-space:nowrap;padding:2px 3px;position:absolute;top:-7px;right:-25px}.top-divider{background:var(--line-strong);width:1px;height:18px}.top-section{color:var(--text);font-size:13px;font-weight:500}.spacer{flex:1}.nav,.source-actions{align-items:center;gap:5px;display:flex}.nav{color:var(--muted);gap:18px;font-size:13px}.menu button,.file-actions button{border-radius:var(--radius-control);cursor:pointer;background:0 0;border:0}.seg{border:1px solid var(--line-strong);border-radius:var(--radius-control);align-items:stretch;display:flex;overflow:hidden}.example-selector,.source-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;padding:6px 9px;font-size:12px}.example-selector{text-align:left;grid-template-columns:auto minmax(90px,1fr) auto;gap:7px;min-width:218px;display:grid}.source-button{border-left:1px solid var(--line-strong)}.source-label{color:inherit;font:500 12px var(--sans)}.source-value{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.example-selector:hover,.source-button:hover{background:var(--surface-hover)}.example-selector.active,.source-button.active{background:var(--teal-wash);color:var(--teal);font-weight:500}.example-selector.active .source-value{color:var(--teal)}.source-actions{margin-left:6px;position:relative}.chevron{border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;display:inline-block;transform:rotate(45deg)translateY(-2px)}.chevron.side{width:6px;height:6px;transform:rotate(135deg)}.chevron.side.reverse{transform:rotate(-45deg)}.chevron.vertical{transform:rotate(45deg)translateY(-2px)}.chevron.vertical.collapsed{transform:rotate(-45deg)}.menu{background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-float);min-width:230px;padding:4px;position:absolute;top:34px;left:0;box-shadow:0 14px 32px #0006}.menu button{text-align:left;width:100%;padding:8px 10px;display:block}.menu button:hover{background:var(--surface-hover)}.menu button[aria-current=true]{color:var(--teal)}.body{flex:1;min-height:0;display:flex}.sidebar{background:var(--canvas);width:0;min-width:0;overflow:hidden}.sidebar.open{width:var(--sidebar-default)}.sidebar-inner{flex-direction:column;gap:12px;min-width:180px;height:100%;padding:0 10px 14px;display:flex}.sidebar-heading{border-bottom:1px solid var(--line);flex:0 0 36px;justify-content:space-between;align-items:center;padding:0 4px;display:flex}.sidebar h2{letter-spacing:.01em;margin:0;font-size:13px;font-weight:600}.hint,.path{color:var(--muted);font-size:11px}.hint{margin:0;line-height:1.5}.file-list{flex-direction:column;flex:1;gap:3px;display:flex;overflow:auto}.file{border-radius:0 var(--radius-control) var(--radius-control) 0;border-left:2px solid #0000;padding:7px 5px 7px 10px}.file:hover{background:var(--surface-hover)}.file.selected{background:var(--teal-wash);border-left-color:var(--teal)}.file-main{justify-content:space-between;align-items:center;min-width:0;display:flex}.file strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.path{font-family:var(--mono);margin:4px 0 0}.file-actions{flex:none;gap:1px;margin-left:6px;display:flex}.file-actions button{color:var(--muted);cursor:pointer;justify-content:center;align-items:center;width:28px;height:28px;padding:6px;display:flex}.file-actions svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25px;width:14px;height:14px}.file-actions button:hover{background:var(--surface-hover);color:var(--text)}.file-actions .danger:hover{color:var(--danger)}.upload-btn{border:1px solid var(--line-strong);border-radius:var(--radius-control);color:var(--text);cursor:pointer;padding:7px 10px;font-size:12px;font-weight:500}.upload-btn:hover{background:var(--surface-hover);border-color:var(--teal);color:var(--teal)}.upload-btn span{font-family:var(--mono);vertical-align:-1px;margin-right:4px;font-size:16px;font-weight:400}.sidebar-split-wrap{flex:0 0 5px;position:relative}.sidebar-split{background:var(--line);cursor:col-resize;width:5px;height:100%}.sidebar-split:hover{background:var(--teal)}.sidebar-toggle{background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-control);color:var(--muted);cursor:pointer;z-index:6;justify-content:center;align-items:center;width:16px;height:32px;padding:0;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.sidebar-toggle:hover{background:var(--surface-hover);border-color:var(--teal);color:var(--teal)}.workspace{background:var(--canvas);flex-direction:column;flex:1;min-width:0;display:flex}.pane-bar,.analysis-bar{background:var(--canvas);border:0;border-bottom:1px solid var(--line);color:var(--text);cursor:pointer;letter-spacing:.01em;text-align:left;flex:0 0 36px;justify-content:space-between;align-items:center;width:100%;padding:0 12px;font-size:13px;font-weight:600;display:flex}.pane-bar:hover,.analysis-bar:hover{background:var(--surface-hover);color:var(--text)}.analysis-bar{border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.pane-dot{border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.pane-dot.teal{background:var(--teal);box-shadow:0 0 8px var(--teal)}.pane-dot.violet{background:var(--violet)}.pane-meta{color:var(--muted);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.pane-bar .chevron,.analysis-bar .chevron{color:var(--muted);margin-left:12px}.pane-bar:hover .chevron,.analysis-bar:hover .chevron{color:var(--teal)}.surfer{border:0;width:100%;height:100%;min-height:0}.surfer-wrap{min-height:120px;display:flex;position:relative}.surfer-wrap.hidden{display:none}.surfer-empty{background:var(--canvas);color:var(--muted);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.surfer-empty p{margin:0;font-size:13px}.workspace.resizing .surfer{pointer-events:none}.split{background:var(--line-strong);cursor:row-resize;flex:0 0 5px;position:relative}.split:hover{background:var(--teal)}.python-pane{flex:1;min-height:180px;display:flex;overflow:hidden;box-shadow:inset 2px 0 #a9a5ff52}.python-pane.hidden{display:none}.code-panel{background:var(--canvas);flex-direction:column;min-width:180px;display:flex}.result-panel{background:var(--canvas);flex-direction:column;flex:1;min-width:160px;display:flex}.panel-toolbar{background:var(--canvas);border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.01em;flex:0 0 28px;justify-content:flex-end;align-items:center;padding:0 10px;font-size:10px;font-weight:500;display:flex}.panel-label{flex:1}.editor-actions{align-items:center;gap:5px;display:flex}.run-button{background:var(--teal);border:1px solid var(--teal);border-radius:var(--radius-control);color:var(--text-on-accent);cursor:pointer;font:500 10px var(--sans);height:20px;padding:0 9px}.run-button:hover:not(:disabled){filter:brightness(1.08)}.run-button:disabled{cursor:wait;opacity:.45}.clear-button{background:var(--surface-hover);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--muted);cursor:pointer;font:500 10px var(--sans);height:20px;padding:0 6px}.clear-button:hover{border-color:var(--line-strong);color:var(--text);background:#e2e4e91a}.code-split{background:var(--line);cursor:col-resize;flex:0 0 5px}.code-split:hover{background:var(--violet)}.result-output{color:var(--result-text);font:12px/1.6 var(--mono);white-space:pre-wrap;margin:0;padding:14px;overflow:auto}.result-empty{color:var(--muted);font:12px/1.5 var(--sans);margin:0;padding:15px}body.resizing-columns{cursor:col-resize;-webkit-user-select:none;user-select:none}@media (width<=800px){.nav{display:none}.source-actions{margin-left:0}.example-selector{min-width:150px}.sidebar.open{bottom:0;left:0;top:var(--header);z-index:4;position:absolute;box-shadow:12px 0 28px #0006}.sidebar-split-wrap{bottom:0;left:0;top:var(--header);z-index:5;position:absolute}.sidebar-split-wrap:has(button[aria-expanded=true]){left:calc(min(100vw - 5px, var(--sidebar-default)))}.menu{right:8px}.pane-meta{display:none}.python-pane{flex-direction:column}.code-panel{flex-basis:50%!important}.code-split{cursor:row-resize;flex-basis:5px}}.editor,.editor .cm-editor{height:100%}.editor .cm-editor{background:var(--canvas);color:#dce8ea;font:12px/1.65 var(--mono);outline:0}.editor .cm-scroller{padding:13px 0;overflow:auto}.editor .cm-content{caret-color:#62c8bf;padding:0 14px}.editor .cm-cursor{border-left-color:#62c8bf}.editor .cm-selectionBackground{background:#214b48!important}.editor .cm-gutters{background:var(--canvas);border-right:1px solid var(--line);color:#52676d}.editor .cm-activeLineGutter{background:var(--surface-hover);color:#8fa5aa}