@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #09090b;--bg2: #111115;--bg3: #18181b;--bg4: #27272a;--bg5: #3f3f46;--border: #27272a;--border2: #3f3f46;--text: #fafafa;--text2: #a1a1aa;--text3: #52525b;--accent: #f59e0b;--accent2: #fbbf24;--accent-dim: rgba(245,158,11,.1);--accent-glow: rgba(245,158,11,.25);--green: #22c55e;--green-dim: rgba(34,197,94,.12);--red: #ef4444;--red-dim: rgba(239,68,68,.12);--blue: #60a5fa;--purple: #a78bfa;--sidebar-w: 248px;--header-h: 48px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--t: .15s ease;--t-slow: .25s ease}html,body,#root{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.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 12px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:9px;text-decoration:none}.sidebar-logo-icon{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#000000d9;letter-spacing:-.03em;flex-shrink:0;box-shadow:0 2px 10px #f59e0b66}.sidebar-logo-text{font-size:13px;font-weight:700;color:var(--text);letter-spacing:-.01em}.sidebar-logo-text em{font-style:normal;color:var(--accent)}.sidebar-search-wrap{padding:8px 8px 4px}.sidebar-search{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:6px 10px;font-size:12px;font-family:inherit;outline:none;transition:border-color var(--t)}.sidebar-search::placeholder{color:var(--text3)}.sidebar-search:focus{border-color:#f59e0b66}.sidebar-chats{flex:1;overflow-y:auto;padding:4px 0}.sidebar-chat-item{position:relative;padding:7px 10px 7px 12px;cursor:pointer;border-radius:var(--radius-sm);margin:1px 6px;transition:background var(--t),transform var(--t)}.sidebar-chat-item:hover{background:var(--bg4);transform:translate(1px)}.sidebar-chat-item.active{background:linear-gradient(90deg,rgba(245,158,11,.08) 0%,transparent 100%);border-left:2px solid var(--accent);padding-left:10px}.sidebar-chat-name{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:22px;font-weight:450}.sidebar-chat-name-input{font-size:13px;color:var(--text);background:var(--bg5);border:1px solid var(--accent);border-radius:4px;padding:1px 5px;outline:none;font-family:inherit;width:calc(100% - 24px)}.sidebar-chat-role{font-size:11px;margin-top:1px;font-weight:500}.sidebar-chat-del{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text3);cursor:pointer;font-size:15px;line-height:1;opacity:0;transition:opacity var(--t),color var(--t);padding:2px 4px;border-radius:4px}.sidebar-chat-item:hover .sidebar-chat-del{opacity:1}.sidebar-chat-del:hover{color:var(--red);background:var(--red-dim)}.sidebar-empty{padding:10px 14px;color:var(--text3);font-size:12px}.sidebar-bottom{padding:8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px;flex-shrink:0}.sidebar-new-btn{padding:7px 12px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);cursor:pointer;font-size:12px;font-family:inherit;font-weight:500;text-align:left;transition:all var(--t)}.sidebar-new-btn:hover{background:var(--bg4);border-color:var(--border2);color:var(--text)}.sidebar-nav{border-top:1px solid var(--border);padding:6px;flex-shrink:0}.sidebar-nav button{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text3);cursor:pointer;font-size:12px;font-family:inherit;font-weight:500;text-align:left;transition:all var(--t)}.sidebar-nav button:hover{background:var(--bg4);color:var(--text2)}.sidebar-nav button.active{background:var(--accent-dim);color:var(--accent)}.nav-icon{font-size:13px;width:16px;text-align:center;flex-shrink:0}.sidebar-project{margin-bottom:1px}.sidebar-project-header{display:flex;align-items:center;gap:6px;padding:6px 8px 6px 10px;cursor:pointer;border-radius:var(--radius-sm);margin:1px 6px;font-size:12px;font-weight:600;color:var(--text2);transition:all var(--t)}.sidebar-project-header:hover{background:var(--bg4);color:var(--text)}.sidebar-project-header.active{color:var(--accent)}.sidebar-project-toggle{font-size:8px;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:16px}.sidebar-section-label{padding:8px 14px 3px;font-size:10px;color:var(--text3);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.sidebar-version{padding:6px 12px;font-size:10px;color:var(--text3);display:flex;justify-content:space-between;border-top:1px solid var(--border);flex-shrink:0}.sidebar-version-commit{font-family:JetBrains Mono,monospace;color:var(--bg5)}.chat-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-view-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:var(--header-h);border-bottom:1px solid var(--border);background:#111115e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-shrink:0;gap:12px}.chat-view-title{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden}.chat-view-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-view-model{font-size:11px;color:var(--text3);font-family:JetBrains Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.chat-role-badge{font-size:11px;padding:2px 7px;border-radius:20px;color:#fff;white-space:nowrap;font-weight:600}.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-view-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.chat-agent-badge{display:flex;align-items:center;gap:5px;border:1px solid;border-radius:20px;padding:3px 9px 3px 7px;flex-shrink:0}.chat-agent-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.chat-agent-role{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.chat{display:flex;flex-direction:column;height:100%;overflow:hidden}.messages{flex:1;overflow-y:auto;padding:24px 28px 16px;display:flex;flex-direction:column;gap:20px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;text-align:center;padding:40px 20px;gap:10px;animation:fade-up .4s ease both}.empty p{font-size:22px;font-weight:600;color:var(--text2);letter-spacing:-.02em}.empty small{color:var(--text3);font-size:13px;max-width:320px;line-height:1.6}.empty-agent{display:flex;align-items:center;gap:7px;margin-bottom:8px;padding:5px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:20px}.empty-agent-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.empty-agent-model{font-size:12px;color:var(--text2);font-family:JetBrains Mono,monospace}.thinking{display:flex;align-items:center;padding:12px 16px;background:var(--bg3);border:1px solid var(--border);border-radius:4px 16px 16px;width:fit-content;animation:fade-up .25s ease both}.thinking-dots{display:flex;gap:5px}.thinking-dots span{width:6px;height:6px;border-radius:50%;background:var(--text3);animation:dot-bounce 1.4s ease-in-out infinite}.thinking-dots span:nth-child(2){animation-delay:.16s}.thinking-dots span:nth-child(3){animation-delay:.32s}@keyframes dot-bounce{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1.1);opacity:1}}.message{max-width:86%;display:flex;flex-direction:column;gap:4px;animation:message-in .22s cubic-bezier(.16,1,.3,1) both}@keyframes message-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.message.user{margin-left:auto;align-items:flex-end}.message.assistant{align-items:flex-start}.msg-header{display:flex;align-items:center;gap:7px;padding:0 4px}.role{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3)}.msg-usage{font-size:10px;color:var(--text3);font-family:JetBrains Mono,monospace}.msg-actions{margin-left:auto;display:flex;align-items:center;gap:2px;opacity:0;transition:opacity var(--t)}.message:hover .msg-actions{opacity:1}.msg-copy{background:none;border:none;color:var(--text3);cursor:pointer;padding:2px 5px;border-radius:4px;font-size:11px;transition:all var(--t);font-family:inherit}.msg-copy:hover{background:var(--bg4);color:var(--text2)}.msg-regenerate{background:none;border:none;color:var(--text3);cursor:pointer;padding:2px 6px;border-radius:4px;font-size:14px;line-height:1;transition:color var(--t),background var(--t),transform var(--t)}.msg-regenerate:hover{background:var(--bg4);color:var(--accent2);transform:rotate(-30deg)}.content{white-space:pre-wrap;line-height:1.7;font-size:14px}.message.user .content{background:var(--bg4);border:1px solid var(--border2);border-radius:14px 14px 4px;padding:10px 14px}.message.assistant .content{padding:2px 4px;width:100%;color:var(--text)}.cursor{display:inline-block;width:2px;height:1em;background:var(--accent);border-radius:1px;vertical-align:text-bottom;margin-left:2px;animation:blink .9s step-end infinite}@keyframes blink{50%{opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.tool-call{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;width:100%;font-size:12px;transition:border-color var(--t)}.tool-call.tc-ok{border-color:#22c55e4d}.tool-call.tc-denied{border-color:#ef44444d}.tool-header{display:flex;align-items:center;gap:7px;padding:8px 10px;background:var(--bg3);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--t)}.tool-header:hover{background:var(--bg4)}.tool-status-icon{width:14px;text-align:center;flex-shrink:0;font-size:11px;font-family:JetBrains Mono,monospace}.tc-ok .tool-status-icon{color:var(--green)}.tc-denied .tool-status-icon{color:var(--red)}.tool-name{font-family:JetBrains Mono,monospace;color:var(--accent);font-weight:600;font-size:11px;flex-shrink:0}.tool-preview{color:var(--text3);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:11px}.tool-toggle{color:var(--text3);font-size:9px;flex-shrink:0;margin-left:auto}.tool-body-wrap{border-top:1px solid var(--border)}.tool-section-label{padding:4px 10px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);background:var(--bg4);border-bottom:1px solid var(--border)}.tool-body{padding:8px 10px;font-size:11px;font-family:JetBrains Mono,monospace;white-space:pre-wrap;overflow-x:auto;max-height:280px;background:var(--bg);color:var(--text2);line-height:1.6}.input-bar{padding:10px 16px 16px;background:var(--bg);flex-shrink:0}.input-box{display:flex;flex-direction:column;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s,box-shadow .2s}.input-box:focus-within{border-color:#f59e0b73;box-shadow:0 0 0 3px #f59e0b12}.input-box textarea{background:transparent;border:none;color:var(--text);padding:12px 16px 6px;resize:none;font-size:14px;font-family:inherit;line-height:1.6;outline:none;min-height:52px;max-height:200px;overflow-y:auto}.input-box textarea::placeholder{color:var(--text3)}.input-box textarea:disabled{opacity:.5}.input-box-actions{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 8px}.input-hint{font-size:11px;color:var(--text3)}.input-attach{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:none;border:none;color:var(--text3);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--t)}.input-attach:hover{background:var(--bg4);color:var(--text2)}.input-attach:disabled{opacity:.3;cursor:not-allowed}.input-send{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent);border:none;border-radius:8px;cursor:pointer;color:#000;transition:all var(--t);flex-shrink:0}.input-send:hover{background:var(--accent2);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.input-send:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}.input-attached{display:flex;align-items:center;gap:8px;padding:6px 14px 0;font-size:12px;color:var(--accent)}.input-attached button{background:none;border:none;color:var(--text3);cursor:pointer;font-size:14px;padding:0 2px;transition:color var(--t)}.input-attached button:hover{color:var(--red)}.input-row{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border);background:var(--bg2);flex-shrink:0;align-items:flex-end}.attached-file{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg3);border-top:1px solid var(--border);font-size:12px;color:var(--accent)}.attached-file button{background:none;border:none;color:var(--text3);cursor:pointer;font-size:16px;padding:0;line-height:1}.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:0 12px;height:var(--header-h);border-bottom:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text2);flex-shrink:0}.task-list{flex:1;overflow-y:auto;padding:6px}.task-empty{padding:16px 12px;color:var(--text3);font-size:12px;text-align:center}.task-item{display:flex;align-items:flex-start;gap:7px;padding:7px 8px;border-radius:var(--radius-sm);font-size:12px;margin-bottom:3px;background:var(--bg3);border:1px solid var(--border);transition:border-color var(--t)}.task-item.task-running{border-color:#f59e0b66;background:var(--accent-dim)}.task-item.task-done{opacity:.45}.task-item.task-cancelled{opacity:.3}.task-status{flex-shrink:0;color:var(--text3);font-size:12px;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.45;color:var(--text2);word-break:break-word}.task-del{background:none;border:none;color:var(--text3);cursor:pointer;font-size:14px;line-height:1;padding:1px 3px;flex-shrink:0;border-radius:3px;transition:all var(--t)}.task-del:hover{color:var(--red);background:var(--red-dim)}.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:var(--radius-sm);color:var(--text);padding:6px 8px;resize:none;font-size:12px;font-family:inherit;outline:none;transition:border-color var(--t)}.task-input-row textarea:focus{border-color:#f59e0b66}.task-input-row button{background:var(--bg4);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:5px 10px;cursor:pointer;font-size:12px;font-family:inherit;transition:all var(--t)}.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:var(--radius-sm);cursor:pointer;font-weight:600;font-size:13px;font-family:inherit;transition:opacity var(--t)}.btn-run:hover{opacity:.88}.btn-run:disabled{opacity:.4;cursor:not-allowed}.btn-stop{background:#7f1d1db3;color:#fca5a5;border:1px solid rgba(185,28,28,.5);border-radius:var(--radius-sm);padding:5px 14px;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;transition:all var(--t);white-space:nowrap}.btn-stop:hover{background:#991b1be6}.btn-icon{background:none;border:none;color:var(--text3);cursor:pointer;font-size:15px;padding:5px 8px;border-radius:var(--radius-sm);transition:all var(--t);line-height:1}.btn-icon:hover{background:var(--bg4);color:var(--text2)}.btn-icon.active{background:var(--accent-dim);color:var(--accent)}.btn-danger{background:none;color:var(--red);border:1px solid rgba(239,68,68,.4);border-radius:var(--radius-sm);padding:7px 14px;cursor:pointer;font-size:12px;font-family:inherit;transition:all var(--t)}.btn-danger:hover{background:var(--red-dim);border-color:var(--red)}.btn-danger-sm{background:none;border:1px solid rgba(239,68,68,.4);color:var(--red);border-radius:4px;padding:3px 8px;cursor:pointer;font-size:11px;font-family:inherit;transition:all var(--t)}.btn-danger-sm:hover{background:var(--red-dim);border-color:var(--red)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-lg);width:480px;max-width:95vw;max-height:90vh;overflow-y:auto;animation:modal-in .2s cubic-bezier(.16,1,.3,1)}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:none}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);font-weight:600;font-size:14px}.modal-close{background:none;border:none;color:var(--text3);cursor:pointer;font-size:20px;line-height:1;padding:2px 6px;border-radius:4px;transition:all var(--t)}.modal-close:hover{color:var(--text);background:var(--bg4)}.modal-body{padding:16px;display:flex;flex-direction:column;gap:10px}.modal-body label{font-size:11px;color:var(--text2);margin-bottom:-6px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.modal-body input,.modal-body select,.modal-body textarea{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:8px 10px;font-size:13px;font-family:inherit;outline:none;width:100%;transition:border-color var(--t)}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{border-color:#f59e0b66}.modal-body select{background-color:var(--bg3)}.modal-actions{display:flex;gap:8px;margin-top:4px}.modal-actions button{padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;border:none;font-weight:600;font-family:inherit;transition:opacity var(--t)}.modal-actions button:first-child{background:var(--accent);color:#000}.modal-actions button:first-child:hover{opacity:.88}.permission-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:flex-end;justify-content:center;z-index:200;padding:20px;animation:fade-in .15s ease}.permission-card{background:var(--bg2);border:1px solid rgba(245,158,11,.4);border-radius:var(--radius-lg);padding:18px;max-width:620px;width:100%;box-shadow:0 0 40px #f59e0b14;animation:slide-up .25s cubic-bezier(.16,1,.3,1)}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}.permission-card h4{margin-bottom:10px;color:var(--accent);font-size:14px}.permission-card pre{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);padding:10px;font-size:12px;font-family:JetBrains Mono,monospace;overflow-x:auto;margin-bottom:14px;max-height:200px}.permission-card .btns{display:flex;gap:8px}.permission-card .btns button{padding:8px 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-weight:600;font-size:13px;font-family:inherit;transition:opacity var(--t)}.permission-card .btns button:first-child{background:var(--green);color:#000}.permission-card .btns button:last-child{background:var(--red);color:#fff}.permission-card .btns button:hover{opacity:.85}.settings{max-width:520px;margin:0 auto;padding:28px 24px}.settings h2{font-size:18px;margin-bottom:20px;color:var(--text);font-weight:700;letter-spacing:-.02em}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.field label{font-size:11px;color:var(--text2);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.field input{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:9px 12px;font-size:13px;font-family:inherit;outline:none;transition:border-color var(--t),box-shadow var(--t)}.field input:focus{border-color:#f59e0b66;box-shadow:0 0 0 3px #f59e0b0f}.field small{font-size:11px;color:var(--text3);line-height:1.5}.settings button{padding:9px 20px;background:var(--accent);color:#000;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:700;font-size:13px;font-family:inherit;transition:opacity var(--t)}.settings button:hover{opacity:.88}.settings-panel{width:300px;min-width:300px;border-left:1px solid var(--border);background:var(--bg2);display:flex;flex-direction:column;overflow:hidden;animation:panel-slide .22s cubic-bezier(.16,1,.3,1) both}@keyframes panel-slide{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}.settings-panel-header{display:flex;align-items:center;justify-content:space-between;padding:0 14px;height:var(--header-h);border-bottom:1px solid var(--border);font-size:13px;font-weight:600;flex-shrink:0}.settings-panel-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.settings-panel-footer{border-top:1px solid var(--border);padding:12px 14px;display:flex;gap:8px;flex-shrink:0}.sp-section{display:flex;flex-direction:column;gap:7px}.sp-label{font-size:10px;color:var(--text3);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.sp-input{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:8px 10px;font-size:13px;font-family:inherit;outline:none;width:100%;transition:border-color var(--t)}.sp-input:focus{border-color:#f59e0b66}.sp-textarea{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:8px 10px;font-size:13px;font-family:inherit;outline:none;width:100%;resize:vertical;transition:border-color var(--t);line-height:1.5}.sp-textarea:focus{border-color:#f59e0b66}.sp-role-grid{display:flex;flex-wrap:wrap;gap:5px}.sp-role-chip{background:var(--bg3);border:1px solid var(--border);color:var(--text3);border-radius:20px;padding:4px 11px;cursor:pointer;font-size:11px;font-family:inherit;font-weight:500;transition:all var(--t)}.sp-role-chip:hover{border-color:var(--border2);color:var(--text2)}.sp-role-chip.active{font-weight:600;background:var(--bg4)}.sp-advanced{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.sp-advanced-toggle{padding:8px 12px;font-size:12px;font-family:inherit;color:var(--text2);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;background:var(--bg3);transition:all var(--t);font-weight:500}.sp-advanced-toggle:hover{color:var(--text);background:var(--bg4)}.sp-advanced-toggle::marker,.sp-advanced-toggle::-webkit-details-marker{display:none}.sp-advanced-body{padding:12px;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--border)}.sp-save-btn{flex:1;padding:9px;background:var(--accent);color:#000;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:700;font-size:13px;font-family:inherit;transition:opacity var(--t)}.sp-save-btn:hover{opacity:.88}.sp-danger-btn{padding:9px 14px;background:none;color:var(--red);border:1px solid rgba(239,68,68,.4);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;transition:all var(--t)}.sp-danger-btn:hover{background:var(--red-dim);border-color:var(--red)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 1.5s ease-in-out infinite}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--border2)}.welcome{position:relative;display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg);overflow:hidden}.welcome:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%)}.welcome-blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.welcome-blob-1{width:500px;height:500px;background:#f59e0b0e;top:-120px;left:-80px;animation:blob1 14s ease-in-out infinite}.welcome-blob-2{width:380px;height:380px;background:#60a5fa0a;bottom:-80px;right:-60px;animation:blob2 18s ease-in-out infinite}@keyframes blob1{0%,to{transform:translate(0) scale(1)}40%{transform:translate(60px,40px) scale(1.06)}70%{transform:translate(-20px,50px) scale(.96)}}@keyframes blob2{0%,to{transform:translate(0) scale(1)}35%{transform:translate(-50px,-30px) scale(1.08)}65%{transform:translate(30px,15px) scale(.94)}}.welcome-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:30px;padding:40px 28px;max-width:500px;width:100%;text-align:center}.welcome-stagger{animation:welcome-up .55s cubic-bezier(.16,1,.3,1) both}.welcome-stagger-1{animation-delay:0ms}.welcome-stagger-2{animation-delay:90ms}.welcome-stagger-3{animation-delay:.17s}.welcome-stagger-4{animation-delay:.26s}.welcome-stagger-5{animation-delay:.33s}@keyframes welcome-up{0%{opacity:0;transform:translateY(24px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.welcome-logo{display:flex;flex-direction:column;align-items:center;gap:14px}.welcome-logo-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#f59e0b,#d97706 55%,#b45309);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:#000000d1;letter-spacing:-.05em;box-shadow:0 8px 32px #f59e0b61,0 2px 8px #f59e0b38;animation:icon-glow 4s ease-in-out infinite}@keyframes icon-glow{0%,to{box-shadow:0 8px 32px #f59e0b61,0 2px 8px #f59e0b38}50%{box-shadow:0 12px 48px #f59e0b94,0 4px 16px #f59e0b52}}.welcome-logo-name{font-size:30px;font-weight:800;letter-spacing:-.04em;color:var(--text);line-height:1}.welcome-logo-name em{font-style:normal;color:var(--accent)}.welcome-tagline{font-size:15px;color:var(--text3);margin-top:-14px}.welcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;text-align:left}.welcome-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 15px;transition:border-color var(--t),transform var(--t-slow)}.welcome-card:hover{border-color:var(--border2);transform:translateY(-2px)}.welcome-card-icon{font-size:18px;margin-bottom:7px;display:block}.welcome-card-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:3px}.welcome-card-desc{font-size:11px;color:var(--text3);line-height:1.55}.welcome-actions{display:flex;gap:10px;width:100%}.welcome-btn-primary{flex:1;padding:12px 20px;background:var(--accent);color:#000;border:none;border-radius:var(--radius-sm);font-weight:700;font-size:14px;font-family:inherit;cursor:pointer;transition:all var(--t)}.welcome-btn-primary:hover{background:var(--accent2);transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b4d}.welcome-btn-secondary{flex:1;padding:12px 20px;background:var(--bg3);color:var(--text2);border:1px solid var(--border);border-radius:var(--radius-sm);font-weight:600;font-size:14px;font-family:inherit;cursor:pointer;transition:all var(--t)}.welcome-btn-secondary:hover{border-color:var(--border2);color:var(--text);transform:translateY(-1px)}.welcome-hint{font-size:11px;color:var(--text3);margin-top:-14px}.welcome-hint kbd{display:inline-block;background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text2)}.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:12px;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:9px 12px;cursor:pointer;border-bottom:1px solid var(--border);transition:background var(--t)}.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 5px;font-size:10px;font-weight:700}.log-entry{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:4px;cursor:pointer;overflow:hidden;transition:border-color var(--t)}.log-entry:hover{border-color:var(--border2)}.log-entry-header{display:flex;align-items:center;gap:6px;padding:7px 10px;flex-wrap:wrap}.log-ts{font-size:11px;color:var(--text3);font-family:JetBrains Mono,monospace;min-width:55px}.log-badge{font-size:10px;padding:2px 6px;border-radius:4px;color:#fff;white-space:nowrap;font-weight:700}.log-round,.log-dur{font-size:11px;color:var(--text3);font-family:JetBrains Mono,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:JetBrains Mono,monospace;white-space:pre-wrap;color:var(--text2);border-top:1px solid var(--border);line-height:1.6}.help-page{max-width:720px;margin:0 auto;padding:28px 24px;overflow-y:auto;height:100%}.help-page h1{font-size:24px;margin-bottom:24px;color:var(--text);font-weight:800;letter-spacing:-.02em}.help-page h1 span{color:var(--accent)}.help-section{margin-bottom:32px}.help-section-title{font-size:13px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border)}.help-page h3{font-size:14px;font-weight:600;color:var(--text);margin:16px 0 8px}.help-page p{line-height:1.75;color:var(--text2);margin-bottom:8px}.help-page li{line-height:1.75;color:var(--text2);margin-bottom:4px}.help-page ul,.help-page ol{padding-left:20px;margin-bottom:10px}.help-page code{font-family:JetBrains Mono,monospace;background:var(--bg3);padding:2px 6px;border-radius:4px;font-size:12px;color:var(--accent);border:1px solid var(--border)}.help-page strong{color:var(--text)}.help-steps{display:flex;flex-direction:column;gap:10px;margin:10px 0}.help-step{display:flex;gap:12px;align-items:flex-start}.help-step-num{width:22px;height:22px;border-radius:50%;background:var(--accent-dim);border:1px solid rgba(245,158,11,.3);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--accent);flex-shrink:0;margin-top:2px}.help-step-body{flex:1;font-size:13px;color:var(--text2);line-height:1.6}.help-step-body strong{color:var(--text)}.help-table{width:100%;border-collapse:collapse;font-size:13px;margin:10px 0}.help-table th,.help-table td{padding:9px 12px;border:1px solid var(--border);text-align:left}.help-table th{background:var(--bg3);color:var(--text2);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.help-table td{color:var(--text2)}.help-table td code{font-size:11px}.help-kbd{display:inline-block;background:var(--bg3);border:1px solid var(--border2);border-bottom-width:2px;border-radius:5px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text);white-space:nowrap}.help-tip{background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:10px 14px;margin:10px 0;font-size:13px;color:var(--text2);line-height:1.6}.help-tip strong{color:var(--accent)}.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:12px;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:var(--radius-sm);margin:2px 6px;transition:all var(--t)}.orchestrate-pipeline-item:hover{background:var(--bg4)}.orchestrate-pipeline-item.active{background:var(--accent-dim);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:var(--radius-sm);color:var(--text);padding:8px 12px;font-size:16px;font-weight:600;outline:none;width:100%;font-family:inherit;transition:border-color var(--t)}.orchestrate-name-input:focus{border-color:#f59e0b66}.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:var(--radius-sm);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:var(--radius-sm);padding:6px 10px;cursor:pointer;font-size:12px;font-family:inherit;transition:all var(--t)}.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:var(--radius-sm);color:var(--text);padding:8px 10px;resize:none;font-size:13px;font-family:inherit;outline:none;width:100%;transition:border-color var(--t)}.orchestrate-run textarea:focus{border-color:#f59e0b66}.project-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.project-header{padding:12px 20px;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:20px;font-weight:700;outline:none;width:100%;font-family:inherit;letter-spacing:-.02em}.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:3px 8px;border-radius:4px;font-family:JetBrains Mono,monospace;border:1px solid var(--border)}.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 14px;font-size:11px;color:var(--text2);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.project-chat-item{padding:8px 14px;cursor:pointer;border-radius:var(--radius-sm);margin:2px 6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;transition:all var(--t)}.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%}.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 3px;color:var(--text3)}.crumb-btn{background:none;border:none;color:var(--text2);cursor:pointer;font-size:12px;padding:1px 4px;border-radius:3px;font-family:inherit;transition:all var(--t)}.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;transition:all var(--t)}.file-refresh:hover{background:var(--bg4);color:var(--text2)}.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:7px;padding:5px 8px;cursor:pointer;border-radius:var(--radius-sm);font-size:13px;transition:all var(--t)}.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:JetBrains Mono,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;font-family:inherit;transition:color var(--t)}.file-content-header button:hover{color:var(--text)}.file-content-body{flex:1;overflow:auto;padding:16px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7;white-space:pre;color:var(--text2);background:var(--bg)}.md-content{line-height:1.7;color:var(--text)}.md-content p{margin:0 0 .75em}.md-content p:last-child{margin-bottom:0}.md-content h1,.md-content h2,.md-content h3,.md-content h4{font-weight:600;margin:1.2em 0 .4em;color:var(--text)}.md-content h1{font-size:1.3em}.md-content h2{font-size:1.15em}.md-content h3{font-size:1em}.md-content ul,.md-content ol{padding-left:1.4em;margin:.4em 0 .75em}.md-content li{margin:.2em 0}.md-content blockquote{border-left:3px solid var(--border2);margin:.75em 0;padding:.4em .8em;color:var(--text2);font-style:italic}.md-content table{border-collapse:collapse;width:100%;margin:.75em 0;font-size:.85em}.md-content th,.md-content td{border:1px solid var(--border);padding:.4em .7em;text-align:left}.md-content th{background:var(--bg3);font-weight:600;color:var(--text)}.md-content td{color:var(--text2)}.md-content hr{border:none;border-top:1px solid var(--border);margin:1em 0}.md-content a{color:var(--accent2);text-decoration:none}.md-content a:hover{text-decoration:underline}.md-content code:not(pre code){background:var(--bg4);border:1px solid var(--border);border-radius:4px;padding:.1em .35em;font-family:var(--mono);font-size:.82em;color:var(--accent2)}.md-content.streaming:after{content:"▊";animation:blink .9s step-end infinite;color:var(--accent);margin-left:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.user-text{white-space:pre-wrap;word-break:break-word}.code-block{border-radius:var(--radius);overflow:hidden;margin:.6em 0;border:1px solid var(--border)}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.35em .75em;background:var(--bg4);border-bottom:1px solid var(--border)}.code-lang{font-family:var(--mono);font-size:.75em;color:var(--text3);text-transform:lowercase}.code-copy-btn{font-size:.72em;padding:.15em .55em;border-radius:4px;background:var(--bg5);border:1px solid var(--border2);color:var(--text2);cursor:pointer;transition:background var(--t),color var(--t)}.code-copy-btn:hover{background:var(--accent-dim);color:var(--accent2)}.code-block pre{margin:0;padding:.9em 1em;overflow-x:auto;background:var(--bg3)}.code-block code{font-family:var(--mono);font-size:.83em;line-height:1.6;background:none;border:none;padding:0}.hljs{color:#e4e4e7}.hljs-comment,.hljs-quote{color:#71717a;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-built_in{color:#a78bfa}.hljs-string,.hljs-attr{color:#86efac}.hljs-number,.hljs-literal{color:#fb923c}.hljs-title,.hljs-section,.hljs-name{color:#60a5fa;font-weight:600}.hljs-type,.hljs-class{color:#f9a8d4}.hljs-variable,.hljs-template-variable{color:#e4e4e7}.hljs-symbol,.hljs-bullet,.hljs-link{color:#fbbf24}.hljs-meta,.hljs-meta-keyword{color:#a78bfa}.hljs-deletion{color:#f87171;background:#f8717126}.hljs-addition{color:#86efac;background:#86efac26}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.msg-edit-btn{background:none;border:none;color:var(--text3);cursor:pointer;padding:2px 6px;border-radius:4px;font-size:13px;line-height:1;transition:color var(--t),background var(--t)}.msg-edit-btn:hover{background:var(--bg4);color:var(--accent2)}.msg-edit-area{margin-top:.4em;display:flex;flex-direction:column;gap:.4em}.msg-edit-input{width:100%;box-sizing:border-box;resize:none;overflow:hidden;background:var(--bg3);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:14px;line-height:1.6;padding:.5em .75em;outline:none;transition:border-color var(--t);min-height:40px}.msg-edit-input:focus{border-color:var(--accent2)}.msg-edit-actions{display:flex;align-items:center;gap:.5em}.msg-edit-hint{font-size:11px;color:var(--text3);flex:1}.msg-edit-cancel{background:none;border:1px solid var(--border2);color:var(--text2);padding:.25em .7em;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:all var(--t)}.msg-edit-cancel:hover{background:var(--bg4)}.msg-edit-submit{background:var(--accent);border:none;color:#000;padding:.25em .8em;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:background var(--t)}.msg-edit-submit:hover:not(:disabled){background:var(--accent2)}.msg-edit-submit:disabled{opacity:.4;cursor:not-allowed}.input-attachments{display:flex;flex-wrap:wrap;gap:.4em;padding:.4em .6em 0;align-items:flex-start}.input-img-thumb{position:relative;display:inline-block}.input-img-thumb img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border2);display:block}.input-img-remove{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background:var(--bg5);border:1px solid var(--border2);color:var(--text2);cursor:pointer;font-size:10px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.input-img-remove:hover{background:var(--red);color:#fff}.msg-images{display:flex;flex-wrap:wrap;gap:.5em;margin-top:.4em}.msg-image{max-width:320px;max-height:240px;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:opacity var(--t)}.msg-image:hover{opacity:.85}.pt-root{margin-top:.6em;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.pt-header{display:flex;align-items:center;justify-content:space-between;padding:.45em .65em;background:var(--bg4);border-bottom:1px solid var(--border)}.pt-title{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}.pt-save-toggle{font-size:11px;background:none;border:none;color:var(--accent2);cursor:pointer;padding:0;font-family:inherit}.pt-save-toggle:hover{text-decoration:underline}.pt-save-form{display:flex;gap:.4em;padding:.5em .6em;border-bottom:1px solid var(--border);background:var(--bg3)}.pt-input{flex:1;background:var(--bg5);border:1px solid var(--border2);border-radius:4px;color:var(--text);font-family:inherit;font-size:12px;padding:.3em .6em;outline:none}.pt-input:focus{border-color:var(--accent)}.pt-save-btn{background:var(--accent);border:none;color:#000;font-size:12px;font-weight:600;border-radius:4px;padding:.3em .7em;cursor:pointer}.pt-save-btn:disabled{opacity:.4;cursor:not-allowed}.pt-empty{font-size:11px;color:var(--text3);padding:.6em .7em}.pt-list{display:flex;flex-direction:column}.pt-item{display:flex;align-items:center;gap:.3em;padding:.3em .5em;border-bottom:1px solid var(--border)}.pt-item:last-child{border-bottom:none}.pt-item:hover{background:var(--bg4)}.pt-item-name{flex:1;text-align:left;background:none;border:none;color:var(--text2);font-size:12px;cursor:pointer;font-family:inherit;padding:.2em .3em;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pt-item-name:hover{color:var(--accent2)}.pt-rename{flex:1}.pt-item-actions{display:flex;gap:.2em;flex-shrink:0}.pt-icon-btn{background:none;border:none;color:var(--text3);cursor:pointer;font-size:12px;padding:2px 5px;border-radius:4px;transition:all var(--t)}.pt-icon-btn:hover{background:var(--bg5);color:var(--text2)}.pt-del-btn:hover{color:var(--red)}.input-mic{background:none;border:none;color:var(--text3);cursor:pointer;padding:4px 6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color var(--t),background var(--t)}.input-mic:hover:not(:disabled){background:var(--bg4);color:var(--text2)}.input-mic:disabled{opacity:.35;cursor:not-allowed}.input-mic-active{color:var(--red)!important;background:var(--red-dim)!important}.mic-dot{display:block;width:10px;height:10px;border-radius:50%;background:var(--red);animation:mic-pulse 1s ease-in-out infinite}@keyframes mic-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}textarea.listening{border-color:#ef444466!important}textarea.listening::placeholder{color:var(--red)!important;opacity:.6}.cmp-root{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg)}.cmp-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:var(--header-h);border-bottom:1px solid var(--border);flex-shrink:0}.cmp-title{font-size:14px;font-weight:700;color:var(--text)}.cmp-reset-btn{background:none;border:1px solid var(--border2);color:var(--text2);font-size:12px;padding:.3em .8em;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;transition:all var(--t)}.cmp-reset-btn:hover{background:var(--bg4);color:var(--text)}.cmp-setup{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5em;padding:2em}.cmp-setup-desc{color:var(--text2);font-size:14px;text-align:center;max-width:480px}.cmp-setup-row{display:flex;align-items:center;gap:1.2em;width:100%;max-width:560px}.cmp-setup-col{flex:1;display:flex;flex-direction:column;gap:.4em}.cmp-setup-label{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}.cmp-setup-input{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);font-family:JetBrains Mono,monospace;font-size:12px;padding:.5em .75em;outline:none;transition:border-color var(--t)}.cmp-setup-input:focus{border-color:var(--accent)}.cmp-setup-vs{font-size:13px;font-weight:700;color:var(--text3);flex-shrink:0;padding-top:1.4em}.cmp-start-btn{background:var(--accent);border:none;color:#000;font-weight:700;font-size:14px;padding:.6em 2em;border-radius:var(--radius);cursor:pointer;transition:background var(--t),transform var(--t)}.cmp-start-btn:hover:not(:disabled){background:var(--accent2);transform:translateY(-1px)}.cmp-start-btn:disabled{opacity:.4;cursor:not-allowed}.cmp-panes{flex:1;display:flex;overflow:hidden;min-height:0}.cmp-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.cmp-pane-header{display:flex;align-items:center;gap:.6em;padding:.5em 1em;border-bottom:1px solid var(--border);background:var(--bg2);flex-shrink:0}.cmp-pane-left .cmp-pane-header{border-right:1px solid var(--border)}.cmp-pane-model{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmp-thinking-badge{font-size:10px;color:var(--accent2);animation:blink .9s step-end infinite}.cmp-pane-body{flex:1;overflow-y:auto;padding:1em}.cmp-pane-left .cmp-pane-body{border-right:1px solid var(--border)}.cmp-empty{color:var(--text3);font-size:13px;text-align:center;margin-top:2em}.cmp-divider{width:1px;background:var(--border);flex-shrink:0}.cmp-input-bar{display:flex;align-items:flex-end;gap:.5em;padding:.75em 1em;border-top:1px solid var(--border);background:var(--bg2);flex-shrink:0}.cmp-input{flex:1;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:14px;padding:.55em .85em;outline:none;resize:none;line-height:1.5;transition:border-color var(--t);min-height:38px}.cmp-input:focus{border-color:#f59e0b80}.cmp-input::placeholder{color:var(--text3)}.cmp-send-btn{width:36px;height:36px;border-radius:8px;background:var(--accent);border:none;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--t),transform var(--t)}.cmp-send-btn:hover:not(:disabled){background:var(--accent2);transform:translateY(-1px)}.cmp-send-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.ag-page{flex:1;overflow-y:auto;padding:2em 2.5em;max-width:720px;margin:0 auto;width:100%}.ag-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5em;gap:1em}.ag-page-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:.25em}.ag-page-desc{font-size:13px;color:var(--text2)}.ag-btn-new{background:var(--accent);border:none;color:#000;font-weight:700;font-size:13px;padding:.5em 1.2em;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--t)}.ag-btn-new:hover{background:var(--accent2)}.ag-empty{text-align:center;padding:4em 2em;color:var(--text3)}.ag-empty-icon{font-size:2.5em;margin-bottom:.5em}.ag-empty-text{font-size:15px;font-weight:600;color:var(--text2);margin-bottom:.4em}.ag-empty-sub{font-size:13px;max-width:380px;margin:0 auto;line-height:1.6}.ag-list{display:flex;flex-direction:column;gap:.8em}.ag-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1em 1.1em}.ag-card-new{border-color:#f59e0b4d}.ag-card-title{font-size:12px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.7em}.ag-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3em}.ag-card-name{font-size:15px;font-weight:600;color:var(--text)}.ag-card-actions{display:flex;gap:.3em}.ag-card-desc{font-size:12px;color:var(--text3);margin-bottom:.5em}.ag-card-fields{display:flex;flex-direction:column;gap:.25em;margin-top:.4em}.ag-field{display:flex;align-items:baseline;gap:.6em}.ag-field-label{font-size:11px;color:var(--text3);width:60px;flex-shrink:0}.ag-field-val{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ag-icon-btn{background:none;border:none;color:var(--text3);cursor:pointer;font-size:13px;padding:3px 6px;border-radius:4px;transition:all var(--t)}.ag-icon-btn:hover{background:var(--bg4);color:var(--text2)}.ag-icon-del:hover{color:var(--red)}.ag-form{display:flex;flex-direction:column;gap:.65em}.ag-form-row{display:flex;flex-direction:column;gap:.2em}.ag-label{font-size:11px;font-weight:600;color:var(--text3)}.ag-input{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:13px;padding:.4em .7em;outline:none;transition:border-color var(--t)}.ag-input.mono{font-family:JetBrains Mono,monospace;font-size:12px}.ag-input:focus{border-color:var(--accent)}.ag-form-actions{display:flex;justify-content:flex-end;gap:.5em;padding-top:.3em}.ag-btn-cancel{background:none;border:1px solid var(--border2);color:var(--text2);padding:.35em .9em;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;font-family:inherit;transition:all var(--t)}.ag-btn-cancel:hover{background:var(--bg4)}.ag-btn-save{background:var(--accent);border:none;color:#000;font-weight:700;font-size:12px;padding:.35em 1.1em;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--t)}.ag-btn-save:hover:not(:disabled){background:var(--accent2)}.ag-btn-save:disabled{opacity:.4;cursor:not-allowed}.ap-root{margin-bottom:.6em}.ap-trigger{background:var(--bg4);border:1px solid var(--border2);color:var(--text2);font-size:12px;padding:.3em .75em;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;transition:all var(--t)}.ap-trigger:hover{background:var(--bg5);color:var(--text)}.ap-dropdown{margin-top:.3em;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm);overflow:hidden}.ap-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.45em .75em;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text2);cursor:pointer;font-family:inherit;font-size:12px;text-align:left;transition:background var(--t)}.ap-item:last-child{border-bottom:none}.ap-item:hover{background:var(--bg4);color:var(--text)}.ap-item-name{font-weight:600}.ap-item-model{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text3)}