:root{--bg-darker:#0d1117;--bg-dark:#161b22;--bg-panel:#21262d;--bg-hover:#30363d;--text-main:#c9d1d9;--text-muted:#8b949e;--b-color:#30363d;--accent:#58a6ff;--accent-hover:#3182ce}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darker);color:var(--text-main);height:100vh;font-family:Inter,system-ui,sans-serif;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}#header{background-color:var(--bg-dark);border-bottom:1px solid var(--b-color);justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.logo{color:#fff;letter-spacing:.5px;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.toolbar{gap:8px;display:flex}.toolbar-btn{border:1px solid var(--b-color);color:var(--text-main);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.toolbar-btn:hover{background:var(--bg-hover)}.toolbar-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.toolbar-btn.primary:hover{background:var(--accent-hover)}.user-block .avatar{border:1px solid var(--b-color);border-radius:50%;width:28px;height:28px}#workspace{flex:1;display:flex;overflow:hidden}#sidebar{background-color:var(--bg-dark);border-right:1px solid var(--b-color);flex-direction:column;width:260px;display:flex}.sidebar-header{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;padding:12px 16px;font-size:11px;font-weight:600}.file-tree{flex:1;overflow-y:auto}.file-item{color:var(--text-main);cursor:pointer;align-items:center;gap:8px;padding:6px 16px 6px 32px;font-size:13px;display:flex}.file-item:hover{background-color:var(--bg-hover)}.file-item.active{color:var(--accent);background-color:#58a6ff1a}#editor-container{background-color:var(--bg-darker);flex-direction:column;flex:1;display:flex}.tabs{background-color:var(--bg-dark);border-bottom:1px solid var(--b-color);height:36px;display:flex}.tab{color:var(--text-muted);cursor:pointer;border-right:1px solid var(--b-color);background-color:var(--bg-dark);border-top:1px solid #0000;align-items:center;gap:8px;padding:0 16px;font-size:13px;display:flex}.tab.active{background-color:var(--bg-darker);color:var(--text-main);border-top-color:var(--accent)}#editor-root{flex:1;width:100%}#agent-panel{background-color:var(--bg-dark);border-left:1px solid var(--b-color);flex-direction:column;width:320px;display:flex}.agent-header{border-bottom:1px solid var(--b-color);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.agent-header h3{color:var(--text-main);font-size:14px;font-weight:600}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:18px}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-msg{border-radius:8px;max-width:90%;padding:10px 12px;font-size:13px;line-height:1.5}.chat-msg.ai{background-color:var(--bg-panel);color:var(--text-main);border:1px solid var(--b-color);align-self:flex-start}.chat-msg.user{background-color:var(--accent);color:#fff;align-self:flex-end}.chat-input-area{border-top:1px solid var(--b-color);flex-direction:column;gap:8px;padding:12px;display:flex}#chat-input{background-color:var(--bg-darker);border:1px solid var(--b-color);width:100%;height:60px;color:var(--text-main);resize:none;border-radius:6px;padding:8px;font-family:inherit;font-size:13px}#chat-input:focus{border-color:var(--accent);outline:none}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal{background:var(--bg-dark);border:1px solid var(--b-color);border-radius:8px;width:400px;max-width:90%;padding:24px}.modal h3{margin-bottom:12px;font-size:16px}.modal p{color:var(--text-muted);margin-bottom:16px;font-size:13px;line-height:1.5}.modal-input{background:var(--bg-darker);border:1px solid var(--b-color);color:#fff;border-radius:6px;width:100%;margin-bottom:20px;padding:10px}.modal-actions{justify-content:flex-end;gap:12px;display:flex}