:root{color-scheme:dark;--shell:#181818;--sidebar:#181818;--surface:#1f1f1f;--line:#2b2b2b;--text:#cccccc;--muted:#858585;--highlight:#04395e;--editor:#1f1f1f;--sidebar-width:min(48.5vw,670px);--panel-height:52%;font-family:'Segoe UI Variable','Segoe UI',system-ui,Arial,sans-serif;font-size:12px}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:#181818;color:var(--text)}button{font:inherit;color:inherit}button:focus-visible,[tabindex]:focus-visible{outline:1px solid #7dbbf9;outline-offset:-1px}button{cursor:pointer}button:disabled{cursor:default}.symbols{position:absolute;width:0;height:0;overflow:hidden}.glyph{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55}.glyph.small{width:12px;height:12px}.workbench-shell{height:100dvh;min-height:360px;display:flex;flex-direction:column;background:var(--shell)}
.titlebar{height:35px;min-height:35px;display:flex;align-items:center;padding:0 0 0 8px;background:#181818;border-bottom:1px solid #2b2b2b;color:#a9a9a9;user-select:none;white-space:nowrap}.app-identity{width:28px;height:30px;display:flex;align-items:center;justify-content:flex-start}.vs-mark{width:21px;height:21px}.menu-strip{display:flex;align-items:center;gap:15px;padding:0 12px 0 5px;font-size:12px;letter-spacing:.01em}.menu-strip span{cursor:default}.title-command{margin:0 auto;display:flex;gap:9px;align-items:center;min-width:180px;max-width:530px;width:40%;color:#777}.history-glyph{font-size:20px;color:#727272;line-height:1}.command-placeholder{height:25px;border:1px solid #303030;border-radius:5px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 10px;background:#1c1c1c;width:100%;font-size:11px;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis}.window-layout{display:flex;align-items:center;gap:10px;padding:0 15px 0 5px}.window-layout .glyph{width:14px;height:14px}.window-controls{height:100%;display:flex;align-items:stretch;color:#aaa}.window-controls span{display:grid;place-items:center;width:42px;font-size:15px;cursor:default}.window-controls span:last-child{font-size:21px}
.workspace{display:flex;min-height:0;flex:1;position:relative;overflow:hidden}.explorer{width:var(--sidebar-width);min-width:230px;max-width:72%;display:flex;flex-direction:column;min-height:0;background:#181818;flex:none;overflow:hidden}.explorer-top{height:37px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#bbb;font-size:11px;letter-spacing:.04em}.dots{font-size:19px;letter-spacing:1px;line-height:1;color:#bbb}.explorer-workspace,.explorer-repo{display:flex;align-items:center;gap:6px;height:24px;flex:none;padding:0 14px 0 17px;font-size:12px;white-space:nowrap}.explorer-repo{color:#94c1a0;padding-left:18px}.explorer-repo i{width:5px;height:5px;background:#607764;margin-left:auto}.muted{color:#858585}.chevron{width:12px;height:12px;transform-origin:50% 50%;stroke-width:1.2}.chevron.down{transform:rotate(90deg)}.tree-scroll{overflow:auto;flex:1;scrollbar-color:#484848 transparent;scrollbar-width:thin;padding:0 0 12px 0}.tree-row{display:flex;align-items:center;width:100%;height:22px;background:transparent;color:#c6c6c6;border:0;padding:0 8px;white-space:nowrap;text-align:left;font-size:12px;cursor:pointer;min-width:max-content;line-height:1}.tree-row:hover{background:#252526}.tree-row.selected{background:#37373d;color:#fff}.tree-row.active:focus-visible{outline:1px solid #387bc4}.tree-row .glyph{width:13px;height:13px}.tree-row .tree-chevron{margin-right:3px;width:12px;height:12px;color:#919191;transition:transform .14s ease}.tree-row .tree-chevron.expanded{transform:rotate(90deg)}.tree-row .file-icon{color:#66b6e8;margin-left:15px;margin-right:6px;width:13px;height:13px}.tree-row .folder-icon{color:#c0c0c0;margin-right:6px;width:14px;height:14px}.tree-row .tree-name{overflow:hidden;text-overflow:ellipsis;max-width:450px}.tree-indent{width:15px;flex:none}.explorer-bottom{flex:none;border-top:1px solid #313131;color:#aaa}.explorer-bottom div{height:28px;border-bottom:1px solid #313131;display:flex;align-items:center;padding:0 16px;font-size:12px}.side-resize{width:5px;background:#262626;cursor:col-resize;flex:none;z-index:2}.side-resize:hover,.side-resize.dragging{background:#007acc}
.right-workspace{min-width:0;flex:1;display:grid;grid-template-rows:minmax(0,1fr) 5px minmax(0,var(--panel-height));overflow:hidden}.editor{min-height:0;display:flex;flex-direction:column;background:var(--editor);overflow:hidden}.editor-tabs-bar{height:35px;flex:none;display:flex;align-items:stretch;background:#181818;border-bottom:1px solid #2b2b2b;min-width:0}.editor-tabs{display:flex;align-items:stretch;overflow:auto;scrollbar-width:none;flex:1;min-width:0}.editor-tabs::-webkit-scrollbar{display:none}.editor-tab{height:35px;max-width:200px;min-width:100px;flex:0 0 auto;border:0;border-right:1px solid #262626;background:#181818;color:#888;padding:0 9px 0 11px;display:flex;align-items:center;gap:8px;text-align:left}.editor-tab.active{color:#e0e0e0;background:#1f1f1f;border-top:1px solid #007acc}.editor-tab .tab-glyph{font-size:14px;color:#62aede;line-height:1}.editor-tab .tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.editor-tab .tab-close{display:grid;place-items:center;width:16px;height:19px;border-radius:3px;flex:none}.editor-tab .tab-close svg{width:13px;height:13px}.editor-tab .tab-close:hover{background:#373737}.mobile-explorer-control{display:none;border:0;background:#1f1f1f;padding:0 10px}.breadcrumbs-line{height:23px;flex:none;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 10px 0 15px;background:#1f1f1f;color:#999;border-bottom:1px solid #262626}.breadcrumbs{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.breadcrumbs span:not(:last-child):after{content:' › ';color:#777}.breadcrumbs .crumb-file{color:#d0d0d0}.view-controls{display:flex;align-items:center;gap:2px;height:100%;flex:none}.view-icon{border:0;background:transparent;display:flex;align-items:center;justify-content:center;width:24px;height:21px;border-radius:3px;color:#888}.view-icon:hover{background:#343434;color:#ddd}.view-icon.active{color:#d5d5d5;background:#323232}.view-icon .glyph{width:15px;height:15px}
.editor-surface{min-height:0;flex:1;display:flex;overflow:hidden}.source-view{min-width:0;flex:1;display:flex;overflow:auto;background:#1f1f1f;scrollbar-width:thin;scrollbar-color:#404040 transparent;position:relative}.source-lines{flex:1;min-width:0;padding:4px 12px 22px 0;font:12px/19px Consolas,'Cascadia Code','Courier New',monospace;tab-size:4;white-space:pre;outline-offset:-1px}.code-line{min-height:19px;display:grid;grid-template-columns:58px minmax(0,1fr)}.line-no{color:#707070;text-align:right;user-select:none;padding:0 15px 0 8px;position:sticky;left:0;background:#1f1f1f;z-index:1}.line-text{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;color:#d1d1d1}.code-line:nth-child(1) .line-text{color:#85c8ff}.code-line:hover .line-no,.code-line:hover{background:#252525}.code-line .md-h{color:#6fb8f7;font-weight:600}.code-line .md-quote{color:#99be84}.code-line .md-code{color:#d5ba83}.code-line .md-link{color:#6db3d6;text-decoration:underline}.code-line .md-marker{color:#a690da}.code-line .md-table{color:#a5a5a5}.minimap{width:63px;flex:none;border-left:1px solid #2c2c2c;position:sticky;right:0;top:0;background:#1f1f1f;padding:8px 4px;height:100%;overflow:hidden;opacity:.56;pointer-events:none}.mini-line{height:3px;margin-bottom:2px;background:#55768a;border-radius:1px;opacity:.55}.mini-line.heading{background:#4ba5e0;opacity:.9}.preview-view{display:none;min-width:0;flex:1;overflow:auto;padding:25px clamp(20px,5%,64px) 50px;background:#1f1f1f;color:#d4d4d4;scrollbar-width:thin;scrollbar-color:#454545 transparent;font:14px/1.68 'Segoe UI',system-ui,sans-serif}.preview-view h1,.preview-view h2,.preview-view h3{font-weight:600;color:#e7e7e7;line-height:1.25;margin-top:1.35em;margin-bottom:.6em}.preview-view h1{font-size:28px;padding-bottom:9px;border-bottom:1px solid #333;margin-top:.1em}.preview-view h2{font-size:21px;border-bottom:1px solid #313131;padding-bottom:6px}.preview-view h3{font-size:17px}.preview-view p{margin:0 0 15px}.preview-view blockquote{margin:12px 0 18px;border-left:3px solid #6c8194;background:#262626;padding:12px 16px;color:#b7b7b7}.preview-view a{color:#66b5e8;text-decoration:none}.preview-view a:hover{text-decoration:underline}.preview-view ul,.preview-view ol{padding-left:25px;margin:4px 0 17px}.preview-view li{margin:5px 0}.preview-view code{font:12px/1.5 Consolas,monospace;color:#dfb883;background:#303030;border-radius:3px;padding:2px 4px}.preview-view pre{background:#171717;border:1px solid #333;border-radius:4px;padding:14px 16px;overflow:auto}.preview-view pre code{background:transparent;padding:0;color:#d7d7d7;white-space:pre}.preview-view table{border-collapse:collapse;display:block;overflow:auto;margin:15px 0 25px;font-size:12px}.preview-view th,.preview-view td{padding:8px 12px;border:1px solid #3b3b3b;text-align:left;min-width:110px}.preview-view th{background:#303030;font-weight:600}.preview-view tr:nth-child(2n){background:#242424}.preview-view strong{color:#f0f0f0}.preview-view hr{border:0;border-top:1px solid #3d3d3d;margin:25px 0}.preview-view .empty-note{color:#888}.editor-surface[data-mode='preview'] .source-view{display:none}.editor-surface[data-mode='preview'] .preview-view{display:block}.editor-surface[data-mode='split'] .source-view{flex:1;max-width:50%;border-right:1px solid #3b3b3b}.editor-surface[data-mode='split'] .preview-view{display:block;max-width:50%;flex:1;padding-left:20px;padding-right:18px}.editor-surface[data-mode='split'] .minimap{display:none}
.panel-resize{height:5px;z-index:2;background:#252525;cursor:row-resize;border-top:1px solid #333}.panel-resize:hover,.panel-resize.dragging{background:#007acc}.bottom-panel{min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#171717}.panel-tabs-line{display:flex;align-items:center;justify-content:space-between;height:34px;min-height:34px;background:#181818;border-bottom:1px solid #303030;gap:4px}.panel-tabs{height:100%;display:flex;align-items:center;gap:14px;padding-left:13px;overflow:hidden;white-space:nowrap;min-width:0}.inactive-panel-tab{color:#888;flex:none;font-size:12px}.panel-tab{height:100%;flex:none;background:transparent;color:#ddd;border:0;position:relative;padding:0 7px;font-size:12px}.panel-tab.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#ddd}.panel-actions{display:flex;align-items:center;gap:0;flex:none;padding-right:3px;height:100%}.panel-static{padding:0 8px;color:#999;font-size:17px}.panel-actions button{width:27px;height:27px;display:grid;place-items:center;border:0;border-radius:3px;background:transparent;color:#aaa}.panel-actions button:hover{background:#333;color:#eee}.panel-content{flex:1;min-height:0;position:relative;overflow:hidden;background:#0d0e11}.panel-content iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0a0b0e}.right-workspace.panel-maximized{grid-template-rows:0 0 minmax(0,1fr)}.right-workspace.panel-maximized .editor,.right-workspace.panel-maximized .panel-resize{visibility:hidden}.right-workspace.panel-hidden{grid-template-rows:minmax(0,1fr) 0 0}.right-workspace.panel-hidden .bottom-panel,.right-workspace.panel-hidden .panel-resize{visibility:hidden}
.statusbar{height:24px;min-height:24px;display:flex;align-items:center;justify-content:space-between;background:#181818;border-top:1px solid #333;color:#999;font-size:11px;white-space:nowrap;gap:8px;padding:0 9px}.status-left,.status-right{display:flex;align-items:center;gap:14px;min-width:0}.status-chevron{font-size:19px;line-height:1}.status-right{gap:13px}.status-right #reopenPanel{background:transparent;border:0;color:#a6a6a6;padding:0 6px;font-size:11px}.status-right #reopenPanel:hover{color:#eee}.status-bell{font-size:15px}
@media(max-width:1220px){.menu-strip{gap:10px}.command-placeholder{width:100%}.title-command{max-width:380px}.inactive-panel-tab:nth-child(3),.inactive-panel-tab:nth-child(5){display:none}.status-right span:nth-last-child(3),.status-right span:nth-last-child(4){display:none}}
@media(max-width:930px){:root{--sidebar-width:33%}.window-layout{display:none}.command-placeholder{max-width:270px}.panel-tabs{gap:11px}.minimap{width:42px}.status-right span:nth-last-child(2),.status-right span:nth-last-child(5){display:none}}
@media(max-width:650px){.titlebar{padding-left:8px}.menu-strip{display:none}.title-command{width:100%;margin-left:8px;min-width:0;flex:1}.window-controls span{width:27px}.window-controls span:nth-child(2){display:none}.history-glyph{display:none}.explorer{position:absolute;z-index:15;left:0;top:0;bottom:0;min-width:0;width:min(83vw,340px)!important;max-width:none;background:#181818;border-right:1px solid #444;box-shadow:5px 0 20px #0009;transform:translateX(-105%);transition:transform .16s ease}.workspace.explorer-mobile-open .explorer{transform:translateX(0)}.side-resize{display:none}.mobile-explorer-control{display:flex;align-items:center}.editor-tab{min-width:90px;max-width:145px}.editor-surface[data-mode='split'] .source-view{max-width:100%;border:0}.editor-surface[data-mode='split'] .preview-view{display:none}.minimap{display:none}.panel-tabs{gap:9px;padding-left:7px}.inactive-panel-tab:nth-child(2),.inactive-panel-tab:nth-child(4){display:none}.status-right span:not(#cursorStatus),.status-left span:nth-child(n+3){display:none}.preview-view{padding:18px}.source-lines{font-size:11px}.code-line{grid-template-columns:40px minmax(0,1fr)}.line-no{padding-right:9px}}
@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}

.explorer-mobile-close{display:none;border:0;background:transparent;font-size:20px;color:#ccc;padding:0 7px}
@media(max-width:650px){.explorer-mobile-close{display:block;margin-left:auto}.explorer-top .dots{display:none}}

/* Invisible, native horizontal tab scrolling with mouse wheel + touch. */
.editor-tabs{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
.editor-tabs::-webkit-scrollbar{height:0!important;width:0!important;display:none!important}
.editor-tab{flex-shrink:0}
.no-script{position:fixed;inset:0;z-index:999;background:#1f1f1f;color:#ddd;padding:4rem 6vw;font:16px/1.6 system-ui}
.no-script a{color:#74baff}

/* Scrollbar stays invisible; desktop drag + wheel and native touch scroll. */
.editor-tabs.dragging,.editor-tabs.dragging .editor-tab{cursor:grabbing!important;user-select:none}
.editor-tabs{scroll-behavior:auto}

/* Read-only code and structured-data previews. */
.tree-row.tree-archive .folder-icon{color:#dda45b}
.tree-row.tree-archive .tree-name{font-weight:600;color:#d5d5d5}
.zip-tag{margin-left:8px;font:9px/1.4 Consolas,monospace;color:#dfc187;background:#4a3928;border:1px solid #62513a;border-radius:3px;padding:0 3px}
.tree-loading{font:11px/24px 'Segoe UI',sans-serif;color:#8d8d8d;white-space:nowrap}
.source-limit{padding:14px 0 14px 56px;color:#cba971;font-size:11px}
.preview-view .download-link{display:inline-flex;align-items:center;padding:9px 14px;border:1px solid #417da5;border-radius:5px;color:#b4dcfa;background:#15324a;text-decoration:none;margin:8px 0 16px}
.preview-view .download-link:hover{background:#214763;text-decoration:none}
.preview-view .preview-hint{color:#929292;font-size:12px;margin-top:13px}
.preview-view .data-toolbar{display:flex;gap:15px;flex-wrap:wrap;align-items:center;justify-content:space-between;border-bottom:1px solid #373737;padding:0 0 12px;margin-bottom:12px;color:#c3c3c3;font-size:12px}
.preview-view .data-toolbar input{min-width:180px;max-width:320px;flex:1;background:#242424;border:1px solid #444;color:#e6e6e6;border-radius:4px;padding:7px 10px;font:12px 'Segoe UI',sans-serif}
.preview-view .data-toolbar input:focus-visible{outline:1px solid #70ace4;outline-offset:0}
.preview-view .data-table-scroll{overflow:auto;max-height:min(70vh,780px);border:1px solid #393939;border-radius:5px;scrollbar-width:thin}
.preview-view .data-table-scroll table{margin:0;display:table;min-width:100%;width:max-content;border-collapse:separate;border-spacing:0}
.preview-view .data-table-scroll th{position:sticky;top:0;z-index:2;background:#2b3741;color:#e3ebf1;border-bottom:1px solid #607080;font-weight:600}
.preview-view .data-table-scroll th,.preview-view .data-table-scroll td{min-width:105px;max-width:360px;padding:8px 12px;border-top:0;border-left:0;border-right:1px solid #373737;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere}
.preview-view .data-table-scroll tr[hidden]{display:none!important}
.preview-view pre.code-preview{padding:18px 20px;background:#191c21;border:1px solid #323b46;border-radius:6px;overflow:auto;max-height:none}
.preview-view pre.code-preview code{color:#d5d9e0;background:transparent;white-space:pre;tab-size:4;line-height:1.6;font-size:12px}
.preview-view pre.json-preview{max-height:75vh}
.code-line .hljs-keyword,.preview-view .hljs-keyword,.code-line .hljs-selector-tag,.preview-view .hljs-selector-tag{color:#c79cdd}
.code-line .hljs-string,.preview-view .hljs-string,.code-line .hljs-attr,.preview-view .hljs-attr{color:#c5a279}
.code-line .hljs-title,.preview-view .hljs-title,.code-line .hljs-function,.preview-view .hljs-function,.code-line .hljs-title.function_,.preview-view .hljs-title.function_{color:#e7d18a}
.code-line .hljs-number,.preview-view .hljs-number,.code-line .hljs-literal,.preview-view .hljs-literal{color:#b3c5ef}
.code-line .hljs-comment,.preview-view .hljs-comment{color:#7c957b}
.code-line .hljs-built_in,.preview-view .hljs-built_in,.code-line .hljs-type,.preview-view .hljs-type{color:#76bcd1}
.code-line .hljs-params,.preview-view .hljs-params{color:#d0d0d0}
.code-line .hljs-meta,.preview-view .hljs-meta{color:#c5a2c5}
.code-line .hljs-variable,.preview-view .hljs-variable{color:#9dc4e0}
@media(max-width:650px){.preview-view .data-toolbar input{min-width:100%;max-width:none}.preview-view .data-table-scroll{max-height:68vh}.preview-view pre.code-preview{padding:12px}}