@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Fira+Code:wght@400;500&display=swap";:root{--bg-activitybar:#141416;--bg-sidebar:#19191c;--bg-editor:#1e1e22;--bg-panel:#141416;--bg-statusbar:#007acc;--bg-statusbar-git:#1f1f23;--bg-tabs:#18181c;--bg-tab-active:#1e1e22;--bg-tab-inactive:#151518;--text-primary:#e3e3e6;--text-secondary:#90909c;--text-muted:#5e5e66;--border-color:#282830;--border-glow:#007acc40;--bg-selected:#2d2d38;--bg-hover:#22222a;--accent-color:#007acc;--accent-hover:#0098ff;--accent-glow:#007acc66;--color-success:#4ec9b0;--color-warning:#cca700;--color-error:#f44747;--color-info:#75beff;--bg-chat-user:#22222d;--bg-chat-ai:#1b1b22;--border-chat-ai:#2d2d3d}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;margin:0;padding:0}body{color:var(--text-primary);background-color:var(--bg-editor);-webkit-user-select:none;user-select:none;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}input,textarea,select,button{color:inherit;font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2f2f3a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3e3e4f}.workbench-container{background-color:var(--bg-editor);grid-template-rows:28px 1fr 22px;width:100vw;height:100vh;display:grid}.title-bar{background-color:var(--bg-activitybar);border-bottom:1px solid var(--border-color);height:28px;color:var(--text-secondary);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;display:flex}.title-bar-center{color:var(--text-primary);align-items:center;gap:6px;font-weight:500;display:flex;position:absolute;left:50%;transform:translate(-50%)}.title-bar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.main-container{width:100%;height:100%;display:flex;overflow:hidden}.activity-bar{background-color:var(--bg-activitybar);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;justify-content:space-between;align-items:center;width:48px;padding:8px 0;display:flex}.activity-bar-items{flex-direction:column;gap:16px;width:100%;display:flex}.activity-item{cursor:pointer;width:100%;height:48px;color:var(--text-secondary);justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex;position:relative}.activity-item:hover{color:var(--text-primary)}.activity-item.active{color:var(--accent-color)}.activity-item.active:before{content:"";background-color:var(--accent-color);width:3px;box-shadow:0 0 8px var(--accent-glow);border-top-right-radius:2px;border-bottom-right-radius:2px;position:absolute;top:6px;bottom:6px;left:0}.sidebar-panel{background-color:var(--bg-sidebar);flex-direction:column;width:280px;display:flex;position:relative;overflow:hidden}.sidebar-header{text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:35px;padding:10px 16px;font-size:11px;font-weight:700;display:flex}.sidebar-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.tree-node{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-primary);border-radius:3px;align-items:center;margin:1px 4px;padding:4px 8px;font-size:13px;transition:background-color .15s;display:flex;position:relative}.tree-node:hover{background-color:var(--bg-hover)}.tree-node.selected{background-color:var(--bg-selected);color:#fff}.tree-node .node-icon{align-items:center;margin-right:6px;display:flex}.tree-node-actions{gap:4px;display:none;position:absolute;right:8px}.tree-node:hover .tree-node-actions{display:flex}.action-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:2px;display:flex}.action-btn:hover{color:var(--text-primary);background-color:var(--bg-selected)}.editor-workspace{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.editor-tabs-container{background-color:var(--bg-tabs);border-bottom:1px solid var(--border-color);scrollbar-width:none;height:35px;display:flex;overflow-x:auto}.editor-tabs-container::-webkit-scrollbar{display:none}.editor-tab{background-color:var(--bg-tab-inactive);border-right:1px solid var(--border-color);height:100%;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding:0 16px;font-size:13px;display:flex;position:relative}.editor-tab.active{background-color:var(--bg-tab-active);color:var(--text-primary);border-top:2px solid var(--accent-color)}.editor-tab:hover:not(.active){background-color:var(--bg-hover);color:var(--text-primary)}.tab-close{opacity:.6;border-radius:50%;justify-content:center;align-items:center;margin-left:8px;padding:2px;display:flex}.tab-close:hover{opacity:1;background-color:var(--bg-selected)}.tab-dirty-indicator{background-color:var(--color-warning);border-radius:50%;width:8px;height:8px;margin-left:8px}.editor-container{background-color:var(--bg-editor);flex:1;position:relative}.editor-placeholder{color:var(--text-muted);background-color:var(--bg-editor);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.editor-placeholder-logo{background:linear-gradient(135deg, var(--accent-color), var(--color-success));-webkit-text-fill-color:transparent;opacity:.15;-webkit-background-clip:text;font-size:64px;font-weight:700}.shortcut-guide{flex-direction:column;gap:8px;font-size:12px;display:flex}.shortcut-row{justify-content:space-between;width:250px;display:flex}.shortcut-kbd{background-color:var(--bg-selected);border:1px solid var(--border-color);border-radius:3px;padding:2px 6px;font-family:monospace}.bottom-panel{background-color:var(--bg-panel);border-top:1px solid var(--border-color);flex-direction:column;height:240px;transition:height .15s ease-in-out;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-tabs);justify-content:space-between;align-items:center;height:35px;padding:0 16px;display:flex}.panel-tabs{text-transform:uppercase;gap:16px;font-size:12px;font-weight:600;display:flex}.panel-tab{cursor:pointer;color:var(--text-secondary);padding:10px 0;position:relative}.panel-tab.active{color:var(--text-primary)}.panel-tab.active:after{content:"";background-color:var(--accent-color);height:2px;position:absolute;bottom:0;left:0;right:0}.panel-content{color:var(--text-primary);background-color:var(--bg-panel);flex:1;padding:12px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;overflow-y:auto}.console-log-line{border-bottom:1px solid #ffffff05;padding:2px 0;line-height:1.6}.status-bar{background-color:var(--bg-statusbar-git);border-top:1px solid var(--border-color);height:22px;color:var(--text-secondary);z-index:10;justify-content:space-between;align-items:center;padding:0 8px;font-size:11.5px;display:flex}.status-bar-left,.status-bar-right{align-items:center;gap:12px;display:flex}.status-item{cursor:pointer;border-radius:2px;align-items:center;gap:4px;padding:2px 4px;display:flex}.status-item:hover{background-color:var(--bg-selected);color:var(--text-primary)}.status-item.highlight{background-color:var(--accent-color);color:#fff}.status-item.highlight:hover{background-color:var(--accent-hover)}.command-palette-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;justify-content:center;padding-top:50px;display:flex;position:fixed;inset:0}.command-palette{background-color:var(--bg-sidebar);border:1px solid var(--border-color);width:600px;box-shadow:0 8px 32px #00000080, 0 0 1px 1px var(--border-glow);border-radius:6px;flex-direction:column;animation:.15s cubic-bezier(.16,1,.3,1) slideDown;display:flex;overflow:hidden}.command-input{background-color:var(--bg-tabs);border:none;border-bottom:1px solid var(--border-color);width:100%;color:var(--text-primary);outline:none;padding:12px 16px;font-size:14px}.command-list{max-height:330px;padding:6px;overflow-y:auto}.command-option{cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;transition:background-color .1s;display:flex}.command-option.selected{background-color:var(--accent-color);color:#fff}.command-option-shortcut{color:var(--text-secondary);background-color:var(--bg-selected);border-radius:2px;padding:1px 4px;font-size:11px}.command-option.selected .command-option-shortcut{color:#fff;background-color:#ffffff40}.chat-container{flex-direction:column;height:100%;display:flex}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow-y:auto}.chat-message{border-radius:6px;max-width:90%;padding:8px 12px;font-size:13px;line-height:1.5}.chat-message.user{background-color:var(--bg-chat-user);border-bottom-right-radius:1px;align-self:flex-end}.chat-message.assistant{background-color:var(--bg-chat-ai);border:1px solid var(--border-chat-ai);border-bottom-left-radius:1px;align-self:flex-start;width:90%}.chat-message.system{color:var(--color-warning);background-color:#cca7000d;border:1px solid #cca70033;align-self:center;max-width:100%;font-size:12px}.chat-input-area{border-top:1px solid var(--border-color);background-color:var(--bg-sidebar);padding:12px}.chat-textarea{background-color:var(--bg-tabs);border:1px solid var(--border-color);resize:vertical;border-radius:4px;outline:none;width:100%;min-height:60px;max-height:120px;margin-bottom:8px;padding:8px;font-size:13px}.chat-textarea:focus{border-color:var(--accent-color)}.chat-btn-row{justify-content:space-between;align-items:center;display:flex}.primary-btn{background-color:var(--accent-color);cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:background-color .15s;display:flex}.primary-btn:hover{background-color:var(--accent-hover)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{border:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:background-color .15s;display:flex}.secondary-btn:hover{background-color:var(--bg-selected)}.github-login-form{flex-direction:column;gap:12px;padding:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:700}.form-input{background-color:var(--bg-tabs);border:1px solid var(--border-color);border-radius:4px;outline:none;padding:8px;font-size:13px}.form-input:focus{border-color:var(--accent-color)}.form-select{background-color:var(--bg-tabs);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;outline:none;padding:8px;font-size:13px}.form-select:focus{border-color:var(--accent-color)}.inline-ai-trigger{background-color:var(--bg-sidebar);border:1px solid var(--border-color);box-shadow:0 4px 12px #00000080, 0 0 0 1px var(--border-glow);z-index:500;border-radius:4px;gap:2px;padding:4px;animation:.15s cubic-bezier(.16,1,.3,1) popIn;display:flex;position:absolute}.inline-ai-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex}.inline-ai-btn:hover{background-color:var(--accent-color);color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.spinner{border:2px solid #ffffff1a;border-top-color:var(--accent-color);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.typing-indicator{align-items:center;gap:4px;display:inline-flex}.typing-dot{background-color:var(--text-secondary);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite wave}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes wave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chat-message pre{border:1px solid var(--border-color);background-color:#0000004d;border-radius:4px;margin:8px 0;padding:8px;font-family:monospace;font-size:12px;position:relative;overflow-x:auto}.chat-message code{background-color:#ffffff0d;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:12px}.chat-message pre code{background:0 0;border-radius:0;padding:0}.chat-code-header{color:var(--text-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:4px;font-size:11px;display:flex}.chat-code-insert-btn{color:var(--accent-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;font-weight:500;display:flex}.chat-code-insert-btn:hover{color:var(--accent-hover)}.instruction-box{color:var(--color-info);background-color:#75beff0d;border:1px solid #75beff33;border-radius:6px;margin-bottom:16px;padding:12px;font-size:12px;line-height:1.5}.instruction-title{align-items:center;gap:6px;margin-bottom:4px;font-weight:700;display:flex}.context-menu{background-color:var(--bg-sidebar);border:1px solid var(--border-color);z-index:1000;border-radius:4px;width:160px;padding:4px;position:fixed;box-shadow:0 4px 16px #0009}.context-menu-item{cursor:pointer;border-radius:3px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.context-menu-item:hover{background-color:var(--accent-color);color:#fff}.sidebar-resizer{cursor:col-resize;background-color:var(--border-color);z-index:20;flex-shrink:0;align-self:stretch;width:4px;transition:background-color .15s;position:relative}.sidebar-resizer:hover,.sidebar-resizer.active{background-color:var(--accent-color);width:4px;box-shadow:0 0 8px var(--accent-glow)}