:root{--ide-bg:#1e1e1e;--ide-sidebar:#252526;--ide-activity:#333;--ide-panel:#1e1e1e;--ide-topbar:#323233;--ide-statusbar:#007acc;--ide-tab-active:#1e1e1e;--ide-tab-inactive:#2d2d2d;--ide-border:#454545;--ide-highlight:#04395e;--text-main:#d4d4d4;--text-muted:#858585;--text-ui:#ccc;--syntax-keyword:#569cd6;--syntax-control:#c586c0;--syntax-string:#ce9178;--syntax-number:#b5cea8;--syntax-type:#4ec9b0;--syntax-func:#dcdcaa;--syntax-comment:#6a9955;--syntax-var:#9cdcfe;--syntax-tag:#569cd6;--syntax-attr:#9cdcfe;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--font-ui:"Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{background-color:var(--ide-bg);color:var(--text-main);font-family:var(--font-mono);width:100%;height:100%;margin:0;padding:0;font-size:14px;line-height:1.5;overflow:hidden}::selection{background:var(--ide-highlight);color:#fff}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:4px solid var(--ide-bg);background:#424242 padding-box padding-box}::-webkit-scrollbar-thumb:hover{background:#4f4f4f}::-webkit-scrollbar-corner{background:var(--ide-bg)}:root{--bg-dark:#1e1e1e;--bg-darker:#252526;--bg-darkest:#333;--text-main:#d4d4d4;--text-muted:#858585;--accent:#007acc;--border:#3c3c3c}*{box-sizing:border-box;margin:0;padding:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.ide-container{background-color:var(--bg-dark);width:100vw;height:100vh;color:var(--text-main);flex-direction:column;font-family:Consolas,Courier New,monospace;font-size:14px;display:flex}.ide-topbar{background-color:var(--bg-darkest);height:30px;color:var(--text-muted);justify-content:center;align-items:center;font-size:12px;display:flex}.ide-statusbar{background-color:var(--accent);color:#fff;justify-content:space-between;align-items:center;height:22px;padding:0 10px;font-size:12px;display:flex}.ide-statusbar-section{align-items:center;gap:15px;display:flex}.ide-main{flex:1;display:flex;overflow:hidden}.ide-activitybar{background-color:var(--bg-darkest);flex-direction:column;align-items:center;width:50px;padding-top:10px;display:flex}.ide-activity-icon{color:var(--text-muted);cursor:pointer;padding:10px}.ide-activity-icon.active{color:#fff;border-left:2px solid var(--accent)}.ide-sidebar{background-color:var(--bg-darker);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:250px;display:flex}.sidebar-header{color:var(--text-muted);padding:10px 20px;font-size:11px}.sidebar-section-title{cursor:pointer;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;display:flex}.file-item{cursor:pointer;align-items:center;gap:6px;padding:4px 20px;font-size:13px;display:flex}.file-item:hover{background-color:#2a2d2e}.file-item.active{color:#fff;background-color:#37373d}.ide-editor{background-color:var(--bg-dark);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.ide-tabs{background-color:var(--bg-darker);display:flex;overflow-x:auto}.ide-tabs::-webkit-scrollbar{height:4px}.ide-tabs::-webkit-scrollbar-thumb{background:var(--border)}.ide-tab{cursor:pointer;border-right:1px solid var(--border);white-space:nowrap;align-items:center;gap:6px;padding:8px 15px;font-size:13px;display:flex}.ide-tab.active{background-color:var(--bg-dark);border-top:1px solid var(--accent)}.close-btn{cursor:pointer;color:var(--text-muted)}.close-btn:hover{color:#fff}.ide-breadcrumb{color:var(--text-muted);padding:5px 15px;font-size:12px}.ide-editor-content{flex:1;min-height:0;padding:10px 0;display:flex;overflow:auto}.ide-lines{text-align:right;width:50px;min-width:50px;color:var(--text-muted);-webkit-user-select:none;user-select:none;background-color:var(--bg-dark);z-index:10;padding-right:15px;font-size:13px;line-height:1.6;position:sticky;left:0}.ide-code{flex:1;padding-right:15px;font-size:13px;line-height:1.6;overflow:visible}.code-block{white-space:pre;margin-bottom:8px}.code-indent{margin-left:20px;display:block}.code-indent-2{margin-left:40px;display:block}.image-preview{border:1px solid var(--border);border-radius:6px;margin:10px 0;display:inline-block;overflow:hidden}.sy-ctrl{color:#c586c0}.sy-punct{color:#d4d4d4}.sy-type{color:#4ec9b0}.sy-str{color:#ce9178}.sy-comment{color:#6a9955}.sy-var{color:#9cdcfe}.sy-func{color:#dcdcaa}.sy-keyword{color:#569cd6}@media screen and (width<=768px){.ide-main{flex-direction:column}.ide-activitybar{display:none}.ide-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;height:auto}.sidebar-header,.sidebar-section-title{display:none}.ide-sidebar>div:last-child{white-space:nowrap;background-color:var(--bg-darker);padding:8px 10px;display:flex;overflow-x:auto}.ide-sidebar>div:last-child::-webkit-scrollbar{display:none}.file-item{border:1px solid #0000;border-radius:4px;margin-right:8px;padding:6px 12px}.file-item.active{border:1px solid var(--border)}.ide-tabs,.ide-lines{display:none}.ide-code{padding-bottom:30px;padding-left:15px}.ide-statusbar-section:nth-child(2){display:none}}html,body,#root,.ide-container{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}