.code-editor{height:100vh;background:#1e1e1e;color:#ccc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.editor-container{display:flex;height:100vh;background:#252526}.file-panel{min-width:200px;background:#252526;border-right:1px solid #3e3e42;display:flex;flex-direction:column}.file-panel-header{padding:8px 12px;background:#2d2d30;border-bottom:1px solid #3e3e42;display:flex;justify-content:space-between;align-items:center}.file-panel-header h3{font-size:11px;font-weight:600;text-transform:uppercase;color:#ccc;margin:0}.toolbar{display:flex;gap:4px}.toolbar button{background:none;border:none;color:#ccc;padding:4px;border-radius:3px;cursor:pointer;font-size:14px}.toolbar button:hover{background:#3e3e42}.file-tree{flex:1;overflow-y:auto;padding:4px 0}.file-tree-item{display:flex;align-items:center;padding:4px 8px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.file-tree-item:hover{background:#2a2a2a}.file-tree-item.selected{background:#37373d}.file-tree-item.active{background:#094771;color:#fff}.file-tree-item .icon{margin-right:6px;font-size:16px}.file-tree-item .label{flex:1;font-size:13px}.file-tree-item .modified-indicator{color:#fff;font-weight:700;margin-left:auto}.resizer{width:4px;background:#3e3e42;cursor:col-resize;position:relative}.resizer:hover{background:#007acc}.editor-panel{flex:1;display:flex;flex-direction:column;background:#1e1e1e}.tab-bar{display:flex;background:#2d2d30;border-bottom:1px solid #3e3e42;overflow-x:auto;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;padding:8px 12px;background:#2d2d30;border-right:1px solid #3e3e42;cursor:pointer;min-width:120px;max-width:200px;position:relative;white-space:nowrap}.tab:hover{background:#3e3e42}.tab.active{background:#1e1e1e;border-bottom:2px solid #007acc}.tab-label{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:13px}.tab.modified .tab-label:after{content:" ●";color:#fff}.tab-close{margin-left:8px;background:none;border:none;color:#ccc;cursor:pointer;padding:2px;border-radius:3px;font-size:12px;line-height:1}.tab-close:hover{background:#3e3e42}.monaco-container{flex:1;height:100%}.welcome-screen{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#1e1e1e}.welcome-screen h2{color:#ccc;margin-bottom:16px;font-size:24px}.welcome-screen p{color:#8c8c8c;font-size:16px}.context-menu{position:fixed;background:#383838;border:1px solid #5a5a5a;border-radius:3px;box-shadow:0 2px 8px #0000004d;z-index:1000;min-width:150px}.menu-item{padding:8px 12px;cursor:pointer;font-size:13px}.menu-item:hover:not(.disabled){background:#2a2a2a}.menu-item.disabled{color:#666;cursor:not-allowed}.menu-separator{height:1px;background:#5a5a5a;margin:4px 0}