/* Beautiful UI, MIT (c) 2026 Shane Levine. React/Tailwind primitives adapted
   to native HTML: TaskRows, ThinkingState, ToolChips, ApprovalCard, PromptBar.
   Foundation colors, icon geometry, dimensions and motion follow upstream.
   Source and license: vendor/beautiful-ui/THIRD_PARTY.md. */
:root{--bui-inset:oklch(.979 .002 247.839);--bui-hover:oklch(.97 .002 247.839);--bui-field:oklch(.961 .001 286.375);--bui-green:oklch(.603 .155 150.883);--bui-green-tint:oklch(.958 .017 159.118);--bui-shadow:0 0 0 1px var(--line),0 1px 3px #10182808;--bui-ease:cubic-bezier(.23,1,.32,1)}
@media(prefers-color-scheme:dark){:root{--bui-inset:#202b3b;--bui-hover:#283445;--bui-field:#29374a;--bui-green:#7fd0a5;--bui-green-tint:#1b2f26}}
button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.workspace-switcher{min-width:0;max-width:380px;position:relative;border-left:1px solid var(--line);padding-left:12px}
.workspace-switcher>summary{display:flex;align-items:center;gap:9px;padding:4px 8px;border-radius:6px;font-size:11px;cursor:pointer;list-style:none;min-width:0}
.workspace-switcher summary::-webkit-details-marker{display:none}.workspace-switcher>summary:hover,.workspace-switcher[open]>summary{background:var(--bui-hover)}
.workspace-switcher>summary>span:first-child{color:var(--ink-3);white-space:nowrap}.workspace-switcher #fname{display:block;min-width:0;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:11px;font-weight:600}
.workspace-menu{position:absolute;top:calc(100% + 9px);left:0;width:min(370px,calc(100vw - 24px));padding:8px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-panel);border-radius:12px;z-index:70}
.workspace-search{display:block;padding:7px 7px 10px}.workspace-search>span{display:block;font-size:11px;color:var(--ink-3);margin-bottom:8px}.workspace-search input{width:100%;padding:8px 10px;background:var(--bui-inset);color:var(--ink);border:1px solid var(--line);border-radius:7px;font-size:12px}
#workspaceList{max-height:330px;overflow:auto}#workspaceList .thread-item{width:100%;margin:2px 0}#workspaceList .thread-copy b{font-size:12px}.new-contract{display:block;width:100%;margin-top:7px;border:0;border-top:1px solid var(--line);padding:12px 8px 5px;background:transparent;text-align:left;font-size:12px;color:var(--accent)}
.rail-head{padding-bottom:17px}.rail-head h2{font-size:15px;line-height:1.5;overflow-wrap:anywhere}.rail-head p{font-size:10px;margin-top:7px}.rail-section-head small{font-size:10px;color:var(--ink-3);padding-left:4px}.rail-caption{font-size:10px;color:var(--ink-3);padding:0 8px 8px}.rail-empty{font-size:11px;color:var(--ink-3);padding:5px 8px;line-height:1.7}
.rail-attachment{display:flex;gap:4px;align-items:center;border-radius:7px;padding:5px 3px;margin:2px 0}.rail-attachment:hover{background:var(--bui-hover)}.rail-attachment button{border:0;background:transparent;color:var(--ink-2);padding:4px}.rail-attachment>button:first-child{display:flex;align-items:center;gap:9px;flex:1;min-width:0;text-align:left}.rail-attachment svg{flex:none}.rail-attachment span{min-width:0;flex:1}.rail-attachment b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:500}.rail-attachment small{display:block;font:9px var(--mono);color:var(--ink-3);margin-top:3px}.rail-attachment>button:last-child{opacity:.6}.rail-attachment>button:last-child:hover{opacity:1;color:var(--crit)}
.pane-expand{margin-left:4px;flex:none;padding:5px!important}.pane-expand[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.pane-expand[aria-pressed=true] svg{transform:scale(.85)}
#skillActions{display:flex;flex-wrap:nowrap;overflow:auto;gap:5px;scrollbar-width:thin}#skillActions button{white-space:nowrap;flex:none;font-size:10px;background:transparent;border-color:var(--line);color:var(--ink-3);padding:5px 8px;border-radius:6px}#skillActions button:hover{background:var(--bui-hover);color:var(--ink)}
.prompt-card{border-radius:16px;box-shadow:var(--bui-shadow);border-color:transparent;padding-top:3px}.prompt-card:focus-within{border-color:var(--line-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 7%,transparent)}#selectedSkill{padding:8px 11px 0;max-width:100%}.composer-skill{display:inline-flex;align-items:center;gap:6px;max-width:100%;border:1px solid var(--line);background:var(--bui-inset);border-radius:7px;padding:5px 6px 5px 8px;color:var(--ink-2);font-size:11px}.composer-skill>svg{color:var(--agent);flex:none}.composer-skill b{font-weight:600;white-space:nowrap}.composer-skill small{font:10px var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-3)}.composer-skill button{display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--ink-3);width:21px;height:21px;flex:none;border-radius:4px}.composer-skill button:hover{background:var(--bui-hover);color:var(--ink)}#input{min-height:70px}#selectedSkill:not([hidden])+#input{min-height:58px}#composer{padding-top:8px}#sendBtn{width:30px;height:30px;font-size:20px}
#todos{padding:0 18px 8px;border:0;max-height:225px;flex:none;overflow:auto}#todos:empty{display:none}.bui-tasks{background:var(--surface);border-radius:12px;box-shadow:var(--bui-shadow);overflow:hidden}.bui-tasks>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:9px 12px;font-size:11px;color:var(--ink-2)}.bui-tasks summary::-webkit-details-marker{display:none}.bui-tasks summary>b{font-weight:600}.bui-tasks summary>span{margin-left:auto;font:10px var(--mono);color:var(--ink-3)}.bui-chevron{display:inline-flex;flex:none;transition:transform 200ms var(--bui-ease)}details[open]>summary>.bui-chevron{transform:rotate(180deg)}.bui-tasks ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.bui-tasks li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-bottom:1px solid var(--line);min-height:44px}.bui-tasks li:last-child{border:0}.bui-tasks li:hover{background:var(--bui-inset)}.bui-badge{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;background:var(--bui-green);color:white;border-radius:50%;flex:none}.bui-badge svg{stroke-width:3.5}.task-copy{min-width:0;flex:1;font-size:11px;color:var(--ink);overflow-wrap:anywhere}.task-status{padding:3px 7px;border-radius:20px;font-size:9px;white-space:nowrap;color:var(--ink-3);background:var(--bui-inset)}.task-status.completed{color:var(--bui-green);background:var(--bui-green-tint)}.task-status.interrupted{color:var(--warn);background:var(--warn-bg)}
.bui-ring{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;color:var(--ink-3)}.bui-ring>svg{position:absolute;inset:0}.bui-ring>span{position:relative;font:600 10px var(--sans)}.bui-spin{animation:bui-spin 1.1s linear infinite}.bui-thinking{display:flex;align-items:center;gap:10px;padding:6px 0 12px;color:var(--ink-3)}.bui-thinking>span{display:flex;flex-direction:column;gap:3px;min-width:0}.bui-thinking b{font-size:12px;font-weight:500}.bui-thinking small{font-size:10px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bui-shimmer{color:transparent;background:linear-gradient(90deg,var(--ink-3) 20%,var(--ink) 45%,var(--ink-3) 70%);background-size:200% 100%;background-clip:text;animation:bui-shimmer 2.5s linear infinite}
.chat-message.assistant .bui-tool{background:transparent;margin:2px 0;border:0;line-height:1.5}.bui-tool summary{display:flex;gap:7px;min-height:29px;padding:3px 2px;list-style:none;cursor:pointer}.bui-tool summary:after{display:none!important}.bui-tool .tool-glyph{display:flex;align-items:center;justify-content:center;width:16px;flex:none;color:var(--ink-3)}.bui-tool .tool-label{flex:none;color:var(--ink);font-size:11px;font-weight:500}.bui-tool .tool-chip{flex:1;min-width:0;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:var(--ink-3);background:var(--bui-field);padding:2px 6px;border-radius:5px;box-shadow:0 0 0 1px var(--line)}.bui-tool .tool-status{margin:0;font-size:9px;white-space:nowrap}.bui-tool .tool-status.completed{color:var(--bui-green)}.bui-tool .tool-status.error,.bui-tool .tool-status.interrupted{color:var(--crit)}.bui-tool .bui-chevron{color:var(--ink-3);opacity:.4}.bui-tool:hover .bui-chevron{opacity:1}.bui-tool .tool-detail{border-left:1px solid var(--line);margin:3px 0 7px 9px;padding:5px 12px;max-height:140px;overflow:auto}.chat-message .byline{font-size:10px}.chat-message.user{border-radius:14px;background:var(--bui-inset)}
#pendingRequests{padding:8px 18px;border:0;max-height:42vh;flex:none}#pendingRequests .bui-approval{background:var(--surface);box-shadow:var(--bui-shadow);border-radius:14px;padding:16px;margin:0 0 8px;animation:bui-fade-up 260ms var(--bui-ease)}.approval-kicker{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--ink-3);margin-bottom:10px}.bui-approval h3,.bui-approval legend{font-size:13px;line-height:1.6;font-weight:600;color:var(--ink);margin-bottom:8px}.bui-approval fieldset{border:0;padding:0;margin:0 0 12px}.bui-approval .approval-options{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.bui-approval .approval-options label{display:flex;align-items:flex-start;gap:8px;border-radius:7px;padding:8px;margin:0;cursor:pointer}.approval-options label:hover,.approval-options label:has(input:checked){background:var(--bui-hover)}.approval-options input{accent-color:var(--ink);margin-top:3px;flex:none}.approval-options b{font-size:12px;font-weight:500;display:block}.approval-options small{display:block;font-size:10px;color:var(--ink-3);margin-top:3px}.bui-approval input[type=text]{background:var(--bui-inset);font-size:12px;color:var(--ink);border-color:var(--line)!important;border-radius:7px!important}.bui-approval footer{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:12px -16px -16px;padding:11px 16px;background:var(--bui-inset);border-top:1px solid var(--line);border-radius:0 0 14px 14px}.bui-approval footer>span{margin-right:auto;font-size:10px;color:var(--ink-3)}.bui-approval footer button{margin:0;padding:7px 10px;display:inline-flex;align-items:center;gap:5px;font-size:11px;background:var(--surface);color:var(--ink);border-radius:7px}.bui-approval button.approval-confirm{background:var(--ink);color:var(--surface);border-color:var(--ink)}.approval-scope{padding:9px 10px;margin-top:10px;background:var(--bui-inset);border:1px solid var(--line);border-radius:7px;font:11px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:110px;overflow:auto}.bui-approval p{font-size:12px;color:var(--ink-2)}
@keyframes bui-shimmer{from{background-position:150% center}to{background-position:-50% center}}@keyframes bui-spin{to{transform:rotate(360deg)}}@keyframes bui-fade-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.bui-spin,.bui-shimmer,.bui-approval{animation:none!important}.bui-shimmer{color:var(--ink-2);background:none}.bui-chevron{transition:none}}
@media(max-width:1020px){.workspace-switcher{max-width:45vw;padding-left:5px}.workspace-switcher #fname{max-width:20vw}.workspace-switcher>summary{gap:5px}.workspace-menu{position:fixed;left:12px;top:48px}#todos{padding:0 10px 7px}#pendingRequests{padding:7px 10px}.composer-skill small{display:none}.pane-title .pane-tools{margin-left:auto}}
@media(max-width:600px){header{gap:5px}header .brand-lockup h1{display:none}.workspace-switcher{border:0;max-width:calc(100vw - 235px)}.workspace-switcher #fname{display:none}.workspace-switcher>summary{padding:5px 2px}.pane-title{gap:5px}#artifactDownloads{gap:7px}.bui-tool .tool-chip{max-width:180px}#contextPane .pane-title b{font-size:12px}.task-copy{font-size:10px}}
/* Compact prompt/message surfaces, adapted from Beautiful UI PromptBar tokens. */
.model-picker{display:flex;align-items:center;gap:5px;min-width:0;margin-left:auto;font-size:10px;color:var(--ink-3)}.model-picker select{max-width:170px;min-width:85px;border:0;border-radius:6px;background:var(--bui-inset);padding:5px 22px 5px 7px;color:var(--ink-2);font-family:inherit;font-size:11px;cursor:pointer}.model-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.model-picker+#sendBtn{margin-left:0}
.source-mode{display:inline-flex;background:var(--bui-inset);border:1px solid var(--line);border-radius:7px;padding:3px;gap:2px}.source-mode button{border:0;background:transparent;color:var(--ink-3);border-radius:4px;padding:4px 11px;font-size:11px;line-height:1.4;font-weight:500;cursor:pointer}.source-mode button[aria-pressed=true]{background:var(--accent);color:white;box-shadow:0 1px 3px #0002;font-weight:600}.source-mode button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#messageHistory .chat-message.user{width:fit-content;max-width:88%;margin:4px 0 17px auto;padding:9px 13px;border:1px solid var(--line);border-radius:13px 13px 4px 13px;background:var(--bui-inset);font-size:13px;line-height:1.65;animation:none}#messageHistory .chat-message.user .byline{margin:0 0 3px;font-size:10px;line-height:1.4}.user-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65}.user-text+.user-text{margin-top:6px}.chat-message{animation:none}
.citation{display:inline-flex;align-items:baseline;gap:2px;vertical-align:baseline;max-width:100%;margin:0 2px;padding:1px 6px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);background:var(--accent-soft);border-radius:5px;color:var(--accent);font:11px/1.6 var(--sans);cursor:pointer;white-space:nowrap}.citation-name{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.citation:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,white)}.invalid-citation{font-size:11px;color:var(--ink-3);border-bottom:1px dashed currentColor}
.source-original-text .source-block{display:block;padding:3px 22px;border-bottom:0}.source-original-text .source-block small{display:none}.source-original-text .source-block span{white-space:pre-wrap;font-family:var(--sans)}
@media(max-width:600px){.model-picker>span{display:none}.model-picker select{max-width:135px}.source-mode button{padding:4px 8px}#messageHistory .chat-message.user{max-width:94%;padding:8px 11px}}
.message-skill{display:table;margin:1px 0 6px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:5px;background:var(--accent-soft);color:var(--accent);font:11px/1.6 var(--mono);overflow-wrap:anywhere}

#generationStatus{font-size:12px;color:var(--muted);padding:0 4px 7px;}
.approval-technical{margin:10px 0;font-size:12px;}
.approval-technical summary{cursor:pointer;color:var(--muted);}
.approval-technical pre{white-space:pre-wrap;overflow-wrap:anywhere;}

.compaction-record{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:8px 0}.compaction-record>summary{cursor:pointer;display:flex;align-items:center;gap:12px;list-style:disclosure-closed}.compaction-record>summary small{margin-left:auto;color:var(--muted)}.compaction-record[open]>summary{margin-bottom:10px}.compaction-record>.markdown{max-height:360px;overflow:auto}.chat-message.process .byline{color:var(--muted)}
.compaction-record>summary::before{content:'›';font-size:18px;line-height:1}.compaction-record[open]>summary::before{transform:rotate(90deg)}

.model-picker option:disabled{color:#9ca3af}

.task-panel{position:relative}.task-panel .bui-tasks summary{padding-right:40px}.tasks-dismiss{position:absolute;right:8px;top:8px;z-index:1;display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer}.tasks-recovery{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 12px;color:var(--muted);font-size:12px}.tasks-recovery button{flex:none}

.chat-message.assistant:has(+.chat-message.continuation){margin-bottom:0}

.chat-message .native-text{margin:0 0 10px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:inherit;color:inherit;background:transparent;border:0;padding:0}
.native-tool .tool-status{margin-left:auto}.bui-tool .native-tool-detail{max-height:420px;overflow:auto}.native-tool-detail section+section{margin-top:12px}.native-tool-detail b{display:block;font:600 11px var(--mono);color:var(--ink-3);margin-bottom:5px}.native-tool-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;font:11px/1.6 var(--mono)}
.native-tool>summary::before{content:'›';display:inline-block;flex:none;font-size:16px;line-height:1;color:var(--ink-3)}
.native-tool[open]>summary::before{transform:rotate(90deg)}

/* Conversation refinement: an editorial answer with a quiet execution ledger. */
#messageHistory{display:block;flex:none;min-width:0;padding:0}
#messageHistory>.chat-message.assistant{min-width:0;margin-bottom:26px;font-size:14px;line-height:1.9;color:var(--ink)}
#messageHistory>.chat-message.assistant.continuation{margin-top:0}
#messageHistory>.chat-message.assistant:has(+.chat-message.continuation){margin-bottom:0}
#messageHistory .chat-message.assistant>.byline{display:flex;align-items:center;gap:9px;min-height:24px;margin-bottom:13px;font:600 11px/1.4 var(--sans);letter-spacing:.01em;color:var(--ink-2)}
#messageHistory .chat-message.assistant>.byline::before{content:"";flex:none;width:22px;height:22px;border-radius:6px;background:var(--surface) url('/static/brand/openharvey.svg') center/22px no-repeat}
#messageHistory .answer-body{min-width:0;max-width:74ch;margin:8px 0 0;font-size:14px;line-height:1.95;overflow-wrap:anywhere}
#messageHistory .answer-final{padding-bottom:2px}
#messageHistory .answer-body .native-text{margin:0 0 14px;font:inherit;line-height:inherit;white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere}
#messageHistory .answer-streaming>.native-text:last-child::after{content:"";display:inline-block;width:3px;height:13px;margin-left:5px;vertical-align:-2px;border-radius:2px;background:var(--agent);opacity:.6}
#messageHistory .answer-body .markdown{font-size:inherit;line-height:inherit}
#messageHistory .answer-body .markdown>:first-child{margin-top:0}
#messageHistory .answer-body .markdown p{margin:0 0 13px}
#messageHistory .answer-body .markdown h1,#messageHistory .answer-body .markdown h2{margin:24px 0 11px;font-family:var(--serif);font-weight:650;line-height:1.5;letter-spacing:.015em;color:var(--ink)}
#messageHistory .answer-body .markdown h1{font-size:23px}
#messageHistory .answer-body .markdown h2{font-size:19px}
#messageHistory .answer-body .markdown h3,#messageHistory .answer-body .markdown h4{margin:20px 0 9px;font:650 15px/1.6 var(--sans);color:var(--ink)}
#messageHistory .answer-body .markdown strong{font-weight:650}
#messageHistory .answer-body .markdown ul,#messageHistory .answer-body .markdown ol{margin:10px 0 15px;padding-left:23px}
#messageHistory .answer-body .markdown li{padding-left:2px;margin:5px 0}
#messageHistory .answer-body .markdown blockquote{margin:14px 0;padding:10px 14px;border-left:2px solid var(--agent);border-radius:0 7px 7px 0;background:var(--bui-inset);color:var(--ink-2)}
#messageHistory .answer-body .answer-table-scroll{max-width:100%;margin:16px 0 20px;overflow-x:auto;scrollbar-width:thin;border:1px solid var(--line);border-radius:8px;overscroll-behavior-inline:contain}
#messageHistory .answer-body .markdown table{display:table;width:100%;max-width:none;margin:0;overflow:visible;border-collapse:separate;border-spacing:0;border:0;font-size:12px;line-height:1.75}
#messageHistory .answer-body .markdown th,#messageHistory .answer-body .markdown td{min-width:105px;padding:9px 11px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top;word-break:normal;overflow-wrap:anywhere}
#messageHistory .answer-body .markdown th{font-weight:600;background:var(--bui-inset);color:var(--ink-2)}
#messageHistory .answer-body .markdown tr:last-child>td{border-bottom:0}
#messageHistory .answer-body .markdown tr>:last-child{border-right:0}
#messageHistory .answer-body .markdown code{padding:2px 4px;border-radius:4px;background:var(--bui-inset);font:12px/1.7 var(--mono);overflow-wrap:anywhere}
#messageHistory .answer-body .markdown pre{max-width:100%;margin:14px 0 18px;padding:13px 15px;border:1px solid var(--line);border-radius:9px;background:var(--bui-inset);font:12px/1.75 var(--mono);white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;overflow-x:auto}
#messageHistory .answer-body .markdown pre code{padding:0;background:transparent;font:inherit}
#messageHistory .answer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:15px;padding-top:9px;border-top:1px solid var(--line);font:11px/1.5 var(--sans);color:var(--ink-3)}
#messageHistory .answer-complete{display:inline-flex;align-items:center;gap:6px}
#messageHistory .answer-complete svg{width:12px;height:12px;flex:none;color:var(--agent)}
#messageHistory .answer-footer button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:29px;padding:4px 7px;border:0;border-radius:5px;background:transparent;font:inherit;color:var(--ink-3);cursor:pointer;transition:color 160ms ease,background-color 160ms ease}
#messageHistory .answer-footer button:hover{background:var(--bui-hover);color:var(--ink)}
#messageHistory .answer-footer button svg{width:13px;height:13px;flex:none}

#messageHistory .agent-activity{min-width:0;margin:13px 0 20px;border:1px solid var(--line);border-radius:11px;background:var(--bui-inset);box-shadow:none;overflow:clip;transition:border-color 180ms ease,background-color 180ms ease}
#messageHistory .agent-activity>.activity-summary{display:flex;align-items:center;gap:8px;min-height:43px;padding:9px 12px;list-style:none;font:550 12px/1.5 var(--sans);color:var(--ink-2);cursor:pointer;transition:background-color 180ms ease,color 180ms ease}
#messageHistory .agent-activity>.activity-summary::-webkit-details-marker{display:none}
#messageHistory .agent-activity>.activity-summary::before{content:none}
#messageHistory .agent-activity>.activity-summary:hover{background:var(--bui-hover);color:var(--ink)}
#messageHistory .activity-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:none;color:var(--ink-3)}
#messageHistory .activity-icon.completed{color:var(--bui-green)}
#messageHistory .activity-icon.running{color:var(--accent)}
#messageHistory .activity-icon.error{color:var(--crit)}
#messageHistory .activity-title{min-width:0;font-weight:550}
#messageHistory .activity-summary>.bui-chevron{color:var(--ink-3);opacity:.6;transition:transform 180ms var(--bui-ease)}
#messageHistory .activity-count{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:20px;padding:0 6px;border:1px solid var(--line);border-radius:5px;background:var(--surface);font:10px/1 var(--mono);color:var(--ink-3)}
#messageHistory .activity-state{display:inline-flex;align-items:center;gap:5px;flex:none;margin-left:auto;font:10px/1.5 var(--sans);color:var(--ink-3);white-space:nowrap;transition:color 180ms ease}
#messageHistory .activity-state.running{color:var(--accent)}
#messageHistory .activity-state.error{color:var(--crit)}
#messageHistory .activity-tools{min-width:0;padding:3px 10px 7px;border-top:1px solid var(--line);background:var(--surface)}
#messageHistory .activity-tools>.chat-message{margin:0}
#messageHistory .agent-activity .bui-tool{margin:0;border:0;border-radius:0;background:transparent}
#messageHistory .agent-activity .bui-tool+.bui-tool{border-top:1px solid var(--line)}
#messageHistory .native-tool{min-width:0;margin:6px 0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);line-height:1.6}
#messageHistory .native-tool>summary{display:grid;grid-template-columns:25px minmax(0,1fr) auto auto 14px;align-items:center;gap:8px;min-height:42px;padding:8px 10px;list-style:none;border-radius:8px;font:12px/1.5 var(--sans);cursor:pointer;transition:background-color 180ms ease}
#messageHistory .native-tool>summary::before{content:none}
#messageHistory .native-tool>summary:hover{background:var(--bui-hover)}
#messageHistory .native-tool .tool-glyph{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;flex:none;border-radius:6px;background:var(--bui-inset);color:var(--ink-3);transition:background-color 180ms ease,color 180ms ease}
#messageHistory .native-tool .tool-glyph svg{width:14px;height:14px}
#messageHistory .native-tool .tool-glyph.running{background:var(--accent-soft);color:var(--accent)}
#messageHistory .native-tool .tool-glyph.error{background:var(--crit-bg);color:var(--crit)}
#messageHistory .native-tool .tool-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;color:var(--ink-2)}
#messageHistory .native-tool .tool-name{display:block;min-width:0;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11px/1.6 var(--mono);color:var(--ink-3)}
#messageHistory .native-tool .tool-meta{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:180px;overflow:hidden;white-space:nowrap;font:10px/1.6 var(--mono);color:var(--ink-3)}
#messageHistory .native-tool .tool-duration{flex:none;font-variant-numeric:tabular-nums}
#messageHistory .native-tool .tool-status{display:inline-flex;align-items:center;gap:4px;flex:none;margin-left:auto;padding:2px 7px;border-radius:5px;font:10px/1.5 var(--sans);color:var(--ink-3);background:var(--bui-inset);white-space:nowrap;transition:background-color 180ms ease,color 180ms ease}
#messageHistory .native-tool .tool-status.completed{background:var(--bui-green-tint);color:var(--bui-green)}
#messageHistory .native-tool .tool-status.running{background:var(--accent-soft);color:var(--accent)}
#messageHistory .native-tool .tool-status.error,#messageHistory .native-tool .tool-status.interrupted{background:var(--crit-bg);color:var(--crit)}
#messageHistory .native-tool .bui-chevron{flex:none;opacity:.6;color:var(--ink-3);transition:transform 180ms var(--bui-ease),opacity 180ms ease}
#messageHistory .native-tool[open]>summary>.bui-chevron{transform:rotate(180deg)}
#messageHistory .native-tool .native-tool-detail{max-height:400px;margin:2px 10px 12px 43px;padding:0;border:0;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
#messageHistory .native-tool-detail section{min-width:0;border:1px solid var(--line);border-radius:7px;overflow:clip;background:var(--bui-inset)}
#messageHistory .native-tool-detail section+section{margin-top:9px}
#messageHistory .native-tool-detail b{display:block;padding:7px 10px;margin:0;border-bottom:1px solid var(--line);font:550 10px/1.4 var(--mono);letter-spacing:.045em;color:var(--ink-3)}
#messageHistory .native-tool-detail pre{max-height:none;margin:0;padding:10px 11px;overflow:visible;background:transparent;font:11px/1.75 var(--mono);white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;color:var(--ink-2)}

@supports (interpolate-size:allow-keywords){
  @supports selector(details::details-content){
    #messageHistory .agent-activity::details-content,#messageHistory .native-tool::details-content{interpolate-size:allow-keywords;block-size:0;overflow:clip;transition:block-size 180ms var(--bui-ease),content-visibility 180ms allow-discrete}
    #messageHistory .agent-activity[open]::details-content,#messageHistory .native-tool[open]::details-content{block-size:auto}
  }
}
@media(max-width:600px){
  #messageHistory>.chat-message.assistant{font-size:14px;line-height:1.9;margin-bottom:23px}
  #messageHistory .chat-message.assistant>.byline{margin-bottom:11px;gap:8px}
  #messageHistory .answer-body{font-size:14px;line-height:1.95;max-width:100%}
  #messageHistory .answer-body .markdown h1{font-size:21px}
  #messageHistory .answer-body .markdown h2{font-size:18px}
  #messageHistory .agent-activity>.activity-summary{min-height:44px;padding:10px;gap:7px}
  #messageHistory .activity-tools{padding:2px 7px 5px}
  #messageHistory .native-tool>summary{grid-template-columns:25px minmax(0,1fr) auto 14px;column-gap:7px;row-gap:1px;min-height:48px;padding:8px 7px}
  #messageHistory .native-tool .tool-glyph{grid-column:1;grid-row:1/span 2}
  #messageHistory .native-tool .tool-label{grid-column:2;grid-row:1}
  #messageHistory .native-tool .tool-name{max-width:160px;font-size:10.5px}
  #messageHistory .native-tool .tool-meta{grid-column:2;grid-row:2;max-width:100%;font-size:10px;line-height:1.45}
  #messageHistory .native-tool .tool-status{grid-column:3;grid-row:1/span 2;padding:2px 5px;font-size:9px}
  #messageHistory .native-tool .bui-chevron{grid-column:4;grid-row:1/span 2}
  #messageHistory .native-tool .native-tool-detail{margin:2px 7px 10px;max-height:360px}
  #messageHistory .native-tool-detail pre{font-size:10.5px;padding:10px}
}
@media(prefers-reduced-motion:reduce){
  #messageHistory .agent-activity,#messageHistory .activity-summary,#messageHistory .activity-summary>.bui-chevron,#messageHistory .activity-state,#messageHistory .native-tool>summary,#messageHistory .native-tool .tool-glyph,#messageHistory .native-tool .tool-status,#messageHistory .native-tool .bui-chevron,#messageHistory .answer-footer button{transition:none}
  #messageHistory .agent-activity::details-content,#messageHistory .native-tool::details-content{transition:none}
}

/* Native source remains untouched; Markdown only changes its presentation. */
#messageHistory .answer-body .native-markdown{white-space:normal;word-break:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}