.xterm{cursor:text;position:relative;-moz-user-select:none;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::-moz-selection{color:transparent}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{font-family:monospace;-webkit-user-select:text;-moz-user-select:text;user-select:text;white-space:pre}.xterm .xterm-accessibility-tree>div{transform-origin:left;width:-moz-fit-content;width:fit-content}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:double underline;text-decoration:double underline}.xterm-underline-3{-webkit-text-decoration:wavy underline;text-decoration:wavy underline}.xterm-underline-4{-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.xterm-underline-5{-webkit-text-decoration:dashed underline;text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;background:#0000;transition:opacity .1s linear;z-index:11}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{position:absolute;display:none}.xterm .xterm-scrollable-element>.shadow.top{display:block;top:0;left:3px;height:3px;width:100%;box-shadow:var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.left{display:block;top:3px;left:0;height:100%;width:3px;box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.top-left-corner{display:block;top:0;left:0;height:3px;width:3px}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}:root{--ide-bg-primary: #1E1E1E;--ide-bg-secondary: #252526;--ide-bg-tertiary: #252526;--ide-bg-input: #3c3c3c;--ide-bg-hover: #2a2d2e;--ide-bg-active: #094771;--ide-bg-selection: #264f78;--ide-border-primary: #2c2c2e;--ide-border-secondary: #454545;--ide-text-primary: #d4d4d4;--ide-text-secondary: #cccccc;--ide-text-tertiary: #858585;--ide-text-active: #ffffff;--ide-accent-blue: #0078d4;--ide-accent-green: #0dbc79;--ide-accent-red: #f14c4c;--ide-accent-yellow: #e5e510;--ide-accent-orange: #ce9178;--ide-syntax-keyword: #569cd6;--ide-syntax-string: #ce9178;--ide-syntax-number: #b5cea8;--ide-syntax-comment: #6a9955;--ide-syntax-function: #dcdcaa;--ide-syntax-variable: #9cdcfe;--ide-syntax-type: #4ec9b0;--ide-syntax-tag: #4ec9b0;--ide-font-mono: "Fira Code", "Cascadia Code", Menlo, Monaco, "Courier New", monospace;--ide-font-size: 13px;--ide-font-size-small: 11px;--ide-line-height: 1.5}.ide-shell{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--ide-font-size);color:var(--ide-text-primary);background-color:var(--ide-bg-primary);height:100%;overflow:hidden}.ide-shell *{box-sizing:border-box}.ide-toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background-color:var(--ide-bg-tertiary);border-bottom:1px solid var(--ide-border-primary)}.ide-toolbar button{display:flex;align-items:center;gap:4px;padding:4px 8px;border:none;border-radius:4px;background-color:transparent;color:var(--ide-text-secondary);cursor:pointer;font-size:var(--ide-font-size-small);transition:background-color .15s ease}.ide-toolbar button:hover{background-color:var(--ide-bg-hover)}.ide-toolbar button.active{background-color:var(--ide-bg-active)}.ide-toolbar button:disabled{opacity:.5;cursor:not-allowed}.file-tree{height:100%;display:flex;flex-direction:column;background-color:var(--ide-bg-secondary);color:var(--ide-text-secondary);overflow:hidden}.file-tree-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--ide-border-primary)}.file-tree-header span{font-size:var(--ide-font-size-small);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.file-tree-content{flex:1;overflow:auto;padding:4px 0}.tree-node-item{display:flex;align-items:center;gap:4px;padding:3px 8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .1s ease}.tree-node-item:hover{background-color:var(--ide-bg-hover)}.tree-node-item.active{background-color:var(--ide-bg-active);color:var(--ide-text-active)}.tree-node-item:focus{outline:1px solid var(--ide-accent-blue);outline-offset:-1px}.file-tabs{display:flex;background-color:#1e1e1e;border-bottom:1px solid var(--ide-bg-primary);overflow-x:auto;scrollbar-width:thin}.file-tabs::-webkit-scrollbar{height:4px}.file-tabs::-webkit-scrollbar-track{background:#1e1e1e}.file-tabs::-webkit-scrollbar-thumb{background:#555;border-radius:2px}.file-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:var(--ide-bg-tertiary);border-right:1px solid var(--ide-bg-primary);cursor:pointer;font-size:12px;color:var(--ide-text-secondary);white-space:nowrap;transition:background-color .1s ease}.file-tab:hover{background-color:var(--ide-bg-hover)}.file-tab.active{background-color:var(--ide-bg-primary);color:var(--ide-text-active)}.file-tab button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background-color:transparent;color:var(--ide-text-tertiary);cursor:pointer;border-radius:2px;padding:0;opacity:0;transition:opacity .1s ease,background-color .1s ease}.file-tab:hover button,.file-tab.active button{opacity:1}.file-tab button:hover{background-color:var(--ide-bg-input)}.ide-code-editor{height:100%;width:100%;overflow:hidden;background-color:var(--ide-bg-primary)}.ide-code-editor .editor-container{height:100%;width:100%}.cm-editor{height:100%;background-color:var(--ide-bg-primary)}.cm-scroller{font-family:var(--ide-font-mono);font-size:var(--ide-font-size);line-height:var(--ide-line-height)}.cm-gutters{background-color:var(--ide-bg-primary)!important;border-right:1px solid var(--ide-border-primary);color:var(--ide-text-tertiary)}.cm-activeLineGutter{background-color:var(--ide-border-primary)}.cm-activeLine{background-color:#2c2c2e80}.cm-selectionBackground{background-color:var(--ide-bg-selection)!important}.cm-cursor{border-left-color:var(--ide-text-primary)}.ide-terminal{display:flex;flex-direction:column;height:100%;background-color:var(--ide-bg-primary)}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;background-color:var(--ide-bg-secondary);border-bottom:1px solid var(--ide-border-primary)}.terminal-header span{color:var(--ide-text-secondary);font-size:12px}.terminal-content{flex:1;padding:4px;overflow:hidden}.xterm{height:100%}.xterm-viewport{scrollbar-width:thin}.xterm-viewport::-webkit-scrollbar{width:10px}.xterm-viewport::-webkit-scrollbar-track{background:var(--ide-bg-primary)}.xterm-viewport::-webkit-scrollbar-thumb{background:#555;border-radius:5px}.preview-pane{display:flex;flex-direction:column;height:100%;background-color:var(--ide-bg-primary);overflow:hidden}.preview-header{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:var(--ide-bg-secondary);border-bottom:1px solid var(--ide-border-primary)}.preview-header button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background-color:transparent;color:var(--ide-text-secondary);cursor:pointer;transition:background-color .15s ease}.preview-header button:hover{background-color:var(--ide-bg-hover)}.preview-header button:disabled{color:var(--ide-text-tertiary);cursor:not-allowed}.url-bar{flex:1;display:flex;align-items:center;gap:6px;padding:4px 8px;background-color:var(--ide-bg-input);border-radius:4px;overflow:hidden}.url-bar span{flex:1;color:var(--ide-text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-content{flex:1;position:relative;background-color:#fff}.preview-content iframe{width:100%;height:100%;border:none;background-color:#fff}.resize-handle{flex-shrink:0;background-color:var(--ide-border-primary);transition:background-color .15s ease}.resize-handle:hover{background-color:var(--ide-accent-blue)}.resize-handle.vertical{width:4px;cursor:col-resize}.resize-handle.horizontal{height:4px;cursor:row-resize}.file-tree-context-menu{position:fixed;background-color:var(--ide-bg-secondary);border:1px solid var(--ide-border-secondary);border-radius:4px;padding:4px 0;min-width:160px;z-index:1000;box-shadow:0 4px 12px #0006}.file-tree-context-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;border:none;background-color:transparent;color:var(--ide-text-secondary);font-size:12px;text-align:left;cursor:pointer;transition:background-color .1s ease}.file-tree-context-menu button:hover{background-color:var(--ide-bg-active)}.file-tree-context-menu button:disabled{color:var(--ide-text-tertiary);cursor:not-allowed}.file-tree-context-menu button:disabled:hover{background-color:transparent}.ide-loading,.ide-error{display:flex;align-items:center;justify-content:center;height:100%;background-color:var(--ide-bg-primary)}.ide-loading{color:var(--ide-text-secondary)}.ide-error{color:var(--ide-accent-red)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ide-shell ::-webkit-scrollbar{width:10px;height:10px}.ide-shell ::-webkit-scrollbar-track{background:var(--ide-bg-primary)}.ide-shell ::-webkit-scrollbar-thumb{background:#555;border-radius:5px}.ide-shell ::-webkit-scrollbar-thumb:hover{background:#666}.ide-shell ::-webkit-scrollbar-corner{background:var(--ide-bg-primary)}.file-tree-content,.file-tabs{scrollbar-width:thin}.ide-hidden{display:none!important}.ide-flex{display:flex}.ide-flex-col{flex-direction:column}.ide-flex-1{flex:1}.ide-overflow-hidden{overflow:hidden}.ide-overflow-auto{overflow:auto}@media(max-width:768px){.ide-toolbar,.ide-toolbar button{padding:2px 4px}.file-tab{padding:4px 8px}.file-tree-header{padding:6px 8px}}