:root {
  color-scheme: dark;
  --title:#22232d; --toolbar:#282a35; --chrome:#252732; --panel:#20222b;
  --editor:#1c1e26; --surface:#2b2d39; --hover:#343645; --border:#363846;
  --border-soft:#2c2f3c; --text:#d2d5e1; --muted:#858b9e; --faint:#626a7e;
  --accent:#b39bdc; --accent-strong:#8f72bd; --active:#373147; --active-border:#b299dc;
  --green:#95c7a7; --red:#eb8791; --yellow:#d4b577; --blue:#8bb2de;
  --status:#6b5291; --sidebar-width:282px; --panel-height:202px;
  font-family:"Segoe UI",Inter,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:12px;
}
:root[data-theme=light] {color-scheme:light;--title:#f7f6fa;--toolbar:#f1eff5;--chrome:#f7f6fa;--panel:#fcfbfd;--editor:#fff;--surface:#eae7f0;--hover:#e3deec;--border:#d9d5e2;--border-soft:#e6e2ec;--text:#3f3c4d;--muted:#888195;--faint:#aca7b8;--accent:#735399;--accent-strong:#8867b1;--active:#ebe3f7;--active-border:#9576bd;--green:#467b60;--red:#ba4456;--yellow:#96713a;--blue:#4c76ab;--status:#775797;}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--editor);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}button:disabled{opacity:.3;cursor:default}button:not(:disabled):hover{background:var(--hover)}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}input,select{background:var(--editor);border:1px solid var(--border);border-radius:3px;min-width:0}input{padding:6px 9px}input::placeholder{color:var(--muted)}input:focus{outline:1px solid var(--accent);outline-offset:-1px}select{height:27px;padding:2px 8px}kbd{font-family:inherit;font-size:10px;color:var(--muted);padding:2px 4px;border:1px solid var(--border);border-radius:3px;line-height:1.1}.icon{width:16px;height:16px;flex-shrink:0;vertical-align:middle}span[data-icon]{display:inline-flex;align-items:center}.hidden{display:none!important}.icon-button{width:27px;height:27px;flex-shrink:0;border-radius:3px;color:var(--muted)}.icon-button:hover{color:var(--text)}.small-button{padding:4px 10px;min-height:25px;border:1px solid var(--border);border-radius:3px;color:var(--text);font-size:11px}.primary-button{padding:9px 17px;border:1px solid var(--accent-strong);border-radius:4px;color:#fff;background:var(--accent-strong);font-size:12px;gap:16px}.primary-button:not(:disabled):hover{background:#9c7bc8}.primary-button kbd{color:#e6d9f9;border-color:#c1a3e1}.text-button{padding:7px 13px;border-radius:4px}.danger-button{color:var(--red);border-color:#b4556844}.count-pill{background:var(--surface);min-width:17px;line-height:17px;border-radius:8px;padding:0 5px;color:var(--muted);font-size:10px}#app{height:100%;display:grid;grid-template-rows:35px 43px minmax(0,1fr) 25px}.titlebar{display:flex;align-items:center;background:var(--title);padding:0 12px 0 9px;border-bottom:1px solid var(--border-soft);user-select:none;gap:8px}.brand-mark{width:28px;height:30px;color:var(--accent);margin-right:3px}.brand-mark .icon{width:23px;height:23px}.menubar{display:flex;align-items:center;height:100%;gap:0}.menu-button{padding:0 9px;height:27px;border-radius:3px;font-size:11.5px}.menu-button.open{background:var(--hover)}.title-project{display:flex;align-items:center;gap:9px;margin-left:24px;font-size:11px;letter-spacing:.1px;color:var(--muted);white-space:nowrap}.title-project span:first-child{color:var(--text)}.title-divider{color:var(--faint)}.global-search{margin-left:auto;width:218px;height:24px;border:1px solid var(--border);border-radius:4px;background:var(--editor);font-size:10.5px;justify-content:flex-start;padding:0 8px;color:var(--muted);gap:8px}.global-search .icon{width:13px;height:13px}.global-search kbd{border:0;padding:0;margin-left:auto;font-size:9px;opacity:.7}.profile-badge{margin-left:6px;border:1px solid #9c8bb05c;border-radius:50%;width:24px;height:24px;font-size:9px;letter-spacing:.5px;background:#8f72bd1a;color:var(--accent)}.toolbar{display:flex;align-items:center;background:var(--toolbar);padding:0 12px 0 13px;border-bottom:1px solid var(--border);gap:9px;user-select:none}.tool-group{display:flex;align-items:center;gap:2px;padding-right:9px;border-right:1px solid var(--border)}.toolbar .icon-button{width:27px;color:#a1a5b8}.toolbar [data-command=save],.toolbar [data-command=saveAll]{color:var(--accent)}.toolbar [data-command=openFolder]{color:var(--yellow)}.configuration{gap:7px}.configuration select{background:var(--chrome);min-width:111px;font-size:11px;height:26px}.platform-label{color:var(--muted);font-size:11px;padding:0 10px}.run-button{font-size:11.5px;color:var(--text);padding:6px 10px 6px 5px;border-radius:3px;gap:7px}.run-button .icon{color:var(--green);width:14px;height:14px}.toolbar .hot-reload{color:var(--yellow)}.toolbar .stop-button:not(:disabled){color:var(--red)}.toolbar-spacer{flex:1}.toolbar-text{font-size:11px;color:var(--muted);padding:7px 9px;border-radius:3px;margin-right:8px}.toolbar-text .icon{width:14px;height:14px}.gpu-indicator{border:1px solid #81739355;background:#aa89dc09;color:var(--accent);border-radius:4px;height:26px;padding:0 8px;gap:7px;font-size:10px;letter-spacing:.3px}.gpu-indicator .icon{width:13px;height:13px;opacity:.8}.gpu-light,.tiny-dot{width:5px;height:5px;border-radius:50%;background:var(--green);display:inline-block}.trace-tools{font-size:10px;color:var(--yellow)}.workbench{min-height:0;display:grid;grid-template-columns:44px minmax(300px,1fr) 4px var(--sidebar-width);overflow:hidden}.activity-bar{border-right:1px solid var(--border);background:var(--chrome);display:flex;flex-direction:column;align-items:center;padding-top:5px;gap:4px}.activity{width:43px;height:43px;position:relative;color:var(--muted);border-left:2px solid transparent}.activity .icon{width:20px;height:20px}.activity.active{border-left-color:var(--accent);color:var(--accent);background:#a289ca0a}.activity-fill{flex:1}.activity-count{position:absolute;right:5px;bottom:6px;background:var(--accent-strong);color:#fff;border-radius:10px;font-size:8px;width:14px;height:14px;line-height:14px}.main-workspace{display:grid;grid-template-rows:35px 29px minmax(0,1fr) 4px var(--panel-height);min-width:0;min-height:0;overflow:hidden}.main-workspace.panel-hidden{grid-template-rows:35px 29px minmax(0,1fr) 0 0}.main-workspace.panel-hidden .bottom-panel{display:none}.document-tabs{display:flex;align-items:stretch;min-width:0;background:var(--chrome);border-bottom:1px solid var(--border);overflow:auto;scrollbar-width:none}.document-tab{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;height:35px;padding:0 10px 0 13px;border-right:1px solid var(--border-soft);font-size:11.5px;color:var(--muted);border-top:2px solid transparent;cursor:pointer;user-select:none}.document-tab.active{color:var(--text);background:var(--editor);border-top-color:var(--accent);margin-bottom:-1px;padding-bottom:1px}.document-tab:hover{background:var(--hover)}.document-tab .tab-close{width:18px;height:18px;border-radius:3px;margin-left:12px;color:var(--muted)}.document-tab .tab-close .icon{width:11px;height:11px}.document-tab:not(.active) .tab-close{opacity:.4}.document-tab:hover .tab-close{opacity:1}.document-tab .dirty-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);position:absolute;right:16px}.document-tab.dirty .tab-close{visibility:hidden}.document-tab.dirty:hover .tab-close{visibility:visible}.document-tab.dirty:hover .dirty-dot{display:none}.tabs-end{margin-left:auto;display:flex;align-items:center;padding:0 5px;color:var(--muted)}.file-icon{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;font-size:9px;font-weight:700;letter-spacing:-.8px;flex-shrink:0;color:var(--muted)}.file-icon.cs{color:#b295da;font-size:10px}.file-icon.js{color:#d7bd82;font-size:8px;letter-spacing:-.4px}.file-icon.ts{color:#84b4df;font-size:8px}.file-icon.html{color:#db9c79;font-size:14px}.file-icon.css{color:#a5a3dd;font-size:15px;font-weight:400}.file-icon.json{color:#d6bd80;font-size:12px;letter-spacing:1px}.file-icon.md{color:#97b5cf;font-size:10px}.file-icon.project{color:#a0c1a4;font-size:20px}.file-icon.xaml{color:#8fb9d1}.breadcrumbs{display:flex;align-items:center;gap:9px;min-width:0;padding:0 7px 0 16px;background:var(--editor);border-bottom:1px solid var(--border-soft);color:var(--muted);font-size:10.5px}.breadcrumbs #breadcrumbs{display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap;flex:1}.breadcrumbs .icon{width:12px;height:12px;color:var(--faint)}.breadcrumbs .crumb-current{color:var(--text)}.breadcrumb-symbol{max-width:220px;min-width:100px;border-left:1px solid var(--border);padding:1px 9px;height:18px;gap:8px;justify-content:flex-start;font-size:10.5px}.breadcrumb-symbol .icon:first-child{color:var(--accent)}.breadcrumb-symbol span:last-child{margin-left:auto}.breadcrumbs>.icon-button{width:22px;height:24px}.editor-layout{display:flex;min-height:0;min-width:0;position:relative;overflow:hidden}.editor-column{display:flex;flex-direction:column;flex:1;min-height:0;min-width:220px;position:relative}.editor-host{flex:1;min-height:0;min-width:0;position:relative;overflow:hidden;background:var(--editor)}.editor-canvas{position:absolute;inset:0;pointer-events:none}.editor-scroller{position:absolute;inset:0;overflow:scroll;cursor:text;overscroll-behavior:contain;scrollbar-color:#7f83944a transparent;scrollbar-width:thin}.editor-spacer{pointer-events:none;min-width:100%;min-height:100%}.editor-input{position:absolute;z-index:3;width:1px;height:24px;opacity:.005;resize:none;padding:0;margin:0;border:0;outline:0;overflow:hidden;pointer-events:none;font-family:"Cascadia Code","SFMono-Regular",Consolas,monospace;white-space:pre;background:var(--editor)}.editor-input.composing{opacity:1;width:180px;height:27px;pointer-events:auto;outline:1px solid var(--accent);z-index:9;color:var(--text)}.accessible-editor{position:absolute;inset:0;background:var(--editor);color:var(--text);padding:14px 25px;border:0;resize:none;font:14px/24px "Cascadia Code",Consolas,"Liberation Mono",monospace;white-space:pre;tab-size:4}.editor-footer{height:22px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 12px 0 14px;color:var(--faint);background:var(--editor);border-top:1px solid var(--border-soft);font-size:9px}.editor-footer button{font-size:9px;padding:2px 4px;color:var(--muted)}.editor-footer-right{display:flex;align-items:center;gap:6px;margin-left:auto}.editor-footer .tiny-dot{width:4px;height:4px}.horizontal-resizer{cursor:row-resize;background:var(--chrome);border-top:1px solid var(--border);border-bottom:1px solid var(--border-soft);z-index:5}.vertical-resizer{cursor:col-resize;background:var(--chrome);border-left:1px solid var(--border);border-right:1px solid var(--border-soft);z-index:5}.horizontal-resizer:hover,.vertical-resizer:hover{background:var(--accent-strong)}body.resizing{user-select:none!important}body.resizing iframe{pointer-events:none}.bottom-panel{display:flex;flex-direction:column;background:var(--panel);min-width:0;min-height:0;overflow:hidden}.bottom-header{height:35px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-soft);padding:0 7px 0 6px}.bottom-header nav{display:flex;align-items:stretch;height:100%;overflow-x:auto;scrollbar-width:none}.bottom-header>div{display:flex}.panel-tab{padding:0 12px;border-bottom:2px solid transparent;font-size:11px;color:var(--muted);gap:6px}.panel-tab.active{color:var(--text);border-bottom-color:var(--accent)}.bottom-header .icon-button{width:24px;height:24px}.bottom-header .icon{width:13px;height:13px}.panel-content{flex:1;min-height:0;overflow:auto;font-size:11px}.output-panel{display:flex;flex-direction:column;overflow:hidden}.output-toolbar{height:32px;flex-shrink:0;padding:0 17px;display:flex;align-items:center;gap:11px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--border-soft)}.output-toolbar select{height:22px;font-size:10px;width:155px;background:var(--panel);border-color:var(--border-soft)}.output-channel{margin-left:auto;font-size:8px;letter-spacing:1.6px;color:var(--faint)}.log-lines{overflow:auto;padding:8px 17px;font:11px/22px "SFMono-Regular",Consolas,"Liberation Mono",monospace;flex:1;min-height:0}.log-line{display:flex;gap:13px;align-items:flex-start;min-height:22px}.log-time{color:var(--faint);font-size:10px;flex-shrink:0;user-select:none}.log-icon{width:13px;display:inline-flex;align-items:center;flex-shrink:0;height:22px;color:var(--accent)}.log-icon .icon{width:12px;height:12px}.log-message{white-space:pre-wrap;word-break:break-word;color:#a6aabd}.log-line.success .log-icon,.log-line.success .log-message{color:var(--green)}.log-line.error .log-icon,.log-line.error .log-message{color:var(--red)}.log-line.warn .log-icon,.log-line.warn .log-message{color:var(--yellow)}.log-line.info .log-message{color:var(--muted)}.right-sidebar{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--panel)}.explorer-section{display:flex;flex-direction:column;flex:1;min-height:180px;overflow:hidden}.panel-title{height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;background:var(--chrome);border-bottom:1px solid var(--border-soft);padding:0 8px 0 13px;font-size:11px}.panel-title>span{display:flex;gap:8px;align-items:center}.panel-title>div{display:flex;align-items:center;gap:1px}.panel-title .icon-button{width:22px;height:23px}.panel-title .icon{width:12px;height:12px}.explorer-toolbar{display:flex;align-items:center;height:31px;flex-shrink:0;padding:0 7px;border-bottom:1px solid var(--border-soft);gap:1px}.explorer-toolbar .icon-button{width:25px;height:24px}.explorer-toolbar .icon{width:14px;height:14px}.explorer-toolbar #file-count{font-size:9px;color:var(--faint);margin-left:auto;padding-right:8px}.explorer-search{height:28px;display:flex;align-items:center;margin:8px 9px;position:relative}.explorer-search>span{position:absolute;left:8px;color:var(--faint)}.explorer-search .icon{width:13px;height:13px}.explorer-search input{width:100%;height:28px;font-size:10px;padding-left:27px;padding-right:45px;background:var(--editor);border-color:var(--border-soft)}.explorer-search kbd{position:absolute;right:7px;font-size:8px;letter-spacing:-.2px;border:0;padding:0;opacity:.7}.file-tree{flex:1;overflow:auto;min-height:0;padding-bottom:12px;user-select:none;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.tree-row{display:flex;align-items:center;gap:5px;min-height:25px;cursor:pointer;white-space:nowrap;font-size:11px;color:#bbc0d0;border-left:2px solid transparent;outline:none;padding-right:10px}.tree-row:hover{background:var(--hover)}.tree-row.active{background:var(--active);border-left-color:var(--active-border);color:var(--text)}.tree-row .tree-label{overflow:hidden;text-overflow:ellipsis}.tree-row.solution{height:30px;font-size:10.5px;color:var(--text);font-weight:600}.tree-row.project{font-weight:500;color:var(--text)}.tree-arrow{width:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.tree-arrow .icon{width:11px;height:11px;color:var(--muted)}.tree-folder-icon{display:flex;align-items:center;color:#9199b4}.tree-folder-icon .icon{width:15px;height:15px}.tree-row.project .tree-folder-icon{color:var(--accent)}.tree-row.solution .tree-folder-icon{color:var(--accent)}.tree-dirty{margin-left:auto;color:var(--yellow);font-size:8px;font-family:monospace}.explorer-bottom{height:30px;flex-shrink:0;display:flex;align-items:stretch;border-top:1px solid var(--border);background:var(--chrome);padding-left:6px}.explorer-bottom button{font-size:10px;color:var(--muted);padding:0 8px;border-bottom:2px solid transparent}.explorer-bottom button.active{color:var(--text);border-bottom-color:var(--accent)}.properties-section{min-height:250px;height:31%;border-top:3px solid var(--border);position:relative;display:flex;flex-direction:column;overflow:auto}.properties-file{height:36px;padding:0 12px;display:flex;align-items:center;gap:9px;font-size:11px;flex-shrink:0}.property-category{height:25px;flex-shrink:0;padding:0 12px;display:flex;align-items:center;gap:7px;font-size:10px;background:#7777880a;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.property-category .icon{width:10px;height:10px;color:var(--muted)}.file-properties{display:grid;grid-template-columns:42% 58%;margin:0;font-size:10px;padding:4px 0}.file-properties dt,.file-properties dd{margin:0;min-height:25px;display:flex;align-items:center;padding:4px 12px;border-bottom:1px solid var(--border-soft)}.file-properties dt{color:var(--muted)}.file-properties dd{border-left:1px solid var(--border-soft);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;color:var(--text)}.workspace-note{margin-top:auto;padding:19px 14px 16px;display:flex;gap:12px;color:var(--faint);align-items:center}.workspace-note>.icon,.workspace-note>span .icon{width:23px;height:23px;color:#8d75b1;opacity:.75}.workspace-note div{display:flex;flex-direction:column;gap:4px}.workspace-note strong{font-size:10px;color:var(--muted);font-weight:500}.workspace-note span{font-size:9px;color:var(--faint)}.statusbar{display:flex;align-items:center;background:var(--status);color:#ece4f5;font-size:10px;gap:15px;padding:0 10px;user-select:none}.statusbar button{height:25px;color:inherit;gap:6px;padding:0 3px;font-size:10px}.statusbar .icon{width:12px;height:12px}.statusbar .status-ready{min-width:58px;justify-content:flex-start}.status-diagnostics{gap:5px!important}.statusbar button:hover{background:#ffffff15}.status-spacer{flex:1}.statusbar #render-stats{font-size:9px;color:#d5c5e7;white-space:nowrap}.notification-status{margin-left:0}.statusbar.busy{background:#536c88}.statusbar.debugging{background:#947643}.preview-panel{width:43%;min-width:320px;position:relative;border-left:1px solid var(--border);background:var(--editor);display:flex;flex-direction:column;overflow:hidden}.preview-panel .panel-title{height:31px;background:var(--editor)}.preview-panel .panel-title>span{font-size:10px}.live-pill{border:1px solid #86be9b33;background:#86be9b0a;padding:1px 4px;font-size:6px;letter-spacing:1px;color:var(--green);border-radius:2px}.preview-address{height:30px;flex-shrink:0;background:var(--panel);padding:0 11px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:8px;border-bottom:1px solid var(--border-soft)}.preview-address .icon{width:11px;height:11px}.preview-address #preview-address{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sandbox-tag{margin-left:auto;font-size:6px;letter-spacing:.7px;color:var(--faint)}#preview-frame{flex:1;width:100%;border:0;background:#101117;min-height:0}.preview-empty{position:absolute;inset:62px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:var(--editor);text-align:center}.empty-symbol{width:63px;height:63px;border:1px solid #a793c73f;border-radius:17px;color:var(--accent);background:#a793c709;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.empty-symbol .icon{width:24px;height:24px}.preview-empty h3{font-size:16px;font-weight:500;margin:18px 0 8px}.preview-empty p{font-size:11px;color:var(--muted);line-height:1.9;max-width:220px;margin:0 0 20px}.editor-layout.preview-max .editor-column{display:none}.editor-layout.preview-max .preview-panel{width:100%;border-left:0}.find-bar{position:absolute;z-index:10;right:24px;top:0;background:var(--chrome);border:1px solid var(--border);box-shadow:0 6px 22px #0004;width:min(500px,calc(100% - 40px));border-radius:0 0 4px 4px;overflow:hidden}.find-top{height:37px;display:flex;align-items:center;gap:4px;padding:4px 7px}.find-top>span[data-icon]{color:var(--muted);padding:0 4px}.find-top input{flex:1;min-width:70px;height:27px;font-size:11px;padding:4px 6px}.find-top>button:not(.icon-button){width:25px;height:24px;font-size:10px;border-radius:3px;color:var(--muted)}.find-top>button.active{color:var(--accent);background:var(--active)}#find-count{font-size:9px;color:var(--muted);min-width:52px;text-align:center}.find-top .icon-button{width:21px;height:25px}.find-top .icon-button .icon{width:12px;height:12px}.replace-row{display:flex;gap:6px;padding:0 9px 8px 33px}.replace-row input{flex:1;min-width:0;height:27px;font-size:11px}.replace-row button{font-size:10px;padding:3px 7px}.suggestions{position:absolute;width:280px;max-height:233px;overflow:auto;z-index:12;background:var(--panel);border:1px solid var(--accent-strong);border-radius:4px;box-shadow:0 7px 25px #0006;padding:3px}.suggestion{display:flex;width:100%;justify-content:flex-start;font:12px "SFMono-Regular",Consolas,monospace;padding:5px 7px;border-radius:2px;gap:10px}.suggestion.selected{background:var(--active);color:var(--accent)}.symbol-icon{color:var(--accent);font-size:15px}.workspace-search{flex:1;overflow:auto;padding:1px 10px 12px}.workspace-search>input{width:100%;height:30px;font-size:11px}.workspace-search-meta{font-size:9px;color:var(--muted);padding:11px 3px}.search-result{width:100%;display:flex;align-items:flex-start;text-align:left;flex-direction:column;white-space:normal;border-bottom:1px solid var(--border-soft);padding:8px 5px;gap:5px;font-size:10px}.search-result strong{color:var(--text);font-weight:500;display:flex;align-items:center;gap:6px}.search-result code{font:9px/1.7 Consolas,monospace;color:var(--muted);word-break:break-all}.outline-row{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;text-align:left;justify-content:flex-start;font-size:11px}.outline-row .icon{color:var(--accent);width:13px;height:13px}.outline-row small{font-size:9px;color:var(--muted);margin-left:auto}.terminal-panel{padding:7px 16px 12px;font:11px/20px "SFMono-Regular",Consolas,"Liberation Mono",monospace}.terminal-notice{display:flex;align-items:center;gap:7px;color:var(--accent);font:10px/22px "Segoe UI",sans-serif;margin-bottom:5px}.terminal-notice span:last-child{color:var(--faint);margin-left:5px;font-size:9px}.terminal-notice .icon{width:12px;height:12px}.terminal-lines>div{white-space:pre-wrap;word-break:break-word;color:var(--muted)}.terminal-lines .input-line{color:var(--accent)}.terminal-lines .error{color:var(--red)}.terminal-prompt{display:flex;align-items:center;gap:9px;min-height:25px;margin:0;color:var(--green)}.terminal-path{color:var(--accent)}.terminal-prompt input{background:transparent;border:0;border-radius:0;flex:1;font:inherit;padding:0;outline:0;height:26px;color:var(--text)}.terminal-prompt input:focus{outline:0}.panel-empty{padding:22px 19px;color:var(--muted);font-size:11px}.panel-empty strong{font-weight:500;color:var(--text)}.problems-summary{padding:9px 16px;border-bottom:1px solid var(--border-soft);color:var(--muted);font-size:10px}.problem-row{display:grid;grid-template-columns:19px minmax(140px,1fr) 130px 48px;gap:8px;padding:7px 16px;border-bottom:1px solid var(--border-soft);width:100%;text-align:left;white-space:normal;font-size:10px;align-items:start}.problem-row .icon{color:var(--red);width:12px;height:12px}.problem-row span:nth-last-child(-n+2){color:var(--muted);font-size:9px}.tests-toolbar,.changes-toolbar{display:flex;align-items:center;padding:7px 15px;gap:13px;font-size:10px;border-bottom:1px solid var(--border-soft);color:var(--muted)}.tests-toolbar .small-button{font-size:10px;min-height:24px}.tests-toolbar .icon{width:11px;height:11px;color:var(--green)}.test-result{display:flex;align-items:center;gap:10px;padding:5px 17px;font-size:11px;border-bottom:1px solid var(--border-soft)}.test-result .icon{width:12px;height:12px;color:var(--green)}.test-result.failed .icon{color:var(--red)}.test-result small{margin-left:auto;color:var(--muted);font-size:9px}.test-result.failed{color:var(--red)}.changes-toolbar>span{flex:1;font-size:9px}.change-row{display:flex;align-items:center;gap:8px;padding:7px 16px;border-bottom:1px solid var(--border-soft)}.change-row>button:first-child{flex:1;justify-content:flex-start;font-size:11px;overflow:hidden}.change-row>button:first-child>span:last-child{color:var(--yellow);margin-left:auto;font-size:9px;padding:0 8px}.change-row .icon-button{width:23px;height:23px}.change-row .icon-button .icon{width:12px;height:12px}.debug-notice{padding:8px 16px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--border-soft)}.local-row{display:grid;grid-template-columns:24px 160px 1fr;gap:8px;padding:6px 16px;border-bottom:1px solid var(--border-soft);font:11px/17px Consolas,monospace;white-space:pre-wrap;word-break:break-word}.local-row .icon{width:12px;height:12px;color:var(--accent)}.local-row span:last-child{color:var(--yellow)}.menu-popup{position:fixed;z-index:100;min-width:240px;background:var(--chrome);border:1px solid var(--border);border-radius:4px;box-shadow:0 8px 32px #0006;padding:5px}.menu-item{display:flex;width:100%;padding:7px 9px;gap:10px;justify-content:flex-start;font-size:11px;border-radius:3px;min-height:29px}.menu-item .icon{width:14px;height:14px;color:var(--muted)}.menu-item .menu-icon-placeholder{width:14px;height:14px}.menu-item kbd{margin-left:auto;border:0;font-size:10px;padding-left:25px}.menu-separator{height:1px;background:var(--border);margin:5px 6px}.overlay,.modal-overlay{position:fixed;inset:0;z-index:110;background:#06050d66;backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:flex-start;padding-top:80px}.command-palette{width:620px;max-width:calc(100vw - 30px);border:1px solid #8d75b166;border-radius:8px;background:var(--panel);box-shadow:0 24px 90px #0009;overflow:hidden}.palette-search{height:54px;display:flex;align-items:center;padding:0 17px;gap:13px;border-bottom:1px solid var(--border)}.palette-search>span{color:var(--accent)}.palette-search input{border:0;outline:0;background:transparent;flex:1;font-size:14px;padding:0;height:40px}.palette-search input:focus{outline:0}.palette-search kbd{font-size:9px}.palette-label{font-size:8px;letter-spacing:1.4px;color:var(--faint);padding:14px 17px 9px}.palette-results{max-height:370px;overflow:auto;padding:0 7px 8px}.palette-item{width:100%;min-height:38px;padding:8px 10px;gap:12px;justify-content:flex-start;border-radius:4px;text-align:left;font-size:12px}.palette-item.selected{background:var(--active);color:var(--accent)}.palette-item>.icon{width:15px;height:15px;color:var(--muted)}.palette-item>span{display:flex;flex-direction:column;align-items:flex-start;gap:5px;overflow:hidden}.palette-item small{color:var(--faint);font-size:9px}.palette-item kbd{margin-left:auto;flex-shrink:0;font-size:9px;white-space:nowrap;border-color:transparent}.palette-footer{display:flex;align-items:center;border-top:1px solid var(--border-soft);padding:10px 17px;gap:15px;font-size:9px;color:var(--muted)}.palette-footer>span{display:flex;align-items:center;gap:5px}.palette-footer>span:last-child{margin-left:auto;color:var(--faint)}.palette-footer kbd{font-size:8px;padding:1px 3px}.modal-overlay{z-index:120;align-items:center;padding:35px}.modal{width:650px;max-width:95vw;max-height:85vh;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:9px;box-shadow:0 28px 100px #0008}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border-soft)}.modal h2{font-size:17px;font-weight:500;margin:0;letter-spacing:-.3px}.modal>header .icon-button{width:25px;height:25px}.modal #modal-body{padding:23px 25px}.modal>footer{display:flex;gap:9px;align-items:center;justify-content:flex-end;padding:14px 25px;border-top:1px solid var(--border-soft);background:var(--chrome)}.modal p{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 18px}.modal p strong{color:var(--text);font-weight:500}.modal label{font-size:11px;display:block;margin-bottom:7px;color:var(--muted)}.modal input[type=text],.modal input[type=number],.modal select{height:34px;padding:6px 10px;width:100%;font-size:12px}.form-field{margin-bottom:17px}.modal .help-text{font-size:10px;color:var(--faint);line-height:1.8;margin-top:7px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 20px}.template-card{padding:16px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;background:var(--editor);border:1px solid var(--border);border-radius:5px;text-align:left;white-space:normal}.template-card.active{border-color:var(--accent);background:var(--active)}.template-card .icon{width:22px;height:22px;color:var(--accent)}.template-card strong{font-size:12px;font-weight:500}.template-card small{font-size:10px;line-height:1.6;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}.setting-switch{display:flex!important;align-items:center;gap:10px;cursor:pointer;padding:7px 0;font-size:12px!important;color:var(--text)!important}.setting-switch input{accent-color:var(--accent-strong);width:15px;height:15px}.settings-section-label{font-size:9px;letter-spacing:1.3px;color:var(--faint);margin:6px 0 14px;border-bottom:1px solid var(--border-soft);padding-bottom:9px}.about-brand{display:flex;align-items:center;gap:16px;margin-bottom:22px}.about-brand>.icon{width:45px;height:45px;color:var(--accent)}.about-brand h3{font-size:24px;letter-spacing:-.6px;margin:0 0 5px;font-weight:500}.about-brand span{font-size:10px;color:var(--muted)}.about-tags{display:flex;gap:7px;margin:0 0 22px}.about-tags span{padding:5px 8px;border:1px solid var(--border);border-radius:4px;font-size:9px;color:var(--accent)}.shortcut-table{width:100%;border-collapse:collapse;font-size:11px}.shortcut-table td{border-bottom:1px solid var(--border-soft);padding:9px 5px}.shortcut-table td:last-child{text-align:right;color:var(--muted)}.render-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.render-info-grid>div{padding:14px;background:var(--editor);border:1px solid var(--border);border-radius:5px;display:flex;flex-direction:column;gap:8px}.render-info-grid small{font-size:10px;color:var(--muted)}.render-info-grid strong{font-size:20px;font-weight:400;color:var(--accent)}.diff-view{max-height:48vh;overflow:auto;background:var(--editor);border:1px solid var(--border-soft);font:10px/20px Consolas,"Liberation Mono",monospace}.diff-row{display:flex;gap:10px;padding:0 10px;white-space:pre;min-width:max-content}.diff-row.added{background:#72b18a19;color:var(--green)}.diff-row.removed{background:#d87c8817;color:var(--red)}.diff-row.same{color:var(--muted)}.diff-number{display:inline-block;width:27px;flex-shrink:0;color:var(--faint);text-align:right;user-select:none}.toasts{position:fixed;bottom:43px;right:21px;z-index:150;width:360px;max-width:calc(100vw - 40px);pointer-events:none;display:flex;flex-direction:column;gap:9px}.toast{display:flex;align-items:flex-start;gap:10px;background:var(--chrome);border:1px solid var(--border);border-left:3px solid var(--accent-strong);padding:13px 15px;box-shadow:0 7px 35px #0006;border-radius:5px;font-size:11px;line-height:1.7;pointer-events:auto;animation:toast-in .2s ease-out}.toast .icon{width:16px;height:16px;flex-shrink:0;color:var(--accent);margin-top:2px}.toast.error{border-left-color:var(--red)}.toast.error .icon{color:var(--red)}@keyframes toast-in{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#888b9f40;border:2px solid transparent;background-clip:padding-box;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#888b9f70;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-corner{background:transparent}
@media(min-width:1700px){:root{--sidebar-width:308px;--panel-height:228px}.title-project{margin-left:80px}.global-search{width:270px}.properties-section{height:30%;min-height:275px}}
@media(max-width:1250px){.title-project{display:none}.menu-button{padding:0 7px}.global-search{width:180px}.toolbar{gap:5px}.tool-group{padding-right:5px}.platform-label{display:none}.toolbar-text{margin-right:0}.statusbar{gap:10px}.statusbar #render-stats{display:none}.preview-panel{min-width:290px}.panel-tab{padding:0 9px}.main-workspace{min-width:0}}
@media(max-width:1000px){:root{--sidebar-width:235px}.menu-button:nth-child(n+8){display:none}.titlebar{gap:4px}.configuration{display:none}.global-search{width:175px}.preview-panel{min-width:270px}.workbench{grid-template-columns:40px minmax(300px,1fr) 4px var(--sidebar-width)}.activity{width:39px}.workspace-note{display:none}.file-properties{grid-template-columns:40% 60%}.file-properties dt,.file-properties dd{padding:4px 9px}.breadcrumb-symbol{display:none}.statusbar #indent-status,.statusbar #eol-status{display:none}.properties-section{min-height:235px}.explorer-search kbd{display:none}.explorer-search input{padding-right:5px}}
@media(max-width:790px){.workbench{grid-template-columns:40px minmax(0,1fr) 0 0}.right-sidebar,.vertical-resizer{display:none}.right-sidebar.mobile-visible{display:flex;position:absolute;right:0;top:78px;bottom:25px;width:270px;z-index:30;box-shadow:-15px 0 40px #0005;border-left:1px solid var(--border)}.menubar .menu-button:nth-child(n+6){display:none}.toolbar{padding:0 7px;gap:6px}.toolbar .tool-group:first-child,.toolbar .tool-group:nth-child(3){display:none}.global-search{width:160px}.gpu-indicator{padding:0 6px}.gpu-indicator>.icon,.gpu-indicator>span:last-child{display:none}.run-button{font-size:10px}.toolbar-text{font-size:0;gap:0;padding:5px}.toolbar-text .icon{width:17px;height:17px}.profile-badge{display:none}.statusbar{gap:9px;font-size:9px;padding:0 6px}.statusbar button{font-size:9px}.statusbar .status-diagnostics,.statusbar>span:not(#language-status),.notification-status{display:none}.status-ready{min-width:45px!important}.preview-panel{min-width:250px}.editor-layout:has(.preview-panel:not(.hidden)) .editor-column{display:none}.editor-layout:has(.preview-panel:not(.hidden)) .preview-panel{width:100%}.bottom-header .panel-tab{padding:0 8px;font-size:10px}.terminal-notice span:last-child{display:none}.template-grid{grid-template-columns:1fr}.template-card{padding:11px;gap:7px}.settings-grid{grid-template-columns:1fr}.modal-overlay{padding:15px}.modal #modal-body{padding:18px}.modal>header,.modal>footer{padding:15px 18px}.output-channel{display:none}.editor-footer #document-support{max-width:170px;overflow:hidden;white-space:nowrap}}