:root{--bg-darker: #1e1e2e;--bg-dark: #252538;--bg-sidebar: #181825;--border-color: #313244;--text-main: #cdd6f4;--text-muted: #a6adc8;--accent-blue: #89b4fa;--accent-blue-hover: #b4befe;--accent-green: #a6e3a1;--accent-green-hover: #94e2d5}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html,body{height:100vh;width:100vw;background-color:var(--bg-darker);color:var(--text-main);display:flex;flex-direction:column;overflow:hidden}header{height:55px;background-color:var(--bg-dark);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0}.logo-container{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;color:var(--accent-blue)}.header-actions{display:flex;align-items:center;gap:12px}button{border:none;border-radius:6px;padding:8px 16px;font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-execute{background-color:var(--accent-green);color:#11111b}.btn-execute:hover{background-color:var(--accent-green-hover)}.btn-invite{background-color:var(--accent-blue);color:#11111b}.btn-invite:hover{background-color:var(--accent-blue-hover)}.btn-settings{background:transparent;color:var(--text-muted);padding:8px;font-size:1.1rem}.btn-settings:hover{color:var(--text-main);background-color:#ffffff0d}.main-container{display:flex;flex:1;min-height:0;overflow:hidden}#sidebar{width:260px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:15px;flex-shrink:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.sidebar-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.btn-open-folder{width:100%;background-color:#89b4fa1a;color:var(--accent-blue);border:1px dashed var(--accent-blue);justify-content:center;margin-bottom:15px}.btn-open-folder:hover{background-color:#89b4fa33}#file-tree{flex:1;overflow-y:auto}#file-tree ul{list-style:none;padding-left:0}#file-tree li{font-size:.88rem;-webkit-user-select:none;user-select:none}.tree-file{padding:6px 10px 6px 24px;color:var(--text-main);border-radius:4px;cursor:pointer;transition:background-color .15s ease}.tree-file:hover{background-color:#ffffff0d}#file-tree summary{padding:6px 10px;color:var(--accent-blue);font-weight:500;border-radius:4px;cursor:pointer;display:flex;align-items:center;list-style:none}#file-tree summary::-webkit-details-marker{display:none}#file-tree summary:before{content:"▶";font-size:.65rem;margin-right:8px;transition:transform .2s ease}#file-tree details[open]>summary:before{transform:rotate(90deg)}#file-tree details>ul{padding-left:14px}#editor-container{flex:1;display:flex;flex-direction:column;min-height:0;background-color:var(--bg-darker);position:relative;overflow:hidden}#editor{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.cm-editor{height:100%!important;display:flex;flex-direction:column}.cm-scroller{flex:1!important;overflow:auto!important;font-family:Fira Code,Cascadia Code,Consolas,monospace}.cm-scroller::-webkit-scrollbar{width:10px;height:10px}.cm-scroller::-webkit-scrollbar-track{background:#1e1e2e}.cm-scroller::-webkit-scrollbar-thumb{background:#45475a;border-radius:5px}.cm-scroller::-webkit-scrollbar-thumb:hover{background:#585b70}#bottom-panel{height:200px;flex-shrink:0;background-color:#11111b;border-top:1px solid var(--border-color);display:flex;flex-direction:column}.panel-header{height:30px;background-color:var(--bg-sidebar);padding:0 15px;display:flex;align-items:center;border-bottom:1px solid var(--border-color)}.panel-title{font-size:.7rem;font-weight:700;letter-spacing:.05em;color:var(--text-muted)}#terminal-container{flex:1;padding:8px;overflow:hidden}.tree-list .tree-file{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;cursor:pointer;-webkit-user-select:none;user-select:none}.tree-list .tree-file .dirty-badge{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:transparent;margin-left:8px;flex-shrink:0;transition:background-color .2s ease,box-shadow .2s ease}.tree-list .tree-file.is-dirty .dirty-badge{background-color:#f9e2af;box-shadow:0 0 6px #f9e2afcc}.tree-list .tree-file.active-file{background-color:#ffffff1a;border-radius:4px}.cm-ySelectionInfo{position:absolute;top:-1.4em;left:-1px;font-size:10px;font-family:sans-serif;font-weight:700;line-height:normal;-webkit-user-select:none;user-select:none;color:#11111b;padding:1px 4px;border-radius:3px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 4px #0003}.cm-ySelectionCaret{position:relative;border-left:2px solid;border-right:none;margin-left:-1px;margin-right:-1px;box-sizing:border-box}.cm-ySelectionInfo{position:absolute;top:-1.4em;left:-1px;font-size:10px;font-family:sans-serif;font-weight:700;line-height:normal;-webkit-user-select:none;user-select:none;color:#11111b;padding:2px 6px;border-radius:4px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 6px #0000004d;transition:opacity .15s ease;z-index:10}.cm-ySelectionInfo:after{content:"";position:absolute;bottom:-4px;left:4px;border-width:4px 4px 0;border-style:solid;border-color:inherit transparent;display:block;width:0}