*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d0d;--bg2: #161616;--bg3: #1e1e1e;--bg4: #272727;--border: #2a2a2a;--text: #e8e8e8;--text2: #999;--text3: #666;--accent: #f5a623;--green: #22c55e;--red: #ef4444;--blue: #3b82f6;--sidebar-w: 220px}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.app-layout{display:flex;height:100vh;overflow:hidden}.app-main{flex:1;overflow:hidden;display:flex;flex-direction:column;min-width:0}.no-chat{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text3);font-size:16px}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:14px 14px 8px;border-bottom:1px solid var(--border)}.sidebar-logo{font-size:13px;font-weight:600;color:var(--accent);letter-spacing:.04em}.sidebar-new-btn{margin:8px;padding:7px 12px;background:var(--bg4);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font-size:13px;text-align:left;transition:background .15s}.sidebar-new-btn:hover{background:var(--bg3)}.sidebar-chats{flex:1;overflow-y:auto;padding:4px 0}.sidebar-chat-item{position:relative;padding:8px 10px 8px 12px;cursor:pointer;border-radius:6px;margin:2px 6px;transition:background .1s}.sidebar-chat-item:hover{background:var(--bg4)}.sidebar-chat-item.active{background:var(--bg4);border-left:2px solid var(--accent)}.sidebar-chat-name{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:20px}.sidebar-chat-role{font-size:11px;margin-top:2px}.sidebar-chat-model{font-size:11px;color:var(--text3);margin-top:1px}.sidebar-chat-del{position:absolute;right:6px;top:8px;background:none;border:none;color:var(--text3);cursor:pointer;font-size:16px;line-height:1;opacity:0;transition:opacity .1s}.sidebar-chat-item:hover .sidebar-chat-del{opacity:1}.sidebar-chat-del:hover{color:var(--red)}.sidebar-empty{padding:12px;color:var(--text3);font-size:12px}.sidebar-nav{border-top:1px solid var(--border);padding:6px}.sidebar-nav button{display:block;width:100%;padding:7px 12px;background:none;border:none;border-radius:6px;color:var(--text2);cursor:pointer;font-size:13px;text-align:left;transition:all .1s}.sidebar-nav button:hover{background:var(--bg4);color:var(--text)}.sidebar-nav button.active{background:var(--bg4);color:var(--accent)}.chat-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-view-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg2);flex-shrink:0}.chat-view-title{display:flex;align-items:center;gap:8px;min-width:0}.chat-view-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-role-badge{font-size:11px;padding:2px 6px;border-radius:10px;color:#fff;white-space:nowrap}.chat-view-model{font-size:11px;color:var(--text3)}.chat-view-body{flex:1;display:flex;overflow:hidden;min-height:0}.chat-view-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.chat-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text3)}.chat{display:flex;flex-direction:column;height:100%;overflow:hidden}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.empty{text-align:center;margin:auto;color:var(--text3);padding:40px 20px}.empty p{font-size:18px;margin-bottom:8px;color:var(--text2)}.thinking{color:var(--text3);font-style:italic;padding:8px 0}.message{border-radius:8px;padding:12px 14px;max-width:90%}.message.user{background:var(--bg3);border:1px solid var(--border);margin-left:auto}.message.assistant{background:var(--bg2);border:1px solid var(--border)}.role{font-size:11px;color:var(--text3);margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.content{white-space:pre-wrap;line-height:1.6}.tool-call{margin-top:8px;border:1px solid var(--border);border-radius:6px;overflow:hidden}.tool-result{margin-top:6px;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.tool-result.ok{border-color:#22c55e44}.tool-result.denied{border-color:#ef444444}.tool-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg4);font-size:12px}.tool-name{font-family:monospace;color:var(--accent)}.tool-body{padding:8px 10px;font-size:12px;font-family:monospace;white-space:pre-wrap;overflow-x:auto;max-height:200px;background:var(--bg);color:var(--text2)}.input-row{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border);background:var(--bg2);flex-shrink:0}.input-row textarea{flex:1;background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;resize:none;font-size:14px;font-family:inherit;line-height:1.5;outline:none}.input-row textarea:focus{border-color:var(--accent)}.input-row button{padding:0 16px;background:var(--accent);color:#000;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px}.input-row button:disabled{opacity:.4;cursor:not-allowed}.task-panel{width:240px;min-width:240px;border-left:1px solid var(--border);background:var(--bg2);display:flex;flex-direction:column;overflow:hidden}.task-panel-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text2)}.task-list{flex:1;overflow-y:auto;padding:6px}.task-empty{padding:12px;color:var(--text3);font-size:12px;text-align:center}.task-item{display:flex;align-items:flex-start;gap:6px;padding:6px 8px;border-radius:6px;font-size:12px;margin-bottom:2px;background:var(--bg3);border:1px solid var(--border)}.task-item.task-running{border-color:var(--accent);background:#f5a62311}.task-item.task-done{opacity:.5}.task-item.task-cancelled{opacity:.35}.task-status{flex-shrink:0;color:var(--text3);font-size:13px;margin-top:1px}.task-item.task-running .task-status{color:var(--accent)}.task-item.task-done .task-status{color:var(--green)}.task-item.task-cancelled .task-status{color:var(--red)}.task-text{flex:1;line-height:1.4;color:var(--text2);word-break:break-word}.task-del{background:none;border:none;color:var(--text3);cursor:pointer;font-size:16px;line-height:1;padding:0;flex-shrink:0}.task-del:hover{color:var(--red)}.task-input-row{padding:8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.task-input-row textarea{background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:6px 8px;resize:none;font-size:12px;font-family:inherit;outline:none}.task-input-row textarea:focus{border-color:var(--accent)}.task-input-row button{background:var(--bg4);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 10px;cursor:pointer;font-size:12px}.task-input-row button:disabled{opacity:.4}.task-controls{padding:8px;border-top:1px solid var(--border)}.btn-run{width:100%;padding:8px;background:var(--green);color:#000;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px}.btn-run:disabled{opacity:.4;cursor:not-allowed}.btn-stop{width:100%;padding:8px;background:var(--red);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px}.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(--bg2);border:1px solid var(--border);border-radius:10px;width:480px;max-width:95vw;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);font-weight:600}.modal-close{background:none;border:none;color:var(--text3);cursor:pointer;font-size:20px;line-height:1}.modal-close:hover{color:var(--text)}.modal-body{padding:16px;display:flex;flex-direction:column;gap:10px}.modal-body label{font-size:12px;color:var(--text2);margin-bottom:-6px}.modal-body input,.modal-body select,.modal-body textarea{background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px 10px;font-size:13px;font-family:inherit;outline:none;width:100%}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{border-color:var(--accent)}.modal-body select{background-color:var(--bg3)}.modal-actions{display:flex;gap:8px;margin-top:4px}.modal-actions button{padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;border:none;font-weight:600}.modal-actions button:first-child{background:var(--accent);color:#000}.btn-danger{background:var(--bg4)!important;color:var(--red)!important;border:1px solid var(--red)!important}.btn-icon{background:none;border:none;color:var(--text3);cursor:pointer;font-size:18px;padding:4px 8px;border-radius:6px}.btn-icon:hover{background:var(--bg4);color:var(--text)}.permission-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:flex-end;justify-content:center;z-index:200;padding:20px}.permission-card{background:var(--bg2);border:1px solid var(--accent);border-radius:10px;padding:16px;max-width:600px;width:100%}.permission-card h4{margin-bottom:8px;color:var(--accent)}.permission-card pre{background:var(--bg);border-radius:6px;padding:10px;font-size:12px;overflow-x:auto;margin-bottom:12px;max-height:200px}.permission-card .btns{display:flex;gap:8px}.permission-card .btns button{padding:8px 20px;border-radius:6px;border:none;cursor:pointer;font-weight:600}.permission-card .btns button:first-child{background:var(--green);color:#000}.permission-card .btns button:last-child{background:var(--red);color:#fff}.orchestrate-view{display:flex;height:100%;overflow:hidden}.orchestrate-sidebar{width:200px;min-width:200px;border-right:1px solid var(--border);background:var(--bg2);display:flex;flex-direction:column;padding:0;overflow-y:auto}.orchestrate-sidebar-header{padding:12px 14px 6px;font-size:13px;font-weight:600;color:var(--text2)}.orchestrate-pipeline-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;font-size:13px;border-radius:6px;margin:2px 6px}.orchestrate-pipeline-item:hover{background:var(--bg4)}.orchestrate-pipeline-item.active{background:var(--bg4);color:var(--accent)}.orchestrate-main{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.orchestrate-empty{color:var(--text3);text-align:center;margin:auto;max-width:380px}.orchestrate-empty h3{font-size:18px;color:var(--text2);margin-bottom:12px}.orchestrate-empty p{line-height:1.7;margin-bottom:6px}.orchestrate-name-input{background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px 12px;font-size:16px;font-weight:600;outline:none;width:100%}.orchestrate-name-input:focus{border-color:var(--accent)}.orchestrate-name-row{display:flex;gap:8px}.pipeline-flow{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:8px 0}.pipeline-step-wrap{display:flex;flex-direction:column;align-items:center;width:220px}.pipeline-step{position:relative;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:10px 12px;width:100%}.pipeline-step-name{font-size:14px;font-weight:600;padding-right:20px}.pipeline-step-role{font-size:11px;color:var(--text3);margin-top:2px}.pipeline-step-model{font-size:11px;color:var(--text3)}.pipeline-arrow{font-size:12px;color:var(--text3);padding:4px 0;text-align:center}.pipeline-empty{color:var(--text3);font-size:13px;padding:8px 0}.orchestrate-add-step{border-top:1px solid var(--border);padding-top:12px}.orchestrate-add-label{font-size:12px;color:var(--text2);margin-bottom:8px}.orchestrate-chat-list{display:flex;flex-wrap:wrap;gap:6px}.orchestrate-chat-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 10px;cursor:pointer;font-size:12px}.orchestrate-chat-btn:hover{border-color:var(--accent);color:var(--accent)}.orchestrate-run{border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:8px}.orchestrate-run-label{font-size:12px;color:var(--text2)}.orchestrate-run textarea{background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px 10px;resize:none;font-size:13px;font-family:inherit;outline:none;width:100%}.orchestrate-run textarea:focus{border-color:var(--accent)}.settings{max-width:520px;margin:0 auto;padding:24px 20px}.settings h2{font-size:18px;margin-bottom:16px;color:var(--text2)}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.field label{font-size:12px;color:var(--text2)}.field input{background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px 10px;font-size:13px;outline:none}.field input:focus{border-color:var(--accent)}.field small{font-size:11px;color:var(--text3)}.settings button{padding:9px 20px;background:var(--accent);color:#000;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px}.logs-layout{display:flex;height:100%;overflow:hidden}.logs-sidebar{width:200px;min-width:200px;border-right:1px solid var(--border);background:var(--bg2);overflow-y:auto}.logs-sidebar-header{padding:12px 14px 6px;font-size:13px;font-weight:600;color:var(--text2)}.logs-main{flex:1;overflow-y:auto;padding:12px}.logs-empty-side{padding:12px;color:var(--text3);font-size:12px}.logs-empty-main{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text3)}.session-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--border)}.session-item:hover{background:var(--bg3)}.session-item.active{background:var(--bg4);border-left:2px solid var(--accent)}.session-item.running{border-left:2px solid var(--green)}.session-time{font-size:12px;color:var(--text)}.session-model{font-size:11px;color:var(--text3);margin-top:2px}.session-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text3);margin-top:2px}.badge-live{background:var(--green);color:#000;border-radius:4px;padding:1px 4px;font-size:10px;font-weight:700}.log-entry{border:1px solid var(--border);border-radius:6px;margin-bottom:4px;cursor:pointer;overflow:hidden}.log-entry:hover{border-color:#444}.log-entry-header{display:flex;align-items:center;gap:6px;padding:6px 10px;flex-wrap:wrap}.log-ts{font-size:11px;color:var(--text3);font-family:monospace;min-width:55px}.log-badge{font-size:11px;padding:2px 6px;border-radius:4px;color:#fff;white-space:nowrap;font-weight:600}.log-round,.log-dur{font-size:11px;color:var(--text3);font-family:monospace}.log-dur.slow{color:var(--red);font-weight:700}.log-summary{font-size:12px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.log-data{padding:8px 10px;background:var(--bg);font-size:11px;font-family:monospace;white-space:pre-wrap;color:var(--text2);border-top:1px solid var(--border)}.help-page{max-width:700px;margin:0 auto;padding:24px 20px;overflow-y:auto;height:100%}.help-page h1{font-size:22px;margin-bottom:20px;color:var(--accent)}.help-page section{margin-bottom:24px}.help-page h2{font-size:16px;margin-bottom:10px;color:var(--text2);border-bottom:1px solid var(--border);padding-bottom:6px}.help-page p,.help-page li{line-height:1.7;color:var(--text2);margin-bottom:6px}.help-page ul,.help-page ol{padding-left:20px}.help-page code{font-family:monospace;background:var(--bg3);padding:1px 5px;border-radius:4px;font-size:12px;color:var(--accent)}.help-page strong{color:var(--text)}.help-table{width:100%;border-collapse:collapse;font-size:13px}.help-table th,.help-table td{padding:8px 10px;border:1px solid var(--border);text-align:left}.help-table th{background:var(--bg3);color:var(--text2)}.help-table td{color:var(--text2)}.sidebar-project{margin-bottom:2px}.sidebar-project-header{display:flex;align-items:center;gap:6px;padding:6px 8px 6px 10px;cursor:pointer;border-radius:6px;margin:2px 6px;font-size:13px;font-weight:600}.sidebar-project-header:hover{background:var(--bg4)}.sidebar-project-header.active{background:var(--bg4);color:var(--accent)}.sidebar-project-toggle{font-size:9px;color:var(--text3);width:12px;flex-shrink:0}.sidebar-project-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-project-chats{padding-left:18px}.sidebar-section-label{padding:6px 12px 2px;font-size:11px;color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.sidebar-bottom{border-top:1px solid var(--border);padding:6px;display:flex;flex-direction:column;gap:4px}.sidebar-version{padding:6px 12px;font-size:11px;color:var(--text3);display:flex;justify-content:space-between;border-top:1px solid var(--border)}.sidebar-version-commit{font-family:monospace;color:var(--accent)}.project-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.project-header{padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg2);display:flex;flex-direction:column;gap:6px;flex-shrink:0}.project-name-input{background:transparent;border:none;color:var(--text);font-size:18px;font-weight:700;outline:none;width:100%}.project-name-input:focus{color:var(--accent)}.project-header-meta{display:flex;align-items:center;gap:12px}.project-workdir{font-size:11px;color:var(--text3);background:var(--bg3);padding:2px 6px;border-radius:4px}.btn-danger-sm{background:none;border:1px solid var(--red);color:var(--red);border-radius:4px;padding:3px 8px;cursor:pointer;font-size:11px}.btn-danger-sm:hover{background:var(--red);color:#fff}.project-body{flex:1;display:flex;overflow:hidden;min-height:0}.project-chats{width:260px;min-width:260px;border-right:1px solid var(--border);overflow-y:auto;padding:8px 0}.project-section-label{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-size:12px;color:var(--text2);font-weight:600}.project-chat-item{padding:8px 12px;cursor:pointer;border-radius:6px;margin:2px 6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.project-chat-item:hover{background:var(--bg4)}.project-chat-name{font-size:13px;font-weight:500;flex:1}.project-chat-model{font-size:11px;color:var(--text3);width:100%;padding-left:0}.project-files{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.file-browser{flex:1;display:flex;flex-direction:column;overflow:hidden}.file-browser-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg2);flex-shrink:0}.file-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:0;flex:1;font-size:12px;color:var(--text3)}.crumb-sep{margin:0 2px;color:var(--text3)}.crumb-btn{background:none;border:none;color:var(--text2);cursor:pointer;font-size:12px;padding:1px 3px;border-radius:3px}.crumb-btn:hover{background:var(--bg4);color:var(--text)}.file-refresh{background:none;border:none;color:var(--text3);cursor:pointer;font-size:16px;padding:2px 6px;border-radius:4px}.file-refresh:hover{background:var(--bg4);color:var(--text)}.file-list{flex:1;overflow-y:auto;padding:4px}.file-loading{padding:12px;color:var(--text3);font-size:12px}.file-empty{padding:24px 12px;color:var(--text3);font-size:13px;text-align:center}.file-entry{display:flex;align-items:center;gap:6px;padding:5px 8px;cursor:pointer;border-radius:5px;font-size:13px}.file-entry:hover{background:var(--bg4)}.file-icon{font-size:14px;flex-shrink:0}.file-name{flex:1;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-entry:hover .file-name{color:var(--text)}.file-size{font-size:11px;color:var(--text3);flex-shrink:0;font-family:monospace}.file-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.file-content-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg2);font-size:12px;color:var(--text2);flex-shrink:0}.file-content-header button{background:none;border:none;color:var(--text3);cursor:pointer;font-size:13px}.file-content-header button:hover{color:var(--text)}.file-content-body{flex:1;overflow:auto;padding:12px;font-family:monospace;font-size:12px;line-height:1.6;white-space:pre;color:var(--text2);background:var(--bg)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px}