*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #1a1a1a;--bg-secondary: #212121;--bg-tertiary: #2a2a2a;--bg-hover: #333;--bg-active: #3a3a3a;--bg-input: #2f2f2f;--border: #3a3a3a;--border-light: #444;--text-primary: #e8e8e8;--text-secondary: #a0a0a0;--text-muted: #6b6b6b;--accent: #7c6bf0;--accent-hover: #8d7ef5;--accent-dim: rgba(124,107,240,.15);--danger: #e54d4d;--success: #4ade80;--warning: #f59e0b;--code-bg: #1e1e1e;--scrollbar: #444;--sidebar-width: 280px;--font: "DM Sans", -apple-system, sans-serif;--mono: "JetBrains Mono", "Fira Code", monospace}html,body,#root{height:100%;font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:margin-left .25s ease,opacity .25s ease;overflow:hidden;z-index:10}.sidebar.collapsed{margin-left:calc(var(--sidebar-width) * -1);opacity:0;pointer-events:none}.sidebar-header{padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-logo{font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--accent)}.sidebar-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav{padding:8px;display:flex;flex-direction:column;gap:2px;flex-shrink:0;border-bottom:1px solid var(--border)}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:400;color:var(--text-secondary);transition:all .15s;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-dim);color:var(--accent);font-weight:500}.nav-item svg{width:18px;height:18px;flex-shrink:0}.sidebar-section-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:16px 16px 6px;flex-shrink:0}.project-item{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;font-size:13px;color:var(--text-secondary);transition:background .15s}.project-item:hover{background:var(--bg-hover);color:var(--text-primary)}.project-item.active{color:var(--accent);background:var(--accent-dim)}.chat-list{flex:1;overflow-y:auto;padding:4px 8px}.chat-list-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-secondary);transition:background .15s;position:relative}.chat-list-item:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-list-item.active{background:var(--accent-dim);color:var(--accent)}.chat-list-item .chat-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chat-list-item .chat-delete{opacity:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;display:flex}.chat-list-item:hover .chat-delete{opacity:1}.chat-list-item .chat-delete:hover{color:var(--danger)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.main-header{height:52px;display:flex;align-items:center;padding:0 16px;gap:12px;border-bottom:1px solid var(--border);flex-shrink:0}.expand-sidebar-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:flex}.expand-sidebar-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.main-title{font-size:15px;font-weight:500;color:var(--text-primary);flex:1}.provider-select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);font-size:12px;padding:5px 10px;border-radius:6px;font-family:var(--font);cursor:pointer}.provider-select:focus{outline:none;border-color:var(--accent)}.chat-area{flex:1;overflow-y:auto;padding:24px 0}.chat-messages{max-width:768px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:24px}.message{display:flex;gap:16px;line-height:1.65;font-size:15px}.message-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.message-avatar.user{background:var(--bg-tertiary);color:var(--text-secondary)}.message-avatar.assistant{background:var(--accent-dim);color:var(--accent)}.message-content{flex:1;min-width:0;overflow-wrap:break-word}.message-content p{margin-bottom:12px}.message-content pre{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;padding:16px;overflow-x:auto;margin:12px 0;font-family:var(--mono);font-size:13px;line-height:1.5}.message-content code{font-family:var(--mono);font-size:13px;background:var(--bg-tertiary);padding:2px 6px;border-radius:4px}.message-content pre code{background:none;padding:0}.chat-input-area{padding:16px 24px 24px;flex-shrink:0}.chat-input-wrapper{max-width:768px;margin:0 auto;position:relative}.chat-input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:16px;color:var(--text-primary);font-family:var(--font);font-size:15px;padding:16px 56px 16px 20px;resize:none;outline:none;max-height:200px;line-height:1.5}.chat-input:focus{border-color:var(--accent)}.chat-input::placeholder{color:var(--text-muted)}.send-btn{position:absolute;right:10px;bottom:10px;width:36px;height:36px;border-radius:10px;background:var(--accent);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.send-btn:hover{background:var(--accent-hover)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted)}.welcome h1{font-size:28px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.welcome p{font-size:15px}.auth-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px;box-sizing:border-box}.auth-card{width:100%;max-width:380px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:40px 32px;box-sizing:border-box}.auth-card h1{font-size:24px;font-weight:600;margin-bottom:8px;color:var(--accent);letter-spacing:-.02em}.auth-card p{font-size:14px;color:var(--text-secondary);margin-bottom:28px}.auth-card label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.auth-card input{width:100%;padding:12px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-family:var(--font);font-size:14px;margin-bottom:16px;outline:none}.auth-card input:focus{border-color:var(--accent)}.auth-card .auth-btn{width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-family:var(--font);font-size:15px;font-weight:500;cursor:pointer;margin-bottom:12px}.auth-card .auth-btn:hover{background:var(--accent-hover)}.auth-card .auth-switch{text-align:center;font-size:13px;color:var(--text-muted)}.auth-card .auth-switch span{color:var(--accent);cursor:pointer}.auth-card .auth-switch span:hover{text-decoration:underline}.auth-error{color:var(--danger);font-size:13px;margin-bottom:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;width:520px;max-height:80vh;overflow-y:auto;padding:28px}.modal h2{font-size:18px;font-weight:600;margin-bottom:20px}.modal label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px;margin-top:16px}.modal label:first-of-type{margin-top:0}.modal input,.modal textarea,.modal select{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:var(--font);font-size:14px;outline:none}.modal textarea{resize:vertical;min-height:80px;font-family:var(--font)}.modal input:focus,.modal textarea:focus{border-color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.btn{padding:9px 18px;border-radius:8px;font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;border:1px solid var(--border);transition:all .15s}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:#e54d4d1a}.code-layout{flex:1;display:flex;overflow:hidden}.code-chat{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.code-preview{background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:relative}.code-splitter{width:4px;background:var(--border);cursor:col-resize;flex-shrink:0;transition:background .15s}.code-splitter:hover{background:var(--accent)}.preview-header{height:40px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--border);font-size:12px;font-weight:500;color:var(--text-secondary);gap:8px;flex-shrink:0}.preview-tabs{display:flex;gap:0;flex:1;overflow-x:auto}.preview-tab{padding:8px 14px;font-size:12px;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:var(--mono)}.preview-tab:hover{color:var(--text-secondary)}.preview-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.preview-body{flex:1;overflow:auto;padding:0}.preview-body iframe{width:100%;height:100%;border:none;background:#fff}.preview-body pre{padding:16px;font-family:var(--mono);font-size:13px;line-height:1.5;white-space:pre-wrap;color:var(--text-primary)}.file-tree{width:220px;min-width:220px;background:var(--bg-secondary);border-right:1px solid var(--border);overflow-y:auto;padding:8px;flex-shrink:0}.file-tree-item{display:flex;align-items:center;gap:6px;padding:5px 8px;font-size:13px;color:var(--text-secondary);cursor:pointer;border-radius:4px;font-family:var(--mono)}.file-tree-item:hover{background:var(--bg-hover);color:var(--text-primary)}.file-tree-item.active{color:var(--accent);background:var(--accent-dim)}.file-tree-item.dir{font-weight:500;color:var(--text-primary)}.file-tree-indent{width:16px;flex-shrink:0}.agent-tasks{display:flex;flex-direction:column;gap:12px;padding:20px;max-width:768px;margin:0 auto}.agent-task{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;padding:16px}.agent-task-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.agent-task-step{font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.04em}.agent-task-status{font-size:11px;font-weight:500;padding:3px 8px;border-radius:4px}.agent-task-status.pending{background:var(--bg-hover);color:var(--text-muted)}.agent-task-status.queued{background:#f59e0b26;color:var(--warning)}.agent-task-status.running{background:#7c6bf026;color:var(--accent)}.agent-task-status.completed{background:#4ade8026;color:var(--success)}.agent-task-status.failed{background:#e54d4d26;color:var(--danger)}.agent-task-prompt{font-size:14px;color:var(--text-primary);line-height:1.5}.agent-task-result{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:13px;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:100}.search-box{width:560px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;overflow:hidden;max-height:60vh;display:flex;flex-direction:column}.search-input-wrap{padding:16px;border-bottom:1px solid var(--border)}.search-input-wrap input{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-family:var(--font);font-size:15px;outline:none}.search-input-wrap input:focus{border-color:var(--accent)}.search-results{overflow-y:auto;padding:8px}.search-result-item{padding:12px;border-radius:8px;cursor:pointer;transition:background .15s}.search-result-item:hover{background:var(--bg-hover)}.search-result-title{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.search-result-snippet{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:typing 1.2s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.thinking-block{margin-bottom:8px}.thinking-block summary{font-size:12px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.thinking-block summary:hover{color:var(--text-secondary)}.thinking-block[open] summary{margin-bottom:6px}.message{position:relative}.message .flag-btn{position:absolute;top:4px;right:4px;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:12px;opacity:0;transition:opacity .15s;padding:4px 8px;border-radius:4px}.message:hover .flag-btn{opacity:1}.message .flag-btn:hover{color:var(--danger);background:var(--bg-tertiary)}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}:root{--gold: #c9a86a;--gold-bright: #e3c485;--gold-dim: rgba(201, 168, 106, .12);--gold-line: rgba(201, 168, 106, .25)}.message-content{font-size:15px;line-height:1.7;color:var(--text-primary);letter-spacing:.1px;word-break:break-word;overflow-wrap:anywhere}.message-content p{margin:0 0 14px}.message-content p:last-child{margin-bottom:0}.message-content h1,.message-content h2,.message-content h3,.message-content h4{color:var(--gold-bright);font-weight:600;line-height:1.3;margin:22px 0 10px;letter-spacing:.2px}.message-content h1:first-child,.message-content h2:first-child,.message-content h3:first-child{margin-top:0}.message-content h1{font-size:1.55em;padding-bottom:8px;border-bottom:1px solid var(--gold-line)}.message-content h2{font-size:1.3em;padding-bottom:6px;border-bottom:1px solid var(--border)}.message-content h3{font-size:1.12em;color:var(--gold)}.message-content h4{font-size:1em;color:var(--gold);text-transform:uppercase;letter-spacing:.6px;font-size:.85em}.message-content ul,.message-content ol{margin:0 0 14px;padding-left:24px}.message-content li{margin:5px 0;padding-left:4px}.message-content li::marker{color:var(--gold)}.message-content ul ul,.message-content ol ol,.message-content ul ol,.message-content ol ul{margin:5px 0}.message-content strong{color:var(--gold-bright);font-weight:600}.message-content em{color:var(--text-primary);font-style:italic}.message-content a{color:var(--gold);text-decoration:none;border-bottom:1px solid var(--gold-line);transition:color .15s,border-color .15s}.message-content a:hover{color:var(--gold-bright);border-bottom-color:var(--gold-bright)}.message-content code{font-family:var(--mono);font-size:.88em;background:var(--bg-tertiary);color:var(--gold-bright);padding:2px 6px;border-radius:5px;border:1px solid var(--border)}.message-content pre{background:#141414;border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:10px;padding:16px 18px;overflow-x:auto;margin:0 0 16px;box-shadow:inset 0 1px #ffffff05}.message-content pre code{background:none;border:none;padding:0;color:#d8d4cc;font-size:13px;line-height:1.6}.message-content blockquote{margin:0 0 16px;padding:4px 16px;border-left:3px solid var(--gold);background:var(--gold-dim);border-radius:0 8px 8px 0;color:var(--text-secondary)}.message-content blockquote p{margin-bottom:6px}.message-content table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:14px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.message-content thead th{background:var(--gold-dim);color:var(--gold-bright);font-weight:600;text-align:left;padding:10px 14px;border-bottom:1px solid var(--gold-line);letter-spacing:.3px}.message-content tbody td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text-primary)}.message-content tbody tr:nth-child(2n){background:#ffffff04}.message-content tbody tr:hover{background:var(--gold-dim)}.message-content tbody tr:last-child td{border-bottom:none}.message-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--gold-line),transparent);margin:22px 0}.message-content img{max-width:100%;border-radius:8px;margin:8px 0}.message-avatar.assistant{background:var(--gold-dim);color:var(--gold-bright)}.sidebar{display:flex;flex-direction:column;height:100vh;max-height:100vh}.sidebar-header{flex-shrink:0}.sidebar-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.sidebar-scroll .chat-list{overflow:visible;height:auto;max-height:none;flex:none}.sidebar-scroll::-webkit-scrollbar{width:8px}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--border, #333);border-radius:4px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}@media (max-width: 768px){.app-layout{position:relative}.sidebar{position:fixed;top:0;left:0;bottom:0;width:82vw;min-width:0;max-width:320px;box-shadow:2px 0 18px #00000080}.sidebar.collapsed{margin-left:-82vw}.main-content{width:100%}.main-header{padding:0 10px;gap:8px;height:auto;min-height:52px;flex-wrap:wrap}.main-title{font-size:14px}.provider-select{font-size:11px;padding:4px 6px;max-width:130px}.chat-area{padding:14px 0}.chat-messages{padding:0 12px;max-width:100%}.chat-input-wrapper{max-width:100%;padding:0 8px}.message{gap:10px;font-size:14px}.chat-row{flex-wrap:wrap}.chat-files-panel{width:100%!important;border-left:none!important;border-top:1px solid var(--border);max-height:40vh}.agent-tasks{padding:10px}.agent-tasks [style*="display: flex"],.agent-tasks [style*="display:flex"]{flex-wrap:wrap!important}.agent-tasks button{white-space:nowrap}.btn{padding:6px 10px;font-size:12px}.code-layout{flex-direction:column}.code-preview{width:100%!important;height:45vh;border-left:none;border-top:1px solid var(--border)}.code-chat{min-height:45vh}.code-splitter{display:none}.modal{width:94vw!important;max-width:94vw!important;max-height:92vh!important}.main-content [style*="width: 96vw"]{width:96vw!important}}@media (max-width: 420px){.nav-item{padding:9px 10px}.chat-messages{padding:0 8px}.main-title{font-size:13px}}@media (max-width: 768px){.main-content{min-height:0}.chat-area{min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media (max-width: 768px){html,body,#root,.app-layout{height:100dvh}.main-content{height:100dvh;min-height:0}.chat-row{min-height:0!important;flex:1 1 auto!important}.chat-area{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media (max-width: 768px){.sidebar{z-index:1000;transition:margin-left .2s ease}.sidebar.collapsed{pointer-events:none;visibility:hidden}.main-content,.chat-row,.chat-area{pointer-events:auto}}