:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--background:#080b0f;--panel:#0d1117;--panel-muted:#10151c;--panel-raised:#151b23;--panel-hover:#19212b;--border:#202832;--border-strong:#303b49;--foreground:#e7ebf2;--muted-foreground:#929dab;--subtle-foreground:#606b7a;--primary:#218cf3;--primary-hover:#3a9bf7;--primary-foreground:#fff;--primary-soft:#102c46;--accent:#172433;--accent-foreground:#c9e4ff;--input:#090d12;--success:#46d5a1;--warning:#f1c45d;--danger:#ff7186;--editor:#0c1015;--terminal:#090d12;--shadow:#0005;--radius:7px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#eef1f5;--panel:#fff;--panel-muted:#f7f8fa;--panel-raised:#eef2f6;--panel-hover:#e9eef4;--border:#dce1e8;--border-strong:#c8d0da;--foreground:#1b2430;--muted-foreground:#687486;--subtle-foreground:#929cab;--primary:#087bcc;--primary-hover:#006db8;--primary-foreground:#fff;--primary-soft:#deeffc;--accent:#e8f2fa;--accent-foreground:#124e78;--input:#fff;--success:#16865f;--warning:#9b6800;--danger:#c83e55;--editor:#fff;--terminal:#f8fafc;--shadow:#31415822}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body.resizing-panels{cursor:col-resize;-webkit-user-select:none;user-select:none}button,input{font:inherit}button{color:inherit}button:disabled{cursor:default;opacity:.46;filter:none}button:focus-visible,input:focus-visible,[role=separator]:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 72%, transparent);outline-offset:-2px}.app-shell{background:var(--background);width:100%;height:100%;color:var(--foreground)}.topbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--panel) 96%, var(--primary) 4%);height:48px;box-shadow:0 1px 8px var(--shadow);z-index:30;grid-template-columns:1fr auto;align-items:center;padding:0 9px 0 12px;display:grid;position:relative}.brand,.brand-copy,.top-actions,.runtime-pill,.button,.browser-bar,.address,.preview-footer,.response-row{align-items:center;display:flex}.brand{gap:9px;min-width:190px}.brand-mark{color:#fff;background:linear-gradient(145deg,#2ba5ff,#0874c1);border-radius:8px;place-items:center;width:29px;height:29px;display:grid;box-shadow:0 5px 16px #0874c13d}.brand-copy{flex-direction:column;align-items:flex-start;line-height:1.05}.brand-copy strong{letter-spacing:-.005em;font-size:13px}.brand-copy small{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.13em;margin-top:3px;font-size:9px;font-weight:650}.top-actions{justify-self:end;gap:6px}.runtime-pill{color:var(--muted-foreground);gap:7px;padding:0 8px;font-size:11px}.runtime-pill i,.preview-footer i{background:var(--success);width:6px;height:6px;box-shadow:0 0 7px color-mix(in srgb, var(--success) 58%, transparent);border-radius:50%}.runtime-pill.booting i,.runtime-pill.resolving i,.runtime-pill.compiling i,.runtime-pill.starting i,.runtime-pill.stopping i{background:var(--warning);box-shadow:0 0 7px color-mix(in srgb, var(--warning) 54%, transparent)}.runtime-pill.error i{background:var(--danger);box-shadow:0 0 7px color-mix(in srgb, var(--danger) 54%, transparent)}.button,.icon-button{cursor:pointer;background:0 0;border:1px solid #0000;transition:color .12s,background .12s,border-color .12s,box-shadow .12s}.button{border-radius:var(--radius);gap:7px;height:31px;padding:0 11px;font-size:12px;font-weight:650}.button.ghost{color:var(--muted-foreground);border-color:var(--border);background:var(--panel-muted)}.button.run{color:var(--primary-foreground);border-color:color-mix(in srgb, var(--primary) 88%, white 12%);background:var(--primary);box-shadow:0 5px 15px color-mix(in srgb, var(--primary) 26%, transparent)}.button.stop{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, var(--border));background:color-mix(in srgb, var(--danger) 11%, var(--panel))}.button:hover:not(:disabled){border-color:var(--border-strong);box-shadow:0 4px 12px var(--shadow)}.button.run:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.icon-button{width:30px;height:30px;color:var(--muted-foreground);border-radius:6px;place-items:center;display:grid}.icon-button:hover:not(:disabled){color:var(--foreground);background:var(--panel-hover)}.icon-button.small{width:26px;height:26px}.top-theme{border-color:var(--border);background:var(--panel-muted)}.workspace{grid-template-columns:46px var(--explorer-width,220px) minmax(430px, 1fr) var(--preview-width,42%);min-width:1024px;height:calc(100% - 48px);display:grid}.panel-border{border-left:1px solid var(--border)}.panel-top{border-top:1px solid var(--border)}.activity-bar{background:var(--panel-muted);border-right:1px solid color-mix(in srgb, var(--border) 70%, transparent);flex-direction:column;justify-content:space-between;min-width:0;padding:6px 0;display:flex}.activity-primary{gap:2px;display:grid}.activity-button{width:45px;height:42px;color:var(--subtle-foreground);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:relative}.activity-button:before{content:"";background:0 0;border-radius:0 2px 2px 0;width:2px;position:absolute;inset:7px auto 7px 0}.activity-button:hover{color:var(--foreground);background:color-mix(in srgb, var(--panel-hover) 70%, transparent)}.activity-button.active{color:var(--foreground)}.activity-button.active:before{background:var(--primary)}.sidebar{background:var(--panel);min-width:0;position:relative;overflow:hidden}.side-panel{height:100%;min-height:0}.section-heading{height:40px;color:var(--muted-foreground);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 11px 0 13px;font-size:10px;font-weight:750;display:flex}.section-heading small{color:var(--subtle-foreground);letter-spacing:0;font-size:10px;font-weight:600}.folder-row,.file-row{height:28px;color:var(--muted-foreground);align-items:center;gap:7px;padding:0 9px;font-size:12px;display:flex}.file-tree{max-height:calc(100% - 40px);padding:1px 0 8px;overflow:auto}.folder-row,.file-row{padding-left:calc(10px + var(--tree-depth,0) * 14px)}.folder-row{color:var(--foreground);font-weight:530}.folder-row svg{color:#d7a742;fill:#d7a74226}.file-tree button{cursor:pointer;text-align:left;border:0;width:100%}.file-row{background:0 0}.file-row:hover{background:var(--panel-hover)}.file-row.active{color:var(--foreground);background:var(--accent);box-shadow:inset 2px 0 0 var(--primary)}.file-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-row small{color:var(--warning);margin-left:auto}.file-icon{color:var(--subtle-foreground);flex:none}.file-icon.dart{color:#39a8e8}.file-icon.yaml{color:#d89c45}.file-icon.json{color:#d5b63e}.file-icon.markdown{color:#609ed6}.search-panel{grid-template-rows:40px auto minmax(0,1fr);display:grid}.search-box{border:1px solid var(--border-strong);height:32px;color:var(--subtle-foreground);background:var(--input);box-shadow:inset 0 1px 2px var(--shadow);border-radius:6px;align-items:center;gap:7px;margin:0 10px 8px;padding:0 8px;display:flex}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 17%, transparent)}.search-box input{width:100%;min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;padding:0;font-size:12px}.search-box input::placeholder{color:var(--subtle-foreground)}.search-results{min-height:0;padding:2px 6px 10px;overflow:auto}.search-result{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;gap:4px;width:100%;padding:7px 7px 8px;display:grid}.search-result:hover{background:var(--panel-hover)}.search-result-path{grid-template-columns:15px auto minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;display:grid}.search-result-path strong{color:var(--foreground);text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.search-result-path small{color:var(--subtle-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.search-result-path b{color:var(--subtle-foreground);font:9px SFMono-Regular,Consolas,monospace}.search-result-preview{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;padding-left:21px;font:10px/1.5 SFMono-Regular,Consolas,monospace;overflow:hidden}.search-result-preview mark{color:inherit;background:color-mix(in srgb, var(--warning) 38%, transparent);border-bottom:1px solid var(--warning);padding:1px 0}.panel-empty{text-align:center;min-height:150px;color:var(--subtle-foreground);align-content:center;place-items:center;gap:8px;padding:32px 22px;display:grid}.panel-empty span{border:1px solid var(--border);background:var(--panel-muted);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.panel-empty p{max-width:180px;margin:0;font-size:11px;line-height:1.55}.panel-status{color:var(--subtle-foreground);padding:9px 10px;font-size:10px}.settings-panel{overflow:auto}.settings-section{border:1px solid var(--border);background:var(--panel-muted);box-shadow:0 4px 14px color-mix(in srgb, var(--shadow) 55%, transparent);border-radius:8px;margin:0 10px 11px;padding:11px}.settings-section h2{color:var(--foreground);margin:0 0 11px;font-size:11px;font-weight:700}.settings-section>p{color:var(--muted-foreground);margin:0 0 7px;font-size:10px}.theme-choices{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.theme-choices button{border:1px solid var(--border);min-width:0;height:48px;color:var(--muted-foreground);background:var(--panel);cursor:pointer;border-radius:6px;align-content:center;place-items:center;gap:4px;padding:5px 2px;display:grid}.theme-choices button span{font-size:9px}.theme-choices button:hover{color:var(--foreground);border-color:var(--border-strong)}.theme-choices button.active{color:var(--accent-foreground);border-color:color-mix(in srgb, var(--primary) 55%, var(--border));background:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 20%, transparent)}.range-setting{color:var(--muted-foreground);gap:8px;font-size:10px;display:grid}.range-setting>span{justify-content:space-between;display:flex}.range-setting output{color:var(--foreground);font:10px SFMono-Regular,Consolas,monospace}.range-setting input{width:100%;accent-color:var(--primary)}.toggle-setting{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:11px;display:flex}.toggle-setting>span{gap:3px;display:grid}.toggle-setting strong{color:var(--foreground);font-size:10px}.toggle-setting small{color:var(--subtle-foreground);font-size:9px}.toggle-setting input{width:15px;height:15px;accent-color:var(--primary)}.code-column{grid-template-rows:36px 26px minmax(220px, 1fr) var(--terminal-height,190px);background:var(--editor);min-width:0;display:grid}.tabs{background:var(--panel-muted);border-bottom:1px solid var(--border);min-width:0;display:flex;overflow:hidden}.tab{border:0;border-right:1px solid var(--border);min-width:126px;max-width:180px;height:36px;color:var(--subtle-foreground);background:var(--panel-muted);cursor:pointer;border-top:1px solid #0000;align-items:center;gap:7px;padding:0 11px;font-size:11px;display:flex}.tab:hover{color:var(--muted-foreground);background:var(--panel-hover)}.tab.active{color:var(--foreground);background:var(--editor);border-top-color:var(--primary)}.tab-dot{background:var(--primary);border-radius:50%;width:5px;height:5px;margin-left:auto}.breadcrumbs{height:26px;color:var(--subtle-foreground);border-bottom:1px solid var(--border);align-items:center;padding:0 12px;font-size:10px;display:flex}.breadcrumb-part{align-items:center;gap:4px;display:flex}.editor-wrap{min-height:0}.editor-loading{height:100%;color:var(--muted-foreground);place-items:center;font-size:12px;display:grid}.terminal{background:var(--terminal);min-height:0;position:relative;overflow:hidden}.terminal-workspace{grid-template-rows:35px minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid}.terminal-tabs{border-bottom:1px solid var(--border);background:var(--panel-muted);align-items:center;gap:1px;min-width:0;padding:0 7px;display:flex;overflow:hidden}.terminal-tab-list{align-items:center;min-width:0;height:34px;display:flex;overflow:hidden}.terminal-actions{flex:none;align-items:center;gap:1px;display:flex}.terminal-tab,.terminal-tab-close{height:34px;color:var(--subtle-foreground);cursor:pointer;background:0 0;border:0}.terminal-tab{letter-spacing:.025em;padding:0 10px;font:650 10px/1 ui-sans-serif,system-ui,sans-serif;position:relative}.terminal-tab:hover,.terminal-tab:focus-visible,.terminal-tab-close:hover,.terminal-tab-close:focus-visible{color:var(--foreground);background:var(--panel-hover);outline:none}.terminal-tab.active,.terminal-tab[aria-selected=true],.terminal-tab-group.active .terminal-tab{color:var(--foreground)}.terminal-tab.active:after,.terminal-tab[aria-selected=true]:after,.terminal-tab-group.active:after{content:"";background:var(--primary);height:1px;position:absolute;bottom:-1px;left:5px;right:5px}.terminal-tab-group{flex:none;align-items:center;height:34px;display:flex;position:relative}.terminal-tab-group .terminal-tab{padding-right:24px}.terminal-tab-group:after{bottom:0;left:5px;right:5px}.terminal-tab-close{z-index:1;border-radius:4px;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;right:3px}.terminal-tab-spacer{flex:1;min-width:6px}.terminal-instances{background:var(--terminal);min-width:0;min-height:0;position:relative;overflow:hidden}.terminal-instance{visibility:hidden;pointer-events:none;padding:6px 8px 4px 10px;position:absolute;inset:0}.terminal-instance.active{z-index:1;visibility:visible;pointer-events:auto}.terminal-instance .xterm,.terminal-instance .xterm-screen{height:100%}.terminal-instance .xterm-viewport{scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.terminal-loading{height:100%;color:var(--muted-foreground);place-items:center;font-size:11px;display:grid}.preview-column{background:var(--panel);grid-template-rows:39px 1fr 28px;min-width:0;display:grid;position:relative}.browser-bar{border-bottom:1px solid var(--border);background:var(--panel-muted);gap:5px;padding:4px 7px}.browser-bar .icon-button{width:27px;height:27px}.address{border:1px solid var(--border);min-width:0;height:27px;color:var(--muted-foreground);background:var(--input);box-shadow:inset 0 1px 2px var(--shadow);border-radius:6px;flex:1;gap:7px;padding:0 9px;font:10px SFMono-Regular,Consolas,Liberation Mono,monospace}.address span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.address svg{color:var(--primary);flex:none}.preview-frame{color:#15202d;background-color:#f3f6f9;background-image:radial-gradient(#d5dde6 .75px,#0000 .75px);background-size:18px 18px;place-items:center;display:grid;overflow:auto}.preview-frame.loaded{background:#fff;display:block;overflow:hidden}.preview-frame iframe{background:#fff;border:0;width:100%;height:100%;display:block}.preview-card{text-align:center;background:#fff;border:1px solid #e5e9ef;border-radius:13px;width:min(82%,410px);padding:34px;box-shadow:0 20px 55px #1d34482e,0 1px 2px #12223520}.preview-icon{color:#0879c8;background:#e7f4fd;border-radius:12px;place-items:center;width:48px;height:48px;margin:0 auto 16px;display:grid}.preview-kicker{color:#15825e;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font:650 10px SFMono-Regular,Consolas,Liberation Mono,monospace}.preview-card.error .preview-icon{color:#cc3f54;background:#fdecef}.preview-card.error .preview-kicker,.preview-card.error .response-row b{color:#bd3046}.preview-card h1{color:#15202d;letter-spacing:-.04em;margin:0;font-size:24px}.preview-card>p:not(.preview-kicker){color:#697586;font-size:12px;line-height:1.6}.response-row{background:#f3f6f8;border:1px solid #e2e7ec;border-radius:7px;gap:8px;margin-top:20px;padding:9px 10px;font:10px SFMono-Regular,Consolas,Liberation Mono,monospace}.response-row span{color:#fff;background:#168b66;border-radius:4px;padding:3px 5px;font-weight:700}.response-row code{color:#4d5967}.response-row b{color:#168b66;margin-left:auto}.preview-footer{border-top:1px solid var(--border);color:var(--subtle-foreground);background:var(--panel-muted);justify-content:space-between;padding:0 10px;font-size:9px}.preview-footer span{align-items:center;gap:6px;display:flex}.preview-footer i{background:var(--warning);box-shadow:0 0 7px color-mix(in srgb, var(--warning) 45%, transparent)}.preview-footer i.ready{background:var(--success);box-shadow:0 0 7px color-mix(in srgb, var(--success) 45%, transparent)}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.panel-resizer{z-index:20;touch-action:none;outline:none;position:absolute}.panel-resizer.explorer{cursor:col-resize;width:6px;height:100%;top:0;right:-3px}.panel-resizer.preview{cursor:col-resize;width:6px;height:100%;top:0;left:-3px}.panel-resizer.terminal{cursor:row-resize;width:100%;height:6px;top:-3px;left:0}.panel-resizer:after{content:"";background:var(--primary);opacity:0;transition:opacity .12s;position:absolute}.panel-resizer.explorer:after,.panel-resizer.preview:after{inset:0 2px}.panel-resizer.terminal:after{inset:2px 0}.panel-resizer:hover:after,.panel-resizer:focus-visible:after{opacity:.8}@media (max-width:1180px){.workspace{grid-template-columns:44px var(--explorer-width,190px) minmax(390px, 1fr) var(--preview-width,40%)}.activity-button{width:43px}.runtime-pill,.button.ghost{display:none}}@media (max-width:900px){.runtime-pill,.button.ghost,.top-theme{display:none}.workspace{grid-template-rows:minmax(340px,58%) minmax(250px,42%);grid-template-columns:minmax(0,1fr);min-width:0}.activity-bar,.sidebar{display:none}.code-column{grid-area:1/1;grid-template-rows:36px 24px minmax(180px,1fr) 130px}.preview-column{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-area:2/1}.panel-resizer{display:none}}