:root{--bg-base: #f4f5f7;--bg-surface: #ffffff;--bg-elevated: #f0f1f4;--bg-hover: #e8eaf0;--border: #d1d5db;--border-bright: #9ca3af;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--accent: #4f46e5;--accent-dim: #e0e7ff;--indigo: #4f46e5;--indigo-dark: #3730a3;--green: #059669;--green-dim: #d1fae5;--yellow: #d97706;--yellow-dim: #fef3c7;--red: #dc2626;--red-dim: #fee2e2;--blue: #2563eb;--blue-dim: #dbeafe;--orange: #ea580c;--orange-dim: #ffedd5;--purple: #7c3aed;--purple-dim: #ede9fe;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);font-size:15px;line-height:1.5;min-height:100vh}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:52px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.logo{display:flex;align-items:center;gap:8px}.logo-icon{font-size:22px;color:var(--accent)}.logo-text{font-family:var(--font-mono);font-size:16px;font-weight:700;letter-spacing:2px;color:var(--text-primary)}.logo-sub{font-size:12px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.status-bar{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.status-dot.green{background:var(--green);box-shadow:0 0 6px var(--green)}.status-dot.red{background:var(--red);box-shadow:0 0 6px var(--red)}.status-label{font-weight:700;letter-spacing:1px}.status-badge{padding:2px 6px;border-radius:3px;font-size:12px;font-weight:700;letter-spacing:1px}.status-badge.red{background:var(--red-dim);color:var(--red);border:1px solid var(--red)}.status-version{color:var(--text-muted)}.nav-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:14px;font-family:var(--font-mono);transition:all .15s;margin-left:6px}.nav-btn:hover,.nav-btn.active{background:var(--bg-elevated);border-color:var(--accent);color:var(--accent)}.app-main{display:flex;flex-direction:column;flex:1;overflow:hidden;padding:16px;gap:12px}.command-box{flex-shrink:0;position:relative;z-index:9999}.command-input-row{display:flex;align-items:center;gap:8px;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px;transition:border-color .15s}.command-input-row:focus-within{border-color:var(--accent)}.command-prompt{color:var(--accent);font-size:18px;flex-shrink:0}.command-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:16px;font-family:var(--font-ui)}.command-input::placeholder{color:var(--text-muted)}.env-select{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);padding:4px 8px;border-radius:4px;font-size:14px;cursor:pointer;outline:none}.command-submit{background:var(--accent);border:none;color:#fff;padding:6px 16px;border-radius:4px;cursor:pointer;font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:1px;transition:opacity .15s}.command-submit:disabled{opacity:.4;cursor:not-allowed}.command-submit.loading{opacity:.6}.content-area{flex:1;overflow:hidden;display:flex;flex-direction:column;isolation:auto}.task-list-container{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow:hidden}.live-feed{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:8px 12px;flex-shrink:0}.live-feed-header{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:2px;color:var(--text-muted);margin-bottom:6px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 4px var(--green);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.live-feed-events{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.live-event{display:flex;gap:6px;align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;padding:3px 8px;white-space:nowrap;font-family:var(--font-mono);font-size:13px}.live-event-worker{color:var(--accent)}.live-event-type{color:var(--text-secondary)}.live-event-task{color:var(--text-muted)}.live-empty{color:var(--text-muted);font-size:14px}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px}.task-empty{color:var(--text-muted);text-align:center;padding:40px;font-size:16px}.task-sections{overflow-y:auto;flex:1;padding-right:4px}.task-section{margin-bottom:20px}.task-section-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:6px 0;border-bottom:1px solid var(--border)}.task-section-toggle{cursor:pointer}.task-section-toggle:hover{opacity:.8}.task-section-title{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:.3px}.task-section-count{font-size:13px;font-weight:600;color:var(--text-muted);background:var(--bg-elevated);padding:1px 8px;border-radius:10px}.task-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:12px;cursor:pointer;transition:all .15s;max-height:160px;overflow:hidden}.task-card:hover{background:var(--bg-hover);border-color:var(--accent-dim)}.task-card-header{display:flex;gap:6px;align-items:center;margin-bottom:6px;flex-wrap:wrap}.task-status-badge{padding:2px 8px;border-radius:3px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.task-status-badge.blue,.task-status-badge.planning{background:var(--blue-dim);color:var(--blue);border:1px solid var(--blue)}.task-status-badge.purple,.task-status-badge.saved{background:var(--purple-dim);color:var(--purple);border:1px solid var(--purple)}.task-status-badge.yellow,.task-status-badge.executing{background:var(--yellow-dim);color:var(--yellow);border:1px solid var(--yellow)}.task-status-badge.orange,.task-status-badge.awaiting_prod,.task-status-badge.prod_deploying{background:var(--orange-dim);color:var(--orange);border:1px solid var(--orange)}.task-status-badge.green,.task-status-badge.done{background:var(--green-dim);color:var(--green);border:1px solid var(--green)}.task-status-badge.red,.task-status-badge.failed,.task-status-badge.stuck,.task-status-badge.killed_iterations,.task-status-badge.rolled_back{background:var(--red-dim);color:var(--red);border:1px solid var(--red)}.task-status-badge.gray{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.task-env-badge{padding:2px 6px;border-radius:3px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border)}.task-worker-badge{padding:2px 6px;border-radius:3px;font-size:12px;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent)}.task-card-intent{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.4;margin-bottom:10px;word-break:break-word}.task-card-footer{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.task-detail{display:flex;flex-direction:column;height:100%;gap:12px}.detail-header{display:flex;align-items:center;gap:12px;flex-shrink:0}.back-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:14px}.back-btn:hover{border-color:var(--accent);color:var(--accent)}.detail-title{display:flex;gap:8px;align-items:center;flex:1}.detail-id{font-family:var(--font-mono);font-size:14px;color:var(--text-muted)}.detail-env{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);padding:2px 6px;border-radius:3px}.detail-env-sep{color:var(--text-muted);font-size:14px;margin:0 4px;opacity:.5}.detail-env-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-right:4px;opacity:.7}.detail-cost{font-family:var(--font-mono);font-size:14px;color:var(--yellow)}.detail-intent{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:10px 14px;font-size:15px;flex-shrink:0}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;overflow:hidden}.detail-left,.detail-right{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:1px;color:var(--text-secondary);text-transform:uppercase;flex-shrink:0}.current-worker{font-size:13px;color:var(--accent)}.contract-editor{flex:1;min-height:0;background:var(--bg-base);border:none;color:var(--text-primary);font-family:var(--font-mono);font-size:14px;padding:12px;resize:none;outline:none;line-height:1.6}.contract-actions{padding:10px 12px;border-top:1px solid var(--border);display:flex;gap:8px;align-items:center;flex-shrink:0}.btn-save{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);padding:6px 14px;border-radius:4px;cursor:pointer;font-size:14px}.btn-execute{background:var(--accent);border:none;color:#fff;padding:6px 16px;border-radius:4px;cursor:pointer;font-family:var(--font-mono);font-size:14px;font-weight:700}.prod-approval{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.prod-warning{color:var(--orange);font-size:14px;font-weight:700}.btn-prod-hold{background:var(--orange-dim);border:2px solid var(--orange);color:var(--orange);padding:6px 16px;border-radius:4px;cursor:pointer;font-family:var(--font-mono);font-size:14px;font-weight:700;-webkit-user-select:none;user-select:none}.btn-prod-hold.held{background:var(--green-dim);border-color:var(--green);color:var(--green)}.btn-approve-prod{background:var(--red);border:none;color:#fff;padding:6px 16px;border-radius:4px;cursor:pointer;font-family:var(--font-mono);font-size:14px;font-weight:700}.events-list{flex:1;min-height:0;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.event-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;padding:6px 8px}.event-row.worker_started{border-left:2px solid var(--blue)}.event-row.worker_completed,.event-row.task_complete{border-left:2px solid var(--green)}.event-row.artifact_saved{border-left:2px solid var(--purple)}.event-row.escalated_to_tim,.event-row.tool_error_retry{border-left:2px solid var(--red)}.event-row.kicked_back,.event-row.awaiting_prod_approval{border-left:2px solid var(--orange)}.event-header{display:flex;gap:8px;align-items:center}.event-worker{font-family:var(--font-mono);font-size:13px;color:var(--accent);min-width:80px}.event-type{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);flex:1}.event-time{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.event-payload{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-top:4px;white-space:pre-wrap;word-break:break-all;max-height:80px;overflow:hidden}.message-box{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border);flex-shrink:0}.message-input{flex:1;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);padding:6px 10px;border-radius:4px;font-size:15px;outline:none}.message-input:focus{border-color:var(--accent)}.message-send{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);padding:6px 14px;border-radius:4px;cursor:pointer;font-size:14px}.message-send:hover{border-color:var(--accent);color:var(--accent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-root{display:flex;flex-direction:column;height:100vh;background:#f4f5f7;color:#111827}.app-body{display:flex;flex:1;overflow:hidden}.app-sidebar{width:220px;background:#fff;border-right:1px solid #d1d5db;overflow-y:auto;flex-shrink:0}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;cursor:pointer}.app-sidebar.sidebar-closed{display:none}.app-main{flex:1;display:flex;flex-direction:column;overflow:visible;padding:1rem;gap:.75rem}.content-area{flex:1;overflow-y:auto}.sidebar-toggle{background:none;border:none;color:#6b7280;font-size:1.1rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px}.sidebar-toggle:hover{color:#111827;background:#e8eaf0}.header-left{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:1;overflow:hidden}.header-center{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-right{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.breadcrumb{color:#4f46e5;font-size:.8rem}.cost-bar-wrap{display:flex;align-items:center;gap:.4rem;font-size:.72rem}.cost-bar-label{white-space:nowrap;color:#9ca3af}.cost-bar-ceiling{color:#9ca3af}.cost-bar-track{width:80px;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.cost-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.cost-bar-badge{padding:1px 5px;border-radius:3px;font-size:.6rem;font-weight:700;color:#fff}.projects-panel{padding:.5rem 0}.projects-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;border-bottom:1px solid #d1d5db;margin-bottom:.25rem}.projects-title{font-size:.7rem;font-weight:700;color:#6b7280;letter-spacing:.08em;text-transform:uppercase}.btn-icon{background:none;border:none;color:#6b7280;font-size:1.1rem;cursor:pointer;line-height:1;padding:0 4px}.btn-icon:hover{color:#4f46e5}.project-create-form{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.4rem;border-bottom:1px solid #d1d5db}.input-sm{background:#fff;border:1px solid #d1d5db;color:#111827;padding:4px 8px;border-radius:4px;font-size:.75rem;font-family:inherit;outline:none}.input-sm:focus{border-color:#4f46e5}.form-row{display:flex;gap:.4rem}.btn-primary-sm{background:#4f46e5;border:none;color:#fff;padding:4px 10px;border-radius:4px;font-size:.72rem;cursor:pointer;font-family:inherit}.btn-primary-sm:hover{background:#3730a3}.btn-ghost-sm{background:none;border:1px solid #d1d5db;color:#6b7280;padding:4px 10px;border-radius:4px;font-size:.72rem;cursor:pointer;font-family:inherit}.btn-ghost-sm:hover{color:#111827}.projects-list{list-style:none;margin:0;padding:0}.project-item{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;cursor:pointer;font-size:.78rem;color:#9ca3af;border-left:2px solid transparent}.project-item:hover{background:#f8f9fa;color:#111827}.project-item.active{color:#4f46e5;border-left-color:#4f46e5;background:#e0e7ff}.project-icon{font-size:.8rem;color:#9ca3af}.project-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-star{color:#d97706;font-size:.7rem}.status-badge.blue{background:#3b82f6}.auth-error-banner{background:#991b1b;color:#fff;padding:10px;text-align:center;font-weight:600;position:sticky;top:0;z-index:100}.pause-toggle-btn{padding:4px 12px;border-radius:6px;border:1.5px solid #6366f1;background:#f0f0ff;color:#4338ca;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,color .15s;margin-left:12px}.pause-toggle-btn:hover{background:#6366f1;color:#fff}.pause-toggle-btn.paused{background:#fee2e2;border-color:#ef4444;color:#b91c1c}.pause-toggle-btn.paused:hover{background:#ef4444;color:#fff}.pause-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.hive-paused-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:#f59e0b;color:#1a1a1a;font-weight:700;font-size:.85rem;text-align:center;padding:6px 16px;letter-spacing:.04em}.submit-error-banner{position:fixed;top:0;left:0;right:0;z-index:9998;background:#ef4444;color:#fff;font-weight:700;font-size:.85rem;text-align:center;padding:6px 16px;letter-spacing:.04em;animation:fadeout 5s forwards}@keyframes fadeout{0%{opacity:1}70%{opacity:1}to{opacity:0}}.pause-toggle-btn.paused{background:#f59e0b!important;color:#1a1a1a!important;border-color:#d97706!important;font-weight:700}.app-root:has(.hive-paused-banner) .app-header{margin-top:32px}.task-card--active{border-left:3px solid #6366f1;animation:task-pulse 2.5s ease-in-out infinite}@keyframes task-pulse{0%,to{box-shadow:0 0 #6366f126}50%{box-shadow:0 0 0 4px #6366f126}}.task-card--done{border-left:3px solid #22c55e;opacity:.85}.task-card--failed{border-left:3px solid #ef4444}.task-card-footer span[title]{cursor:help;text-decoration:underline dotted}.env-picker{position:relative;display:flex;align-items:center}.env-info-btn{display:flex;align-items:center;gap:4px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:13px;font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;height:32px;white-space:nowrap;transition:border-color .15s,color .15s}.env-info-btn:hover{border-color:var(--indigo);color:var(--text-primary)}.env-info-btn.env-non-default{border-color:var(--orange);color:var(--orange);background:var(--orange-dim)}.env-info-label{font-size:12px;font-weight:600}.env-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:9000;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:8px;min-width:300px}.env-panel-title{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:4px 8px 8px;border-bottom:1px solid var(--border);margin-bottom:6px}.env-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:6px;padding:8px 10px;cursor:pointer;transition:background .1s,border-color .1s}.env-option:hover{background:var(--bg-elevated);border-color:var(--border)}.env-option.selected{background:var(--indigo-dim, rgba(99,102,241,.1));border-color:var(--indigo)}.env-option-label{font-size:14px;font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.env-option.selected .env-option-label{color:var(--indigo)}.env-option-desc{font-size:13px;color:var(--text-muted);line-height:1.4}.message-box-wrapper{display:flex;flex-direction:column;gap:4px;flex-shrink:0;padding:8px;border-top:1px solid var(--border);background:var(--bg-surface)}.message-box-label{font-size:13px;color:var(--text-muted);padding:0 4px;line-height:1.4}.event-user-msg{display:flex;flex-direction:column;align-items:flex-end;margin:8px 0}.event-user-bubble{background:#2563eb;color:#fff;border-radius:12px 12px 2px;padding:8px 12px;max-width:80%;font-size:15px;line-height:1.5;word-break:break-word;box-shadow:0 1px 3px #2563eb4d}.event-user-meta{font-size:12px;color:var(--text-muted);margin-top:3px;padding-right:4px}.event-prose{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin:8px 0}.event-prose-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;color:var(--text-muted)}.event-prose-body p{margin:0 0 6px;font-size:15px;color:var(--text-primary);line-height:1.55}.event-prose-body p:last-child{margin-bottom:0}.event-thought{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--text-muted);border-left:2px solid var(--border);padding:4px 0 4px 8px;margin:4px 0}.event-thought-label{font-style:italic;opacity:.7}.event-thought-text{width:100%;font-size:13px;color:var(--text-muted);font-style:italic;line-height:1.4;margin-top:2px}.event-artifact{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--green-dim);border:1px solid var(--green);border-radius:6px;font-size:13px;margin:4px 0}.event-artifact-icon{font-size:15px}.event-artifact-name{font-family:var(--font-mono);color:var(--green);font-weight:600;flex:1}.event-verdict{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;padding:6px 8px;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--border);font-size:13px;margin:4px 0}.event-verdict.veto{border-color:var(--red);background:var(--red-dim)}.event-verdict.pass{border-color:var(--green);background:var(--green-dim)}.event-verdict-badge{font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;padding:1px 5px;border-radius:3px;background:var(--bg-card);border:1px solid var(--border)}.event-verdict-summary{width:100%;font-size:13px;color:var(--text-secondary);line-height:1.4;margin-top:2px}.event-system{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);padding:3px 0;margin:2px 0}.event-system-icon{font-size:14px}.event-system-text{flex:1}.event-tool{margin:3px 0;border-radius:4px;border:1px solid var(--border);overflow:hidden}.event-tool.failed{border-color:var(--red)}.event-tool-summary{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:13px;color:var(--text-muted);cursor:pointer;list-style:none;background:var(--bg-elevated)}.event-tool-summary::-webkit-details-marker{display:none}.event-tool-name{font-family:var(--font-mono);font-size:12px;background:var(--bg-card);padding:1px 5px;border-radius:3px;border:1px solid var(--border);flex:1}.event-tool-fail{color:var(--red);font-weight:600;font-size:12px}.event-tool-preview{padding:6px 8px;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);background:var(--bg-card);white-space:pre-wrap;word-break:break-all;border-top:1px solid var(--border)}.event-misc{margin:2px 0}.event-misc-summary{display:flex;align-items:center;gap:6px;padding:3px 6px;font-size:13px;color:var(--text-muted);cursor:pointer;list-style:none}.event-misc-summary::-webkit-details-marker{display:none}.event-misc-type{font-size:12px;text-transform:capitalize;flex:1}.swarm-picker{position:relative;flex-shrink:0}.swarm-btn{display:flex;flex-direction:column;align-items:center;padding:4px 10px;border:1.5px solid currentColor;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;line-height:1.3;min-width:72px;transition:background .15s,opacity .15s}.swarm-btn:hover{background:#f8fafc}.swarm-btn-label{font-weight:700;font-size:13px;letter-spacing:.03em}.swarm-btn-count{font-size:12px;opacity:.75}.swarm-panel{position:absolute;top:calc(100% + 6px);right:0;width:340px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:9000;padding:12px}.swarm-panel-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.swarm-option{display:block;width:100%;text-align:left;padding:10px 12px;margin-bottom:4px;border:1.5px solid #e2e8f0;border-left:4px solid transparent;border-radius:6px;background:#fff;cursor:pointer;transition:background .12s,border-color .12s}.swarm-option:hover{background:#f8fafc}.swarm-option.selected{background:#f0f4ff}.swarm-option-header{display:flex;align-items:center;gap:8px;margin-bottom:3px}.swarm-option-label{font-weight:700;font-size:15px}.swarm-option-count{font-size:13px;color:#64748b}.swarm-option-default{font-size:12px;background:#e0e7ff;color:#4338ca;padding:1px 6px;border-radius:10px;font-weight:600;margin-left:auto}.swarm-option-desc{font-size:14px;color:#374151;margin-bottom:2px}.swarm-option-use{font-size:13px;color:#94a3b8;font-style:italic}.swarm-summary-bar{margin-top:6px;padding:5px 12px;background:#f8fafc;border-left:3px solid #6366f1;border-radius:0 4px 4px 0;font-size:14px;color:#374151;display:flex;gap:8px;align-items:center}.task-card--stalled{opacity:.55;border-left:3px solid #94a3b8!important;background:#f8fafc!important}.task-card--stalled .task-card-intent{color:#94a3b8}.task-stalled-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:10px;font-size:12px;font-weight:700;background:#f1f5f9;color:#64748b;border:1px solid #cbd5e1}.task-card--executing{border-left:3px solid #3b82f6;animation:pulse-blue 2s ease-in-out infinite}@keyframes pulse-blue{0%,to{box-shadow:0 0 #3b82f626}50%{box-shadow:0 0 0 4px #3b82f626}}.memory-panel{margin:12px 0 0;border:1px solid var(--border);border-radius:8px;overflow-y:auto;background:#fafafa;flex-shrink:0}.memory-panel-header{display:flex;align-items:baseline;gap:8px;padding:10px 14px 8px;border-bottom:1px solid var(--border);background:#fff}.memory-panel-title{font-size:15px;font-weight:600;color:var(--text)}.memory-panel-hint{font-size:13px;color:var(--text-muted)}.upload-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:20px 16px;margin:10px;border:2px dashed var(--border);border-radius:6px;cursor:pointer;transition:all .15s;background:#fff;min-height:80px;-webkit-user-select:none;user-select:none}.upload-drop-zone:hover,.upload-drop-zone:focus{border-color:var(--indigo, #4f46e5);background:#f5f3ff;outline:none}.upload-drop-zone.dragging{border-color:var(--indigo, #4f46e5);background:#ede9fe;transform:scale(1.01)}.upload-drop-zone.uploading{border-color:#a5b4fc;background:#eef2ff;cursor:wait}.upload-zone-icon{font-size:24px;color:var(--indigo, #4f46e5);opacity:.7}.upload-zone-text{font-size:15px;font-weight:500;color:var(--text)}.upload-zone-sub{font-size:13px;color:var(--text-muted)}.upload-status{margin:0 10px 8px;padding:7px 12px;border-radius:5px;font-size:14px;font-weight:500}.upload-status.ok{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.upload-status.err{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.memory-file-list{list-style:none;margin:0;padding:0 10px 8px}.memory-file-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;font-size:14px}.memory-file-item:hover{background:#f0f0f0}.memory-file-icon{font-size:16px;flex-shrink:0}.memory-file-name{flex:1;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memory-file-size{color:var(--text-muted);font-size:13px;flex-shrink:0}.memory-empty{margin:0;padding:8px 14px 12px;font-size:14px;color:var(--text-muted);line-height:1.5}.pasted-images-row{display:flex;align-items:center;gap:8px;padding:6px 12px;flex-wrap:wrap;border-top:1px solid rgba(59,130,246,.15);background:#3b82f60a}.pasted-image-chip{display:flex;align-items:center;gap:6px;background:#1e293bcc;border:1px solid rgba(59,130,246,.3);border-radius:6px;padding:4px 8px;font-size:13px;color:#94a3b8}.pasted-image-thumb{width:32px;height:32px;object-fit:cover;border-radius:3px;border:1px solid rgba(255,255,255,.1)}.pasted-image-label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd5e1}.pasted-image-remove{background:none;border:none;color:#64748b;cursor:pointer;padding:0 2px;font-size:14px;line-height:1}.pasted-image-remove:hover{color:#ef4444}.pasted-images-hint{font-size:12px;color:#475569;font-style:italic;margin-left:auto}.providers-btn{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#000!important;font-weight:700!important;border:none!important;padding:6px 14px!important}.providers-btn:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;transform:translateY(-1px)}.providers-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto}.providers-panel{background:#1a1a2e;border:1px solid #2d2d4e;border-radius:12px;width:100%;max-width:680px;padding:0;box-shadow:0 25px 60px #0009}.providers-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #2d2d4e}.providers-panel-header h2{margin:0;font-size:1.2rem;color:#f59e0b}.providers-panel-header .close-btn{background:none;border:none;color:#888;font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:4px}.providers-panel-header .close-btn:hover{color:#fff;background:#333}.providers-status-section,.providers-update-section,.providers-byok-section{padding:20px 24px;border-bottom:1px solid #2d2d4e}.providers-byok-section{border-bottom:none}.providers-status-section h3,.providers-update-section h3,.providers-byok-section h3{margin:0 0 14px;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:#888}.provider-status-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.provider-status-card{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;border:1px solid #2d2d4e;background:#12122a}.provider-status-card.configured{border-color:#22c55e33;background:#0d1f0d}.provider-status-card.missing{border-color:#ef444433;background:#1f0d0d}.provider-status-icon{font-size:1.1rem;font-weight:700;width:24px;text-align:center}.configured .provider-status-icon{color:#22c55e}.missing .provider-status-icon{color:#ef4444}.provider-status-info{flex:1}.provider-status-name{font-size:.9rem;font-weight:600;color:#e2e8f0}.provider-status-key{font-size:.75rem;color:#888;font-family:monospace;margin-top:2px}.provider-active-badge{font-size:.65rem;font-weight:700;letter-spacing:.1em;background:#f59e0b;color:#000;padding:2px 8px;border-radius:20px}.provider-routing-info{background:#12122a;border:1px solid #2d2d4e;border-radius:8px;padding:10px 14px;font-size:.82rem}.routing-label{color:#888;margin-right:8px}.routing-chain{color:#e2e8f0}.routing-note{color:#666;font-size:.75rem;margin-top:6px}.providers-update-note{font-size:.82rem;color:#888;margin:0 0 16px}.provider-key-row{margin-bottom:14px}.provider-key-label{display:block;font-size:.85rem;font-weight:600;color:#e2e8f0;margin-bottom:4px}.provider-key-desc{display:block;font-size:.75rem;color:#888;font-weight:400;margin-top:2px}.provider-key-input{width:100%;background:#0d0d1f;border:1px solid #2d2d4e;border-radius:6px;padding:8px 12px;color:#e2e8f0;font-family:monospace;font-size:.85rem;box-sizing:border-box}.provider-key-input:focus{outline:none;border-color:#f59e0b}.providers-save-msg{padding:10px 14px;border-radius:6px;font-size:.85rem;margin-bottom:12px}.providers-save-msg.success{background:#0d1f0d;border:1px solid #22c55e44;color:#22c55e}.providers-save-msg.error{background:#1f0d0d;border:1px solid #ef444444;color:#ef4444}.providers-save-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-weight:700;border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:.9rem;width:100%}.providers-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b)}.providers-save-btn:disabled{opacity:.5;cursor:not-allowed}.providers-byok-section p{font-size:.85rem;color:#aaa;margin:0 0 10px;line-height:1.6}.providers-byok-section ul{margin:0 0 10px;padding-left:20px}.providers-byok-section li{font-size:.82rem;color:#aaa;margin-bottom:4px}.providers-byok-section a{color:#f59e0b}.providers-byok-section strong{color:#e2e8f0}.providers-loading,.providers-error{padding:40px 24px;text-align:center;color:#888}.message-attach{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);padding:6px 10px;border-radius:4px;cursor:pointer;font-size:16px;flex-shrink:0;transition:border-color .15s,color .15s}.message-attach:hover{border-color:var(--accent);color:var(--accent)}.message-attach:disabled{opacity:.5;cursor:not-allowed}.upload-status-msg{font-size:13px;padding:4px 8px;border-radius:4px;margin:0 4px}.upload-status-msg.ok{color:#22c55e;background:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.upload-status-msg.err{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.vault-panel{margin:8px 0 0;border:1px solid var(--border);border-radius:8px;background:#fafafa;flex-shrink:0;overflow:hidden}.vault-panel-header{display:flex;align-items:center;gap:8px;padding:9px 14px 8px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff}.vault-panel-header:hover{background:#f5f5f5}.vault-panel-title{font-size:15px;font-weight:600;color:var(--text)}.vault-panel-hint{font-size:13px;color:var(--text-muted);flex:1}.vault-chevron{font-size:12px;color:var(--text-muted)}.vault-body{padding:8px 14px 12px}.vault-hint-text{font-size:13px;color:var(--text-muted);margin:0 0 8px;line-height:1.5}.secret-list{list-style:none;margin:0 0 8px;padding:0}.secret-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;background:#f0f0f0;margin-bottom:4px;font-size:14px}.secret-key{font-family:var(--font-mono);font-size:13px;font-weight:600;color:#4f46e5;background:#ede9fe;padding:2px 6px;border-radius:3px;flex-shrink:0}.secret-desc{flex:1;color:var(--text-muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secret-delete{background:none;border:none;cursor:pointer;color:#999;font-size:16px;line-height:1;padding:0 2px;flex-shrink:0}.secret-delete:hover{color:#e53e3e}.vault-empty{font-size:13px;color:var(--text-muted);margin:0 0 8px}.vault-add-btn{font-size:14px;color:#4f46e5;background:none;border:1px dashed #c4b5fd;border-radius:4px;padding:5px 12px;cursor:pointer;width:100%;text-align:center}.vault-add-btn:hover{background:#ede9fe}.vault-add-form{display:flex;flex-direction:column;gap:6px}.vault-input{font-size:14px;padding:6px 8px;border:1px solid var(--border);border-radius:4px;background:#fff;color:var(--text);width:100%;box-sizing:border-box}.vault-input:focus{outline:none;border-color:#4f46e5}.vault-form-actions{display:flex;gap:6px}.vault-save-btn{flex:1;font-size:14px;font-weight:600;padding:6px;background:#4f46e5;color:#fff;border:none;border-radius:4px;cursor:pointer}.vault-save-btn:disabled{opacity:.5;cursor:not-allowed}.vault-save-btn:hover:not(:disabled){background:#4338ca}.vault-cancel-btn{font-size:14px;padding:6px 10px;background:#f0f0f0;border:none;border-radius:4px;cursor:pointer;color:var(--text)}.vault-cancel-btn:hover{background:#e0e0e0}.memory-file-delete{background:none;border:none;cursor:pointer;color:transparent;font-size:16px;line-height:1;padding:0 2px;flex-shrink:0;transition:color .15s}.memory-file-item:hover .memory-file-delete{color:#999}.memory-file-delete:hover{color:#e53e3e!important}.providers-switcher-section{padding:16px 20px;border-bottom:1px solid var(--border)}.providers-switcher-section h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 6px}.providers-switcher-note{font-size:14px;color:var(--text-muted);margin:0 0 12px}.providers-switch-msg{font-size:14px;padding:6px 10px;border-radius:6px;margin-bottom:10px}.providers-switch-msg.success{background:#d1fae5;color:#065f46}.providers-switch-msg.error{background:#fee2e2;color:#991b1b}.provider-switcher-grid{display:flex;gap:10px}.provider-switch-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:2px solid var(--border);border-radius:10px;background:var(--bg-secondary);cursor:pointer;transition:all .15s;font-family:inherit;min-width:0}.provider-switch-btn:hover:not(:disabled){border-color:var(--accent);background:var(--bg-hover);transform:translateY(-1px)}.provider-switch-btn.active{border-color:#10b981;background:#d1fae5}.provider-switch-btn.unconfigured{opacity:.45;cursor:not-allowed}.provider-switch-btn:disabled{cursor:not-allowed}.psb-icon{font-size:24px}.psb-name{font-size:14px;font-weight:600;color:var(--text-primary)}.psb-active-badge{font-size:12px;font-weight:700;color:#065f46;letter-spacing:.05em}.psb-unconfigured-badge{font-size:12px;color:var(--text-muted)}.psb-switching{font-size:12px;color:var(--accent)}.status-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:8px;flex-shrink:0;animation:banner-slide-in .3s ease-out}@keyframes banner-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.status-banner--waiting{background:#fef3c7;border:2px solid #f59e0b;color:#92400e}.status-banner--stale{background:#ffedd5;border:2px solid #ea580c;color:#9a3412}.status-banner-icon{font-size:24px;flex-shrink:0;line-height:1}.status-banner-content{flex:1;min-width:0}.status-banner-title{font-weight:700;font-size:16px;line-height:1.3;margin-bottom:2px}.status-banner-text{font-size:14px;line-height:1.45;opacity:.85}.status-banner-action{flex-shrink:0;display:flex;align-items:center}.status-banner-hint{font-size:13px;font-weight:600;white-space:nowrap;opacity:.7}.ai-spinner{display:inline-block;width:14px;height:14px;border:2px solid #c7d2fe;border-top-color:#4f46e5;border-radius:50%;animation:ai-spin .8s linear infinite;flex-shrink:0}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-working-indicator{display:inline-flex;align-items:center;gap:6px;background:#e0e7ff;color:#4338ca;border:1px solid #c7d2fe;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600;animation:working-pulse 2s ease-in-out infinite}@keyframes working-pulse{0%,to{opacity:1}50%{opacity:.7}}.ai-working-text{font-size:12px}.ai-waiting-indicator{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#92400e;border:1px solid #f59e0b;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600}.ai-waiting-dot{display:inline-block;width:8px;height:8px;background:#f59e0b;border-radius:50%;animation:waiting-blink 1.5s ease-in-out infinite;flex-shrink:0}@keyframes waiting-blink{0%,to{opacity:1}50%{opacity:.3}}.ai-waiting-text{font-size:12px}.ai-stale-indicator{display:inline-flex;align-items:center;gap:4px;background:#ffedd5;color:#9a3412;border:1px solid #ea580c;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600}.ai-done-indicator{font-size:12px;font-weight:600;color:var(--text-muted)}.panel-header-status{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:8px}.events-bottom-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;margin:12px 4px 4px;border-radius:8px;font-size:14px;font-weight:600;animation:banner-slide-in .3s ease-out}.events-bottom-status--working{background:#e0e7ff;color:#4338ca;border:1px solid #c7d2fe}.events-bottom-status--waiting{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.events-bottom-status--stale{background:#ffedd5;color:#9a3412;border:1px solid #ea580c}.events-bottom-status--terminal.done{background:var(--green-dim);color:var(--green);border:1px solid var(--green)}.events-bottom-status--terminal.failed{background:var(--red-dim);color:var(--red);border:1px solid var(--red)}.event-prose--waiting{border-color:#f59e0b;border-width:2px;background:#fffbeb}.event-waiting-badge{display:inline-flex;align-items:center;gap:4px;background:#fef3c7;color:#92400e;border:1px solid #f59e0b;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700;white-space:nowrap}.message-box-wrapper--highlighted{background:#fffbeb;border-top:2px solid #f59e0b}.message-box-wrapper--highlighted .message-box-label{color:#92400e;font-weight:600}.message-box-wrapper--highlighted .message-input{border-color:#f59e0b}.message-box-wrapper--highlighted .message-input::placeholder{color:#b45309}.event-model-badge{font-family:var(--font-mono);font-size:12px;font-weight:600;color:#6366f1;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:3px;padding:1px 5px;letter-spacing:.3px;flex-shrink:0}.global-vault-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:14px;font-family:var(--font-mono);transition:all .15s;margin-left:6px}.global-vault-btn:hover{background:var(--bg-elevated);border-color:#f59e0b;color:#d97706}.global-vault-panel{max-width:520px;max-height:80vh;overflow-y:auto}.global-vault-panel .providers-panel-header{background:#f8f9fa;border-bottom:1px solid var(--border);padding:16px 20px}.global-vault-panel .providers-panel-header h2{font-size:17px;font-weight:600}.global-vault-panel .vault-hint-text{padding:12px 20px 0;color:var(--text-secondary)}.global-vault-panel .secret-list,.global-vault-panel .vault-empty,.global-vault-panel .vault-add-btn,.global-vault-panel .vault-add-form,.global-vault-panel .upload-status{margin:0 20px}.global-vault-panel .vault-add-btn{margin:12px 20px 16px;display:block}.cred-card-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.cred-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:10px 12px}.cred-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cred-card-name{font-weight:600;font-size:15px;color:#1a1a2e}.cred-card-actions{display:flex;gap:4px}.cred-edit-btn,.cred-delete-btn{background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:4px;font-size:14px;line-height:1}.cred-edit-btn{color:#4a6fa5}.cred-edit-btn:hover{background:#e8f0fe}.cred-delete-btn{color:#c0392b;font-size:16px}.cred-delete-btn:hover{background:#fde8e8}.cred-card-row{display:flex;align-items:baseline;gap:8px;font-size:14px;padding:2px 0;border-top:1px solid #eee}.cred-label{min-width:72px;color:#6c757d;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.cred-value{color:#333;word-break:break-all}.cred-link{color:#4a6fa5;text-decoration:none}.cred-link:hover{text-decoration:underline}.cred-password{display:flex;align-items:center;gap:8px;font-family:monospace}.cred-reveal-btn{background:none;border:1px solid #ccc;border-radius:3px;cursor:pointer;font-size:12px;padding:1px 5px;color:#555}.cred-reveal-btn:hover{background:#f0f0f0}.cred-notes-row{align-items:flex-start}.cred-notes{white-space:pre-wrap;color:#555}.cred-form{padding:12px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px}.cred-form-title{font-weight:600;font-size:15px;margin-bottom:10px;color:#1a1a2e}.cred-form-row{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.cred-form-row label{font-size:13px;font-weight:500;color:#555;text-transform:uppercase;letter-spacing:.03em}.cred-required{color:#c0392b}.vault-textarea{resize:vertical;min-height:48px;font-family:inherit;font-size:15px}.project-item{position:relative}.project-actions{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0}.proj-action-btn{background:none;border:none;cursor:pointer;font-size:13px;padding:1px 3px;border-radius:3px;opacity:.7;line-height:1}.proj-action-btn:hover{opacity:1;background:#00000014}.proj-action-delete:hover{background:#dc32321f}.proj-confirm-text{font-size:11px;color:#c0392b;font-weight:600;margin-right:2px}.archived-toggle{padding:6px 12px;font-size:12px;color:#888;cursor:pointer;-webkit-user-select:none;user-select:none;border-top:1px solid #eee;margin-top:4px}.archived-toggle:hover{color:#555}.archived-list{opacity:.7}.project-item-archived .project-name{text-decoration:line-through;color:#999}.project-item-empty{padding:6px 12px;font-size:12px;color:#bbb;list-style:none}.md-content p{margin:.3em 0}.md-content p:first-child{margin-top:0}.md-content p:last-child{margin-bottom:0}.md-content ul,.md-content ol{margin:.4em 0 .4em 1.4em;padding:0}.md-content li{margin:.15em 0}.md-content strong{font-weight:700}.md-content em{font-style:italic}.md-content code{font-family:monospace;background:#0000000f;padding:1px 4px;border-radius:3px;font-size:.88em}.md-content pre{background:#1e1e2e;color:#cdd6f4;padding:10px 14px;border-radius:6px;overflow-x:auto;margin:.5em 0}.md-content pre code{background:none;padding:0;color:inherit;font-size:.85em}.md-content h1,.md-content h2,.md-content h3{font-weight:700;margin:.6em 0 .3em}.md-content h1{font-size:1.2em}.md-content h2{font-size:1.1em}.md-content h3{font-size:1em}.md-content blockquote{border-left:3px solid #ccc;margin:.4em 0 .4em .5em;padding:0 0 0 .8em;color:#666}.md-content hr{border:none;border-top:1px solid #e0e0e0;margin:.5em 0}.md-content a{color:#4a6cf7;text-decoration:underline}.contract-rendered{overflow-y:auto;padding:14px 16px;font-size:14px;line-height:1.6;white-space:normal;cursor:default;background:#fafafa}html,body,#root{width:100%;min-height:100%}@media (min-width: 1400px){.task-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}@media (max-width: 1100px){.task-grid{grid-template-columns:1fr}.app-header{padding:0 12px}.nav-btn{padding:5px 10px;font-size:13px}.logo-text{font-size:14px}.logo-sub{display:none}}@media (max-width: 900px){.app-sidebar{width:180px}.app-main{padding:10px;gap:8px}.task-card{padding:10px}.detail-header{flex-wrap:wrap;gap:6px}}@media (max-width: 768px){.app-sidebar{display:block!important;position:fixed;top:0;left:0;height:100vh;width:260px;z-index:1000;transform:translate(-100%);transition:transform .25s ease;box-shadow:4px 0 20px #00000026}.app-sidebar.sidebar-closed{display:block!important;transform:translate(-100%)}.app-sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop.visible{display:block}.app-body{flex-direction:column}.app-main{width:100%;padding:8px}.logo-sub{display:none}.app-header{padding:0 10px;height:auto;min-height:48px;flex-wrap:wrap;gap:4px}.header-left{flex:0 0 auto}.header-center{gap:6px;order:3;flex:1 0 100%;justify-content:center}.header-right{flex:1 0 auto;justify-content:flex-end}.header-status{font-size:11px}.nav-btn{padding:4px 8px;font-size:12px}.cost-bar-wrap{display:none}.task-grid{grid-template-columns:1fr}.command-input-row{flex-wrap:wrap;gap:6px}.command-actions{flex-wrap:wrap;gap:4px}.detail-body{flex-direction:column!important}.output-panel,.events-panel{width:100%!important;min-width:unset!important;max-width:unset!important}.detail-columns{grid-template-columns:1fr}.status-banner-hint{font-size:12px}.memory-panel,.vault-panel{width:100%}.providers-panel-overlay{padding:0}.providers-panel,.global-vault-panel{width:100%!important;max-width:100%!important;height:100vh;border-radius:0}}@media (max-width: 480px){.app-header{height:auto;min-height:44px;padding:6px 8px;flex-wrap:wrap;gap:4px}.logo-text,.logo-sub,.breadcrumb{display:none}.nav-btn{font-size:0;padding:6px 10px;min-height:36px}.nav-btn:first-letter{font-size:16px}.header-right{gap:4px}.version-badge{display:none}.header-status{font-size:10px}.task-card{padding:12px;max-height:none}.command-input-row input{font-size:15px;padding:10px 12px}.plan-btn{min-height:40px;padding:0 16px;font-size:14px}.swarm-btn{font-size:12px;padding:4px 8px}.task-status{font-size:10px;padding:2px 5px}.detail-header{flex-direction:column;align-items:flex-start;gap:6px;padding:8px}.event-row{padding:6px 8px}.event-header{flex-wrap:wrap;gap:4px}.cost-bar-wrap{display:none}.status-banner{padding:10px 12px;gap:8px}.status-banner-icon{font-size:20px}.status-banner-title{font-size:14px}.status-banner-text{font-size:13px}.status-banner-hint{display:none}.panel-header-status{gap:4px}.ai-working-text,.ai-waiting-text{display:none}.events-bottom-status{font-size:13px;padding:10px 12px}}.task-detail--chat-layout{display:flex;flex-direction:column;height:100%;gap:0}.detail-topbar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px 8px 0 0;flex-shrink:0;min-height:48px}.detail-topbar-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.detail-intent-text{font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.detail-topbar-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detail-topbar-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.canvas-toggle-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);padding:5px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-family:var(--font-mono);font-weight:600;transition:all .15s;white-space:nowrap}.canvas-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.canvas-toggle-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.detail-body{display:flex;flex:1;min-height:0;overflow:hidden;border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px}.chat-panel{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-surface)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid var(--border);flex-shrink:0;min-height:36px}.chat-header-title{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--text-muted);text-transform:uppercase}.chat-header-status{display:flex;align-items:center;gap:8px}.canvas-panel{width:420px;min-width:320px;max-width:50%;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--bg-base);animation:canvas-slide-in .2s ease-out}@keyframes canvas-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.canvas-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-surface)}.canvas-header-title{font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.5px;color:var(--text-secondary)}.canvas-close-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s}.canvas-close-btn:hover{border-color:var(--red);color:var(--red);background:var(--red-dim)}.canvas-body{flex:1;overflow-y:auto;padding:12px}.canvas-content{font-size:14px;line-height:1.6;color:var(--text-primary)}.canvas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;text-align:center}.canvas-empty-icon{font-size:36px;opacity:.4}.canvas-empty-text{font-size:14px;color:var(--text-muted);max-width:240px}.canvas-actions{padding:10px 12px;border-top:1px solid var(--border);background:var(--bg-surface);display:flex;gap:8px;align-items:center;flex-shrink:0}.event-autoexec-badge{display:inline-flex;align-items:center;gap:4px;background:#e0e7ff;color:#4338ca;border:1px solid #c7d2fe;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700;white-space:nowrap}.event-prose--auto-exec{border-color:#6366f1;border-width:2px;background:#eef2ff}.event-system--autoexec{background:#e0e7ff;border:1px solid #c7d2fe;border-radius:6px;padding:6px 10px;color:#4338ca;font-weight:600}.event-system--autoexec .event-system-icon{font-size:16px}@media (max-width: 900px){.canvas-panel{width:320px;min-width:260px}}@media (max-width: 768px){.detail-body{flex-direction:column!important}.canvas-panel{width:100%!important;max-width:100%!important;min-width:unset!important;border-left:none;border-top:1px solid var(--border);max-height:40vh;animation:canvas-slide-up .2s ease-out}@keyframes canvas-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detail-topbar{flex-wrap:wrap;gap:6px;padding:6px 10px}.detail-intent-text{font-size:14px}.detail-topbar-meta{gap:4px}.canvas-toggle-btn{font-size:12px;padding:4px 8px}}@media (max-width: 480px){.detail-topbar{padding:6px 8px;gap:4px}.detail-intent-text{font-size:13px}.detail-topbar-meta{gap:3px;font-size:11px}.detail-topbar-actions{flex:0 0 auto}.canvas-toggle-btn{font-size:11px;padding:3px 6px}.canvas-panel{max-height:35vh}.chat-header{padding:4px 8px}.chat-header-title{font-size:11px}}.chat-panel{position:relative}.scroll-to-bottom-btn{position:absolute;bottom:110px;right:20px;z-index:100;width:40px;height:40px;border-radius:50%;background:var(--bg-surface);border:1.5px solid var(--border);color:var(--text-secondary);font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001f,0 1px 3px #00000014;transition:all .2s ease;animation:scroll-btn-appear .2s ease-out}.scroll-to-bottom-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px #4f46e54d;transform:translateY(-2px)}.scroll-to-bottom-btn:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}@keyframes scroll-btn-appear{0%{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-loading-indicator{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border);font-size:.72rem;color:var(--text-muted);letter-spacing:.04em}.ai-loading-text{font-weight:500}.events-bottom-status--loading{color:var(--text-muted);border-color:var(--border);background:var(--bg-elevated)}
