*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font:13px/1.4 system-ui,sans-serif;color:#e7e9ee;background:#111318}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #3b414d;border-radius:5px;background:#242933;padding:6px 12px}button:hover{background:#343b49}.app{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.toolbar{height:48px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 14px;border-bottom:1px solid #303641}.brand{display:flex;align-items:baseline;gap:9px;font-size:15px}.brand strong{color:#6ea8ff;letter-spacing:.07em}.brand span{color:#d5d9e1}.toolbar-actions{display:flex;align-items:center;gap:8px}.status{color:#9da6b8;margin-right:7px}button.run{color:#101a12;background:#65cf8b;border-color:#65cf8b;font-weight:700;min-width:64px}button.run:hover{background:#87e2a6}button.cancel{color:#ffc5c5;border-color:#a35a5a}.workspace{flex:1;min-height:0;display:grid}.editor-pane,.viewer-pane,.console-pane,.right-pane{min-height:0;min-width:0;overflow:hidden}.editor-pane,.viewer-pane,.console-pane{display:flex;flex-direction:column;position:relative}.right-pane{display:grid}.pane-title{height:32px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#cbd1dc;background:#1c2028;border-bottom:1px solid #303641;font-size:12px;font-weight:600}.pane-title span{color:#818c9e;font-weight:400}.pane-title button{border:0;padding:2px 6px;background:transparent;color:#9da6b8;font-weight:400}.resize-handle{background:#303641;touch-action:none}.resize-handle:hover{background:#6ea8ff}.resize-handle.columns{cursor:col-resize}.resize-handle.rows{cursor:row-resize}.viewer-pane>div:not(.pane-title):not(.viewer-empty){flex:1;min-height:0}.viewer-empty{position:absolute;inset:32px 0 0;display:grid;place-content:center;pointer-events:none;color:#aab3c3}.viewer-empty code{color:#87b4ff}.console-output{flex:1;overflow:auto;padding:8px 12px;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.console-output pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 4px;font:inherit}.console-output .warn{color:#f2ce78}.console-output .error{color:#f99}@media (max-width: 800px){.workspace{display:flex;flex-direction:column}.editor-pane{height:42%;flex:none}.right-pane{flex:1}.resize-handle.columns,.status{display:none}}