.agent-run-timeline-scope{--bg-surface: rgba(9, 12, 18, .72);--bg-secondary: rgba(17, 23, 34, .82);--bg-hover: rgba(255, 255, 255, .06);--bg-code: rgba(4, 7, 12, .95);--text-primary: #e5e7eb;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-dimmed: #64748b;--border-color: rgba(148, 163, 184, .22);--border-subtle: rgba(148, 163, 184, .14);--focus-border: #38bdf8;--error-color: #fb7185;--link-color: #7dd3fc;--timeline-dot-default: #94a3b8;--timeline-dot-tool: #34d399;--timeline-dot-error: #fb7185;--timeline-dot-warning: #fbbf24;--timeline-dot-working: #fb923c;--timeline-line-color: rgba(148, 163, 184, .22);--font-size-base: .9375rem;--font-size-sm: .8125rem;--font-size-xs: .75rem;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Consolas", monospace;--radius-sm: 4px;--radius-md: 8px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem}.agent-run-timeline-scope.light{--bg-surface: rgba(255, 255, 255, .92);--bg-secondary: rgba(248, 250, 252, .96);--bg-hover: rgba(15, 23, 42, .06);--bg-code: #f8fafc;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-dimmed: #94a3b8;--border-color: rgba(148, 163, 184, .35);--border-subtle: rgba(148, 163, 184, .22);--timeline-dot-default: #94a3b8;--timeline-dot-tool: #16a34a;--timeline-dot-error: #e11d48;--timeline-dot-warning: #d97706;--timeline-dot-working: #ea580c;--timeline-line-color: rgba(148, 163, 184, .35)}.agent-run-timeline-scope .assistant-turn{position:relative;padding-left:24px;min-width:0}.agent-run-timeline-scope .user-prompt-block{margin:4px 0 12px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-secondary);padding:.75rem .9rem}.agent-run-timeline-scope .user-prompt-content{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6;white-space:pre-wrap;word-break:break-word}.agent-run-timeline-scope .timeline-item{position:relative;margin:4px 0}.agent-run-timeline-scope .timeline-item:before{content:"";position:absolute;left:-11px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--timeline-dot-default)}.agent-run-timeline-scope .timeline-item:after{content:"";position:absolute;left:-8px;top:16px;bottom:-10px;width:1px;background:var(--timeline-line-color)}.agent-run-timeline-scope .assistant-turn>:last-child .timeline-item:after{display:none}.agent-run-timeline-scope .text-block.timeline-item:before,.agent-run-timeline-scope .thinking-block.timeline-item:before,.agent-run-timeline-scope .tool-row.timeline-item:before,.agent-run-timeline-scope .system-message.timeline-item:before,.agent-run-timeline-scope .subagent-notification.timeline-item:before{top:8px}.agent-run-timeline-scope .text-block.timeline-item:after,.agent-run-timeline-scope .thinking-block.timeline-item:after,.agent-run-timeline-scope .tool-row.timeline-item:after,.agent-run-timeline-scope .system-message.timeline-item:after,.agent-run-timeline-scope .subagent-notification.timeline-item:after{top:14px}.agent-run-timeline-scope .tool-row.status-pending.timeline-item:before{background:var(--timeline-dot-working);animation:pulse 1.5s ease-in-out infinite}.agent-run-timeline-scope .tool-row.status-complete.timeline-item:before{background:var(--timeline-dot-tool)}.agent-run-timeline-scope .tool-row.status-error.timeline-item:before{background:var(--timeline-dot-error)}.agent-run-timeline-scope .tool-row.status-aborted.timeline-item:before{background:var(--timeline-dot-warning)}.agent-run-timeline-scope .subagent-notification.timeline-item:before{background:#38bdf8}.agent-run-timeline-scope .system-message-error.timeline-item:before{background:var(--timeline-dot-error)}.agent-run-timeline-scope .code-block{background:var(--bg-code);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;overflow-x:auto;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.55;margin:.5rem 0;white-space:pre-wrap;word-break:break-word}.agent-run-timeline-scope .code-block-error{border-color:#fb718573;background:#7f1d1d2e}.agent-run-timeline-scope .text-block,.agent-run-timeline-scope .text-content{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.6;position:relative;min-width:0}.agent-run-timeline-scope .text-block p{margin:0 0 var(--space-2) 0;white-space:pre-wrap;word-break:break-word}.agent-run-timeline-scope .text-block p:last-child{margin-bottom:0}.agent-run-timeline-scope .text-block-copy{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease;z-index:2}.agent-run-timeline-scope .text-block:hover .text-block-copy,.agent-run-timeline-scope .text-block-copy:focus{opacity:1}.agent-run-timeline-scope .text-block-copy:hover{background:var(--bg-hover);color:var(--text-primary)}.agent-run-timeline-scope .text-block-copy.copied{opacity:1;color:#34d399}.agent-run-timeline-scope .text-block a,.agent-run-timeline-scope .tool-markdown-preview a{color:var(--link-color);text-decoration:none}.agent-run-timeline-scope .text-block a:hover,.agent-run-timeline-scope .tool-markdown-preview a:hover{text-decoration:underline}.agent-run-timeline-scope .text-block blockquote,.agent-run-timeline-scope .tool-markdown-preview blockquote{margin:var(--space-2) 0;padding-left:var(--space-3);border-left:3px solid var(--border-color);color:var(--text-muted)}.agent-run-timeline-scope .text-block h1,.agent-run-timeline-scope .text-block h2,.agent-run-timeline-scope .text-block h3,.agent-run-timeline-scope .text-block h4,.agent-run-timeline-scope .tool-markdown-preview h1,.agent-run-timeline-scope .tool-markdown-preview h2,.agent-run-timeline-scope .tool-markdown-preview h3,.agent-run-timeline-scope .tool-markdown-preview h4{margin:.75rem 0 .35rem;font-weight:700}.agent-run-timeline-scope .text-block ul,.agent-run-timeline-scope .text-block ol,.agent-run-timeline-scope .tool-markdown-preview ul,.agent-run-timeline-scope .tool-markdown-preview ol{padding-left:1.25rem;margin:.5rem 0}.agent-run-timeline-scope .text-block li,.agent-run-timeline-scope .tool-markdown-preview li{margin:.2rem 0}.agent-run-timeline-scope .thinking-block.collapsible{border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);overflow:hidden}.agent-run-timeline-scope .collapsible__summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:.5rem .75rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--text-secondary)}.agent-run-timeline-scope .collapsible__summary::-webkit-details-marker{display:none}.agent-run-timeline-scope .collapsible__icon{color:var(--text-dimmed);transition:transform .15s ease}.agent-run-timeline-scope details[open]>.collapsible__summary .collapsible__icon{transform:rotate(90deg)}.agent-run-timeline-scope .collapsible__content{border-top:1px solid var(--border-subtle);padding:.75rem;white-space:pre-wrap;word-break:break-word}.agent-run-timeline-scope .tool-row{position:relative}.agent-run-timeline-scope .tool-row-header{display:flex;align-items:center;gap:8px;min-height:20px;padding:2px 4px;cursor:pointer;border-radius:4px;border:none;background:transparent;width:100%;color:var(--text-primary);text-align:left}.agent-run-timeline-scope .tool-row-header:hover{background:var(--bg-hover)}.agent-run-timeline-scope .tool-spinner,.agent-run-timeline-scope .tool-aborted-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.agent-run-timeline-scope .spinner{animation:spin 1s linear infinite}.agent-run-timeline-scope .tool-name{flex-shrink:0;font-weight:600;font-size:var(--font-size-base)}.agent-run-timeline-scope .tool-summary{flex:1;min-width:0;color:var(--text-muted);font-size:var(--font-size-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-run-timeline-scope .expand-chevron{flex-shrink:0;color:var(--text-dimmed)}.agent-run-timeline-scope .tool-row-collapsed-preview{margin-left:24px;margin-top:4px}.agent-run-timeline-scope .tool-row-content{margin-left:24px;padding:8px;border-left:1px solid var(--border-color)}.agent-run-timeline-scope .tool-no-result{color:var(--text-muted);font-style:italic}.agent-run-timeline-scope .file-result,.agent-run-timeline-scope .task-result,.agent-run-timeline-scope .edit-change-list,.agent-run-timeline-scope .web-search-result,.agent-run-timeline-scope .tool-markdown-preview,.agent-run-timeline-scope .plan-list,.agent-run-timeline-scope .tool-section-copy{color:var(--text-secondary);font-size:var(--font-size-base)}.agent-run-timeline-scope .file-result-header,.agent-run-timeline-scope .task-result-row,.agent-run-timeline-scope .subagent-notification-header{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.5rem}.agent-run-timeline-scope .file-result-name,.agent-run-timeline-scope .edit-change-title{font-weight:600;color:var(--text-primary)}.agent-run-timeline-scope .file-result-meta,.agent-run-timeline-scope .web-search-result-url{color:var(--text-muted);font-size:var(--font-size-sm)}.agent-run-timeline-scope .web-search-result{display:flex;flex-direction:column;gap:.5rem}.agent-run-timeline-scope .web-search-result-item{display:flex;flex-direction:column;gap:.2rem;padding:.6rem .75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);text-decoration:none}.agent-run-timeline-scope .web-search-result-title{color:var(--text-primary);font-weight:600}.agent-run-timeline-scope .plan-list{display:flex;flex-direction:column;gap:.4rem}.agent-run-timeline-scope .plan-list-row{display:flex;gap:.6rem;align-items:flex-start}.agent-run-timeline-scope .plan-status{min-width:88px;text-transform:uppercase;letter-spacing:.04em;font-size:var(--font-size-xs);color:var(--text-muted)}.agent-run-timeline-scope .plan-status-completed{color:#34d399}.agent-run-timeline-scope .plan-status-in_progress,.agent-run-timeline-scope .plan-status-running,.agent-run-timeline-scope .plan-status-pending{color:#fbbf24}.agent-run-timeline-scope .plan-step{flex:1;min-width:0;white-space:pre-wrap;word-break:break-word}.agent-run-timeline-scope .badge{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .45rem;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);background:var(--bg-secondary);font-size:var(--font-size-xs);line-height:1}.agent-run-timeline-scope .system-message,.agent-run-timeline-scope .subagent-notification{display:flex;gap:.6rem;align-items:flex-start;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary)}.agent-run-timeline-scope .system-message.system-message-error{border-color:#fb718559;background:#7f1d1d24}.agent-run-timeline-scope .system-message-icon{flex-shrink:0;color:var(--text-dimmed);font-weight:700}.agent-run-timeline-scope .system-message-error .system-message-icon{color:var(--error-color)}.agent-run-timeline-scope .system-message-text,.agent-run-timeline-scope .subagent-notification-detail,.agent-run-timeline-scope .tool-section-copy{white-space:pre-wrap;word-break:break-word}.agent-run-timeline-scope .tool-diff-html .agent-run-diff-hunk{margin:.5rem 0}.agent-run-timeline-scope .tool-diff-html .agent-run-diff-pre{margin:0;padding:.75rem;background:var(--bg-code);border:1px solid var(--border-color);border-radius:6px;overflow-x:auto}.agent-run-timeline-scope .tool-diff-html .agent-run-diff-line{font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.55;white-space:pre-wrap;word-break:break-word}.agent-run-timeline-scope .tool-diff-html .agent-run-diff-line-added{color:#4ade80}.agent-run-timeline-scope .tool-diff-html .agent-run-diff-line-removed{color:#fb7185}.agent-run-timeline-scope .tool-diff-html .agent-run-diff-line-context{color:var(--text-secondary)}.agent-run-timeline-scope .tool-inline.timeline-item:before,.agent-run-timeline-scope .tool-inline.timeline-item:after{top:14px}.agent-run-timeline-scope .tool-row-header.non-expandable{cursor:default}.agent-run-timeline-scope .tool-row-header.non-expandable:hover{background:transparent}.agent-run-timeline-scope .tool-panel,.agent-run-timeline-scope .tool-preview-card,.agent-run-timeline-scope .tool-inline-card,.agent-run-timeline-scope .file-card,.agent-run-timeline-scope .tool-list-card{border:1px solid var(--border-color);border-radius:10px;background:var(--bg-secondary)}.agent-run-timeline-scope .tool-panel,.agent-run-timeline-scope .tool-inline-card,.agent-run-timeline-scope .file-card{padding:.75rem}.agent-run-timeline-scope .tool-preview-card{padding:.65rem .75rem}.agent-run-timeline-scope .tool-summary-row,.agent-run-timeline-scope .tool-inline-badges,.agent-run-timeline-scope .tool-inline-metrics,.agent-run-timeline-scope .tool-tab-row,.agent-run-timeline-scope .task-activity-header{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.agent-run-timeline-scope .tool-inline-header,.agent-run-timeline-scope .file-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.65rem}.agent-run-timeline-scope .tool-inline-title-group{display:flex;flex-direction:column;gap:.45rem;min-width:0;flex:1}.agent-run-timeline-scope .tool-inline-title,.agent-run-timeline-scope .file-card-title,.agent-run-timeline-scope .tool-preview-primary,.agent-run-timeline-scope .tool-list-card-title{color:var(--text-primary);font-weight:600;min-width:0;word-break:break-word}.agent-run-timeline-scope .tool-inline-copy,.agent-run-timeline-scope .task-activity-detail,.agent-run-timeline-scope .tool-preview-meta,.agent-run-timeline-scope .file-card-meta,.agent-run-timeline-scope .tool-link-list-meta,.agent-run-timeline-scope .tool-list-card-meta,.agent-run-timeline-scope .tool-empty-note,.agent-run-timeline-scope .tool-error-note{color:var(--text-muted);white-space:pre-wrap;word-break:break-word}.agent-run-timeline-scope .tool-inline-section+.tool-inline-section{margin-top:.75rem}.agent-run-timeline-scope .tool-section-title{margin-bottom:.4rem;color:var(--text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em}.agent-run-timeline-scope .tool-toggle-button,.agent-run-timeline-scope .tool-tab-button{border:1px solid var(--border-color);border-radius:999px;background:transparent;color:var(--text-secondary);padding:.3rem .65rem;font-size:var(--font-size-xs);cursor:pointer}.agent-run-timeline-scope .tool-toggle-button:hover,.agent-run-timeline-scope .tool-tab-button:hover,.agent-run-timeline-scope .tool-tab-button.active{background:var(--bg-hover);color:var(--text-primary)}.agent-run-timeline-scope .tool-source-panel{display:flex;flex-direction:column;gap:.65rem}.agent-run-timeline-scope .tool-markdown-preview,.agent-run-timeline-scope .tool-highlighted-source{border:1px solid var(--border-color);border-radius:8px;background:var(--bg-code);overflow:hidden}.agent-run-timeline-scope .tool-highlighted-source .shiki-container,.agent-run-timeline-scope .tool-markdown-preview{padding:.75rem}.agent-run-timeline-scope .tool-highlighted-source .shiki-container pre.shiki{margin:0;background:transparent!important;overflow-x:auto}.agent-run-timeline-scope .tool-highlighted-source .shiki-container code{font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.55}.agent-run-timeline-scope .tool-highlight-notice{padding:.5rem .75rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:var(--font-size-xs);background:#ffffff08}.agent-run-timeline-scope .tool-image-preview{display:block;width:100%;max-height:320px;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:#ffffff08}.agent-run-timeline-scope .tool-image-preview-small{max-height:160px}.agent-run-timeline-scope .tool-list-card{display:flex;flex-direction:column;gap:.5rem;padding:.65rem .75rem}.agent-run-timeline-scope .tool-list-card-row,.agent-run-timeline-scope .tool-change-card,.agent-run-timeline-scope .task-activity-row{display:flex;flex-direction:column;gap:.35rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.agent-run-timeline-scope .tool-list-card-row:last-child,.agent-run-timeline-scope .tool-change-card:last-child,.agent-run-timeline-scope .task-activity-row:last-child{padding-bottom:0;border-bottom:none}.agent-run-timeline-scope .tool-link-list{display:flex;flex-direction:column;gap:.5rem}.agent-run-timeline-scope .tool-link-list-item{display:flex;flex-direction:column;gap:.2rem;padding:.65rem .75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);text-decoration:none}.agent-run-timeline-scope .tool-link-list-title{color:var(--link-color);word-break:break-word}.agent-run-timeline-scope .tool-raw-details{margin-top:.75rem}.agent-run-timeline-scope .tool-raw-details summary{cursor:pointer;color:var(--text-muted);font-size:var(--font-size-xs);-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none}.agent-run-timeline-scope .tool-raw-details summary::-webkit-details-marker{display:none}.agent-run-timeline-scope .tool-raw-details[open] summary{margin-bottom:.45rem}.agent-run-timeline-scope .badge-tone-success{color:#34d399}.agent-run-timeline-scope .badge-tone-warning{color:#fbbf24}.agent-run-timeline-scope .badge-tone-error{color:#fb7185}.agent-run-timeline-scope .todo-list{display:flex;flex-direction:column;gap:.5rem}.agent-run-timeline-scope .todo-item{display:flex;align-items:flex-start;gap:.55rem}.agent-run-timeline-scope .todo-checkbox{width:1rem;color:var(--text-muted);line-height:1.2;flex-shrink:0}.agent-run-timeline-scope .todo-content{flex:1;min-width:0;white-space:pre-wrap;word-break:break-word}.agent-run-timeline-scope .todo-completed{color:var(--text-muted);text-decoration:line-through}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}