@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.theme-dark{--bg-color:#0d1117;--panel-bg:#161b22;--text-main:#c9d1d9;--text-muted:#8b949e;--accent-color:#58a6ff;--accent-hover:#79c0ff;--border-color:#30363d;--glass-bg:#161b22b3;--glass-border:#30363d80}.theme-parchment{--bg-color:#f5eedc;--panel-bg:#eae1c9;--text-main:#4a3c31;--text-muted:#8c7662;--accent-color:#8c6239;--accent-hover:#b08850;--border-color:#d1c1a5;--glass-bg:#eae1c9b3;--glass-border:#d1c1a580}*{box-sizing:border-box;margin:0;padding:0}body{height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;overflow:hidden}.app-wrapper{background-color:var(--bg-color);color:var(--text-main);transition:background-color .2s,color .2s}.app-container{flex:1;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.header{border-bottom:1px solid var(--border-color);background-color:var(--panel-bg);justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.header-title{color:var(--accent-color);align-items:center;gap:8px;font-weight:600;display:flex}.header-status{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.header-actions button.run-btn{background:var(--accent-color);color:var(--bg-color);cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-weight:500;transition:background .2s;display:flex}.header-actions button.run-btn:hover{background:var(--accent-hover)}.sidebar{border-right:1px solid var(--border-color);background-color:var(--panel-bg);flex-direction:column;width:250px;display:flex}.sidebar-header{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;padding:12px 16px;font-size:11px;font-weight:600}.file-list{flex:1;list-style:none;overflow-y:auto}.file-item{cursor:pointer;color:var(--text-muted);align-items:center;gap:8px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.file-item:hover{color:var(--text-main);background-color:#ffffff0d}.file-item.active{color:var(--accent-color);border-left:3px solid var(--accent-color);background-color:#58a6ff1a}.theme-parchment .file-item.active{background-color:#8c623926}.editor-pane{flex-direction:column;flex:1;display:flex}.editor-tabs{background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);height:35px;display:flex}.editor-tab{color:var(--text-main);background-color:var(--bg-color);border-right:1px solid var(--border-color);border-top:2px solid var(--accent-color);align-items:center;gap:6px;padding:0 16px;font-size:13px;display:flex}.editor-container{flex:1;width:100%}.terminal-pane{border-top:1px solid var(--border-color);background-color:var(--panel-bg);flex-direction:column;height:200px;display:flex}.terminal-header{border-bottom:1px solid var(--border-color);color:var(--text-main);justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;display:flex}.terminal-header-actions button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.terminal-header-actions button:hover{color:var(--text-main);background:#ffffff1a}.terminal-content{flex:1;padding:12px 16px;font-family:Consolas,Courier New,monospace;font-size:13px;overflow-y:auto}.theme-dark .terminal-content{color:#79c0ff}.theme-parchment .terminal-content{color:#8c6239}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.assistant-pane{border-left:1px solid var(--border-color);background-color:var(--panel-bg);flex-direction:column;width:320px;display:flex}.assistant-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.icon-btn:hover{color:var(--text-main)}.api-config{background-color:var(--bg-color);border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:11px}.api-config input{background:var(--panel-bg);border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:4px;outline:none;margin-bottom:4px;padding:6px 8px}.chat-history{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-message{gap:8px;font-size:13px;line-height:1.4;display:flex}.chat-message.user{flex-direction:row-reverse}.chat-avatar{background-color:var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.chat-message.user .chat-avatar{background-color:var(--accent-color);color:var(--bg-color)}.chat-bubble{background-color:var(--bg-color);border:1px solid var(--border-color);word-break:break-word;border-radius:6px;max-width:85%;padding:8px 12px}.chat-message.user .chat-bubble{border-color:var(--accent-color);background-color:#58a6ff1a}.theme-parchment .chat-message.user .chat-bubble{background-color:#8c623926}.chat-input-area{border-top:1px solid var(--border-color);gap:8px;padding:12px;display:flex}.chat-input-area input{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-main);border-radius:4px;outline:none;flex:1;padding:8px 12px}.chat-input-area input:focus{border-color:var(--accent-color)}.send-btn{background-color:var(--accent-color);width:34px;height:34px;color:var(--bg-color);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.send-btn:disabled{background-color:var(--border-color);color:var(--text-muted);cursor:not-allowed}.typing{color:var(--text-muted);font-style:italic}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{border-radius:8px;width:380px;padding:24px;box-shadow:0 4px 20px #0000004d}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{font-size:16px;font-weight:600}.modal-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-muted);font-size:12px}.form-group input{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-main);border-radius:4px;outline:none;padding:10px}.form-group input:focus{border-color:var(--accent-color)}.submit-btn{background-color:var(--accent-color);color:var(--bg-color);cursor:pointer;border:none;border-radius:4px;margin-top:10px;padding:12px;font-weight:600;transition:background-color .2s}.submit-btn:hover{background-color:var(--accent-hover)}.submit-btn:disabled{background-color:var(--border-color);color:var(--text-muted);cursor:not-allowed}.form-error{color:#ff7b72;background-color:#f851491a;border:1px solid #f8514966;border-radius:4px;padding:8px 12px;font-size:12px}.modal-footer{justify-content:center;margin-top:16px;display:flex}.toggle-auth-btn{color:var(--accent-color);cursor:pointer;background:0 0;border:none;font-size:12px}.toggle-auth-btn:hover{text-decoration:underline}.header-actions{gap:10px;display:flex}.auth-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.auth-btn.login:hover{background-color:var(--accent-color);color:var(--bg-color);border-color:var(--accent-color)}.auth-btn.logout:hover{color:#ff7b72;background-color:#f851491a;border-color:#f8514966}