.ai-activity-note{color:var(--ui-muted);font-size:var(--ui-font-size-xs);font-weight:400;margin-left:6px}
.ai-panel{position:fixed;inset:0 0 0 auto;width:420px;max-width:100vw;z-index:80;background:var(--ui-surface);border-left:1px solid var(--ui-border);box-shadow:-6px 0 26px color-mix(in srgb, var(--ui-title) 4%, transparent);display:flex;flex-direction:column;color:var(--ui-title);font-size:var(--ui-font-size);min-height:0}
.ai-panel[hidden]{display:none}.ai-open #app{margin-right:420px}.ai-panel *{box-sizing:border-box}.ai-panel button{cursor:pointer}.ai-panel button:disabled{cursor:default;opacity:.55}
.ai-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--ui-border);background:var(--ui-surface);flex-shrink:0}
.ai-header>div{display:flex;align-items:center;gap:8px}.ai-header>div:first-child{align-items:flex-start;flex-direction:column;gap:2px}.ai-header strong{font-size:16px}.ai-header small{color:var(--ui-muted);font-size:var(--ui-font-size-xs)}.ai-header .icon-button{width:auto;min-width:32px;padding:4px;font-size:var(--ui-font-size-sm)}.ai-header [data-ai-close]{font-size:24px}
.ai-conversations{display:flex;align-items:center;gap:8px;padding:8px 18px;border-bottom:1px solid var(--ui-border)}.ai-conversations select{min-width:0;flex:1;font-size:var(--ui-font-size-sm);height:32px;padding:4px 26px 4px 8px}.ai-conversations button{flex-shrink:0}
.ai-transcript,.ai-settings-scroll{flex:1;overflow:auto;overscroll-behavior:contain;min-height:0;padding:18px}
.ai-welcome{padding:20px 0}.ai-welcome h3{font-size:19px;margin:0 0 10px}.ai-welcome p{line-height:1.7;color:var(--ui-muted)}.ai-suggestions{display:grid;gap:8px;margin-top:20px}.ai-suggestions button{background:var(--ui-surface);text-align:left;border:1px solid var(--ui-border);border-radius:6px;padding:10px 12px;font:inherit;color:var(--ui-brand)}.ai-suggestions button:hover{border-color:var(--ui-brand);background:var(--ui-brand-soft)}.ai-unavailable{border-left:3px solid var(--ui-warning-border);padding:8px 12px;background:var(--ui-warning-soft)}
.ai-message{margin:0 0 20px;min-width:0}.ai-message>strong{display:block;color:var(--ui-muted);font-size:var(--ui-font-size-xs);font-weight:500;margin-bottom:6px}.ai-message-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;color:var(--ui-title)}.ai-user .ai-message-content{padding:10px 12px;background:var(--ui-canvas);border-radius:7px}.ai-user>strong{text-align:right}
.ai-system-receipt{border-left:2px solid var(--ui-border);padding-left:12px}.ai-system-receipt>strong{color:var(--ui-text);font-weight:600}
.ai-markdown{white-space:normal;min-width:0}.ai-markdown>:first-child{margin-top:0}.ai-markdown>:last-child{margin-bottom:0}
.ai-markdown p{margin:8px 0}.ai-markdown h1,.ai-markdown h2,.ai-markdown h3,.ai-markdown h4,.ai-markdown h5,.ai-markdown h6{line-height:1.5;margin:16px 0 7px;font-weight:650;color:inherit}.ai-markdown h1{font-size:19px}.ai-markdown h2{font-size:17px}.ai-markdown h3{font-size:15px}.ai-markdown h4,.ai-markdown h5,.ai-markdown h6{font-size:var(--ui-font-size)}
.ai-markdown ul,.ai-markdown ol{margin:8px 0;padding-left:24px;list-style-position:outside}.ai-markdown li{margin:3px 0}.ai-markdown li>p{margin:4px 0}.ai-markdown li>ul,.ai-markdown li>ol{margin:3px 0}.ai-markdown input[type=checkbox]{width:13px;height:13px;margin-right:5px;vertical-align:middle;accent-color:var(--ui-brand)}
.ai-markdown strong{font-weight:650}.ai-markdown a{color:var(--ui-text);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.ai-markdown a:hover{color:var(--ui-title)}.ai-markdown a:focus-visible,.ai-markdown-table:focus-visible{outline:2px solid var(--ui-brand);outline-offset:2px}
.ai-markdown blockquote{margin:10px 0;padding:2px 12px;border-left:3px solid var(--ui-border);color:var(--ui-muted);background:var(--ui-canvas)}.ai-markdown hr{border:0;border-top:1px solid var(--ui-border);margin:14px 0}
.ai-markdown code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--ui-font-size-sm);padding:2px 4px;border-radius:3px;background:var(--ui-canvas);overflow-wrap:anywhere}.ai-markdown pre{max-width:100%;overflow-x:auto;padding:12px;margin:10px 0;border:1px solid var(--ui-border);background:var(--ui-canvas);border-radius:5px;white-space:pre;line-height:1.6;tab-size:2}.ai-markdown pre code{padding:0;background:none;white-space:pre;overflow-wrap:normal}
.ai-markdown-table{max-width:100%;overflow-x:auto;margin:10px 0;border:1px solid var(--ui-border);border-radius:4px}.ai-markdown table{width:100%;border-collapse:collapse;font-size:var(--ui-font-size-sm);text-align:left}.ai-markdown th,.ai-markdown td{padding:7px 9px;border-bottom:1px solid var(--ui-border);border-right:1px solid var(--ui-border);min-width:72px;vertical-align:top}.ai-markdown th{background:var(--ui-canvas);font-weight:600;white-space:nowrap}.ai-markdown th:last-child,.ai-markdown td:last-child{border-right:0}.ai-markdown tr:last-child td{border-bottom:0}.ai-markdown .ai-align-center{text-align:center}.ai-markdown .ai-align-right{text-align:right}.ai-markdown .ai-align-left{text-align:left}
.ai-image-description{color:var(--ui-muted);font-size:var(--ui-font-size-sm)}.ai-navigation{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px}.ai-navigation .button{min-height:30px;padding:5px 10px;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left;font-size:var(--ui-font-size-sm)}.ai-navigation small{font-size:var(--ui-font-size-xs);color:var(--ui-muted);line-height:1.6}
.ai-sources{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:10px}.ai-source{border:0;border-bottom:1px solid var(--ui-border);background:none;padding:2px 0;font-size:var(--ui-font-size-xs);color:var(--ui-text);max-width:100%;overflow-wrap:anywhere;text-align:left}.ai-source-note{font-size:var(--ui-font-size-xs);color:var(--ui-muted)}
.ai-progress{font-size:var(--ui-font-size-sm);color:var(--ui-muted);border-left:2px solid var(--ui-border);padding:6px 10px;margin:12px 0;line-height:1.6}
.ai-compose{padding:12px 18px 4px;border-top:1px solid var(--ui-border);background:var(--ui-surface);flex-shrink:0}.ai-compose textarea{width:100%;min-height:80px;max-height:180px;resize:vertical;font:inherit;line-height:1.6;padding:10px;border:1px solid var(--ui-border);border-radius:6px}.ai-compose>div{display:flex;justify-content:space-between;align-items:center;margin-top:6px;gap:8px}.ai-compose small{font-size:var(--ui-font-size-xs);color:var(--ui-muted)}.ai-compose .button{min-height:32px;padding:5px 15px}
.ai-privacy{margin:0;background:var(--ui-surface);padding:5px 18px 12px;color:var(--ui-muted);font-size:var(--ui-font-size-xs);line-height:1.55}.ai-error{background:var(--ui-danger-soft);color:var(--ui-danger);font-size:var(--ui-font-size-sm);line-height:1.6;padding:10px 18px;max-height:120px;overflow:auto}.ai-error[hidden]{display:none}
.ai-action-card{border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:7px;padding:14px;margin:12px 0 18px;overflow:hidden}.ai-action-heading{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.ai-action-heading>span{font-size:var(--ui-font-size-xs);color:var(--ui-muted)}.ai-target{display:grid;grid-template-columns:60px 1fr;gap:5px 10px;margin:12px 0}.ai-target dt{color:var(--ui-muted);font-size:var(--ui-font-size-xs)}.ai-target dd{margin:0;overflow-wrap:anywhere}
.ai-changes{max-height:260px;overflow:auto;border-block:1px solid var(--ui-border)}.ai-change{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(0,1fr);align-items:start;gap:8px;padding:10px 0;border-bottom:1px solid var(--ui-border)}.ai-change:last-child{border:0}.ai-change>strong{font-size:var(--ui-font-size-xs);overflow-wrap:anywhere}.ai-change>div{display:flex;flex-direction:column;gap:4px;min-width:0}.ai-change small{font-size:var(--ui-font-size-xs);color:var(--ui-muted)}.ai-change pre{font:inherit;font-size:var(--ui-font-size-sm);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.55}.ai-change>div:last-child pre{color:var(--ui-text)}
.ai-effect{font-size:var(--ui-font-size-xs);color:var(--ui-muted);line-height:1.6}.ai-expiry{font-size:var(--ui-font-size-xs);color:var(--ui-muted)}.ai-action-buttons{display:flex;align-items:center;gap:8px;margin-top:12px}.ai-action-buttons .button{min-height:32px;padding:6px 12px;font-size:var(--ui-font-size-sm)}.ai-receipt{color:var(--ui-text);font-size:var(--ui-font-size-sm)}
.ai-change-detail{padding:10px 0;border-bottom:1px solid var(--ui-border);font-size:var(--ui-font-size-sm)}.ai-change-detail>summary{cursor:pointer;line-height:1.6;font-weight:600;overflow-wrap:anywhere}.ai-change-detail summary small{display:block;font-size:var(--ui-font-size-xs);font-weight:400;color:var(--ui-muted);line-height:1.6;margin-top:4px}.ai-change-values{display:grid;gap:12px;margin-top:8px}.ai-change-values>div{min-width:0}.ai-change-values small{color:var(--ui-muted)}.ai-change-values pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:200px;overflow:auto;font-size:var(--ui-font-size-xs);line-height:1.6;background:var(--ui-canvas);padding:8px;margin:4px 0}
.ai-muted{color:var(--ui-muted)!important}.ai-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ai-context{flex-shrink:0;padding:9px 18px;background:var(--ui-canvas);border-top:1px solid var(--ui-border);max-height:220px;overflow:auto}.ai-context summary{display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer;font-size:var(--ui-font-size-xs);color:var(--ui-muted);list-style:none}.ai-context summary::after{content:'⌄';font-size:var(--ui-font-size)}.ai-context[open] summary::after{content:'⌃'}.ai-context summary>span:first-child{flex:1}.ai-context summary>span:last-child{font-size:var(--ui-font-size-xs);white-space:nowrap}.ai-context progress{display:block;width:100%;height:4px;margin:10px 0;accent-color:var(--ui-brand)}.ai-context dl{display:grid;gap:4px;margin:8px 0}.ai-context dl>div{display:flex;justify-content:space-between;gap:8px;font-size:var(--ui-font-size-xs)}.ai-context dt{color:var(--ui-muted)}.ai-context dd{margin:0}.ai-context p{font-size:var(--ui-font-size-xs);color:var(--ui-muted);line-height:1.6;margin:8px 0 0}
.ai-delete-confirm{padding:12px 18px;border-block:1px solid var(--ui-warning-border);background:var(--ui-canvas);flex-shrink:0}.ai-delete-confirm strong{font-size:var(--ui-font-size-sm)}.ai-delete-confirm p{font-size:var(--ui-font-size-xs);line-height:1.6;margin:5px 0 10px;color:var(--ui-warning)}.ai-delete-confirm>div{display:flex;gap:8px}.ai-delete-confirm .button{font-size:var(--ui-font-size-xs);min-height:30px;padding:5px 9px}
@media(max-width:1100px){.ai-open #app{margin-right:0}.ai-panel{box-shadow:-12px 0 40px color-mix(in srgb, var(--ui-title) 15%, transparent)}}@media(max-width:520px){.ai-panel{width:100vw}.ai-header,.ai-conversations{padding-inline:14px}.ai-transcript,.ai-settings-scroll{padding:14px}}
.ai-task{margin:14px 0;padding:14px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-canvas)}.ai-task header,.ai-tool{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-task header span,.ai-tool small{color:var(--ui-muted);font-size:var(--ui-font-size-sm)}.ai-task p{font-size:var(--ui-font-size-sm);color:var(--ui-warning);margin:8px 0}.ai-task ol{padding-left:20px;margin:12px 0}.ai-task li{padding:5px 0;font-size:var(--ui-font-size)}.ai-task li span{display:inline-block;min-width:48px;color:var(--ui-muted);font-size:var(--ui-font-size-xs);margin-right:8px}.ai-task li.in_progress{font-weight:600}.ai-task li.completed{color:var(--ui-muted)}.ai-task details{font-size:var(--ui-font-size-sm);margin-top:10px}.ai-tool{padding:6px 0;border-bottom:1px solid var(--ui-border)}.ai-task-actions{display:flex;gap:8px;margin-top:10px}.ai-stream{margin:16px 0}.ai-stream>strong{font-size:var(--ui-font-size-xs);color:var(--ui-muted)}.ai-stream .ai-markdown{margin-top:8px;overflow-wrap:anywhere}
.ai-tool{display:block;overflow-wrap:anywhere}.ai-tool>div{display:grid;gap:3px}.ai-tool>div>small{font-size:var(--ui-font-size-xs);line-height:1.5}.ai-tool-error{line-height:1.6}.ai-tool-error small{display:block;margin-top:4px}.ai-plan-note{display:block;color:var(--ui-muted);font-size:var(--ui-font-size-xs);line-height:1.5}.ai-task-actions{flex-wrap:wrap}
.ai-task-current{display:grid;gap:4px;margin-top:10px;overflow-wrap:anywhere}.ai-task-current>small{color:var(--ui-muted);font-size:var(--ui-font-size-xs)}.ai-task-current>strong{font-size:var(--ui-font-size);font-weight:550;line-height:1.6}.ai-task-live{font-size:var(--ui-font-size-xs);color:var(--ui-muted);margin-top:7px;line-height:1.6;overflow-wrap:anywhere}.ai-task-details>summary{cursor:pointer;color:var(--ui-muted);font-size:var(--ui-font-size-xs);padding:4px 0}.ai-task-detail-body{max-height:280px;overflow:auto;overscroll-behavior:contain;padding-right:6px}.ai-task-detail-body h4{font-size:var(--ui-font-size-xs);margin:14px 0 4px;color:var(--ui-muted)}.ai-task .ai-task-reason{line-height:1.65;overflow-wrap:anywhere}.ai-task-blocked,.ai-task-paused{border-color:var(--ui-warning-border);background:var(--ui-warning-soft)}.ai-task-blocked header>strong,.ai-task-paused header>strong{color:var(--ui-warning)}.ai-task-attention{flex-shrink:0;padding:7px 18px;background:var(--ui-warning-soft);color:var(--ui-warning);font-size:var(--ui-font-size-xs);border-top:1px solid var(--ui-warning-border)}.ai-task-actions:empty{display:none}
.ai-diagnostics { border-top: 1px solid var(--border, var(--ui-border)); margin-top: 10px; padding-top: 10px; font-size: 12px; line-height: 1.6; }
.ai-diagnostics header { display: flex; align-items: center; justify-content: space-between; }
.ai-diagnostics p { margin: 6px 0; }
.ai-diagnostics ul, .ai-diagnostics ol { padding-left: 18px; margin: 8px 0; }
.ai-diagnostics li { margin: 5px 0; overflow-wrap: anywhere; }
.ai-diagnostics li span, .ai-diagnostics small { display: block; color: var(--muted, var(--ui-muted)); overflow-wrap: anywhere; }
.ai-diagnostics code,.ai-tool-error code { display: block; overflow-wrap: anywhere; font-size: 11px; }
.ai-diagnostic-calls { margin: 10px 0; }
.ai-diagnostic-calls details { padding: 7px 0; border-bottom: 1px solid var(--border, var(--ui-border)); }
.ai-diagnostic-calls summary { cursor: pointer; overflow-wrap: anywhere; }
.ai-history-notice { padding: 8px 10px; background: var(--ui-canvas); font-size: 12px; border-radius: 4px; }
.ai-development-artifacts { margin: 10px 0; }
.ai-development-artifacts summary { cursor: pointer; color: var(--muted, var(--ui-muted)); font-size: 12px; }
.ai-development-artifacts button { display: block; margin-top: 6px; text-align: left; }
.ai-development-preview { width: min(1280px, 92vw); max-width: 94vw; max-height: 92vh; padding: 16px; border: 1px solid var(--ui-border); border-radius: 10px; background: var(--ui-surface); color: var(--ui-title); }
.ai-development-preview::backdrop { background: var(--ui-overlay); }
.ai-development-preview header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; }
.ai-development-preview img { display: block; width: 100%; height: auto; }

.ai-panel{--ai-width:480px;--ai-ink:var(--ui-title);--ai-muted:var(--ui-muted);--ai-line:var(--ui-border);width:min(var(--ai-width),100vw);background:var(--ui-surface);box-shadow:-8px 0 32px color-mix(in srgb, var(--ui-title) 4%, transparent)}
.ai-panel-wide{--ai-width:740px}.ai-open #app{margin-right:480px}.ai-open.ai-wide #app{margin-right:min(740px,100vw)}
.ai-header{min-height:72px;padding:14px 20px}.ai-header>div:first-child{flex-direction:row;align-items:center;gap:10px}.ai-header>div:first-child>div{display:grid;gap:3px}.ai-header>div:last-child{gap:3px}.ai-header strong{font-size:15px;letter-spacing:.02em}.ai-header small{font-size:var(--ui-font-size-xs);color:var(--ui-muted)}
.ai-assistant-mark{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid var(--ui-border);border-radius:8px;background:linear-gradient(145deg,var(--ui-canvas),var(--ui-canvas));color:var(--ui-text)}.ai-assistant-mark svg{width:20px;height:20px;fill:var(--ui-brand);stroke:none}
.ai-header .icon-button{display:grid;place-items:center;width:30px;height:30px;min-width:30px;min-height:30px;border:0;border-radius:6px;background:transparent;color:var(--ui-muted)}.ai-header .icon-button:hover{background:var(--ui-brand-soft);color:var(--ui-brand)}.ai-header .icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ai-conversations{padding:8px 20px;gap:10px;background:var(--ui-surface)}.ai-conversations select{height:30px;border:0;background-color:transparent;font-size:var(--ui-font-size-sm);padding-left:0}.ai-conversations .text-button{font-size:var(--ui-font-size-xs);color:var(--ui-muted);padding:5px 0;white-space:nowrap}
.ai-panel-content{position:relative;display:flex;flex:1;min-height:0;overflow:hidden}.ai-transcript{padding:22px 20px 24px;scrollbar-gutter:stable;overflow-anchor:none;scroll-behavior:auto}.ai-transcript:focus{outline:none}.ai-transcript:focus-visible{box-shadow:inset 0 0 0 2px var(--ui-brand-soft)}
.ai-welcome{padding:32px 4px 20px;background:transparent}.ai-welcome-eyebrow{font-size:var(--ui-font-size-xs);color:var(--ui-muted);letter-spacing:.12em}.ai-welcome h3{font-size:25px;font-weight:550;line-height:1.45;letter-spacing:-.03em;margin:14px 0 12px}.ai-welcome p{font-size:var(--ui-font-size-sm);line-height:1.9;color:var(--ui-muted)}.ai-suggestions{gap:0;margin-top:30px;border-top:1px solid var(--ai-line)}.ai-suggestions button{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border:0;border-bottom:1px solid var(--ai-line);border-radius:0;background:transparent;font-size:var(--ui-font-size-sm);color:var(--ui-brand)}.ai-suggestions button:hover{background:var(--ui-brand-soft)}.ai-suggestions button>span{font-size:16px;color:var(--ui-muted)}
.ai-entry{min-width:0}.ai-entry .ai-message{margin:0 0 22px}.ai-entry .ai-message>strong{font-size:var(--ui-font-size-xs);color:var(--ui-muted);margin-bottom:7px;font-weight:500}.ai-entry .ai-user{margin-bottom:24px}.ai-user .ai-message-content{background:var(--ui-canvas);border:1px solid var(--ui-border);border-radius:12px 12px 3px 12px;padding:11px 14px;line-height:1.8}.ai-user>strong{display:none!important}
.ai-stage .ai-message-content{color:var(--ui-text);font-size:var(--ui-font-size-sm);line-height:1.8}.ai-stream{margin:12px 0}.ai-markdown{line-height:1.85}.ai-message-content.ai-markdown{white-space:normal}
.ai-user-identity{display:flex;justify-content:flex-end;align-items:center;margin-bottom:var(--ui-space-2);color:var(--ui-muted);font-size:var(--ui-font-size-xs)}
.ai-spinner{display:inline-block;flex:none;width:13px;height:13px;border:1.5px solid var(--ui-border);border-top-color:var(--ui-brand);border-right-color:var(--ui-brand);border-radius:50%;animation:ai-rotate .8s linear infinite;vertical-align:middle}.ai-status-icon{width:16px;height:16px;flex:none;stroke:var(--ui-muted);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@keyframes ai-rotate{to{transform:rotate(360deg)}}
.ai-tool-event{margin:3px 0;border:0;background:transparent;border-radius:4px;min-width:0}.ai-tool-event>summary{display:flex;align-items:center;gap:7px;min-height:30px;padding:5px 3px;list-style:none;cursor:pointer;font-size:var(--ui-font-size-xs);line-height:1.5;color:var(--ui-muted)}.ai-tool-event>summary::-webkit-details-marker{display:none}.ai-tool-event>summary:hover{background:var(--ui-canvas)}.ai-tool-event-main{display:flex;align-items:baseline;gap:8px;flex:1;min-width:0}.ai-tool-event-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ai-tool-result{min-width:0;max-width:46%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--ui-font-size-xs);color:var(--ui-muted)}.ai-tool-duration{margin-left:auto;flex:none;font-size:var(--ui-font-size-xs);color:var(--ui-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.ai-tool-chevron{flex:none;width:12px;height:12px;fill:none;stroke:var(--ui-muted);stroke-width:1.5;transition:transform .12s}.ai-tool-event[open] .ai-tool-chevron{transform:rotate(90deg)}.ai-tool-event.is-running .ai-tool-event-label{color:var(--ui-text)}.ai-tool-event.is-error .ai-status-icon{stroke:var(--ui-danger)}.ai-tool-event.is-error .ai-tool-result{color:var(--ui-danger)}
.ai-tool-event-body{padding:0 12px 10px 31px;border-top:1px solid var(--ui-border);overflow-wrap:anywhere;font-size:var(--ui-font-size-xs);color:var(--ui-muted)}.ai-tool-event-body dl{display:flex;flex-wrap:wrap;gap:5px 18px;margin:9px 0 0}.ai-tool-event-body dl:empty{display:none}.ai-tool-event-body dl>div{display:flex;gap:8px}.ai-tool-event-body dt{color:var(--ui-muted)}.ai-tool-event-body dd{margin:0}.ai-tool-event-body .ai-tool-error{font-size:var(--ui-font-size-xs);color:var(--ui-danger);margin:9px 0 0}.ai-tool-event-body code{padding:5px 0;color:var(--ui-muted);white-space:pre-wrap}.ai-tool-event+.ai-tool-event{margin-top:5px}.ai-entry:has(.ai-tool-event)+.ai-entry:has(.ai-message){padding-top:15px}
.ai-tool-group{min-width:0;margin:5px 0;border:1px solid var(--ui-border);border-radius:6px;background:var(--ui-surface);overflow-anchor:none;overscroll-behavior-y:auto;scroll-behavior:auto}
.ai-tool-group.is-scrollable{max-height:172px;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin}
.ai-tool-group.is-single{border:0;background:transparent}
.ai-tool-group:focus{outline:none}.ai-tool-group:focus-visible{outline:2px solid var(--ui-brand-soft);outline-offset:2px}
.ai-tool-group-list>.ai-entry+.ai-entry{border-top:1px solid var(--ui-border)}
.ai-tool-group .ai-tool-event{margin:0;border-radius:0}.ai-tool-group .ai-tool-event>summary{min-height:33px;padding:5px 7px}
.ai-tool-group.is-single .ai-tool-event>summary{padding-inline:3px}
.ai-scroll-latest{position:absolute;bottom:12px;right:22px;display:flex;align-items:center;gap:7px;min-height:32px;padding:6px 11px;background:var(--ui-surface);border:1px solid var(--ui-warning-border);border-radius:20px;box-shadow:0 3px 12px color-mix(in srgb, var(--ui-title) 7%, transparent);color:var(--ui-warning);font:inherit;font-size:var(--ui-font-size-xs);z-index:2}.ai-scroll-latest[hidden]{display:none}.ai-scroll-latest svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ai-load-activity{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;font-size:var(--ui-font-size-xs);color:var(--ui-muted);margin:0 0 16px}
.ai-work-run{margin:0 0 20px;min-width:0}.ai-work-run>summary{display:flex;align-items:center;gap:7px;min-height:28px;padding:2px 0;list-style:none;cursor:pointer;color:var(--ui-muted);font-size:var(--ui-font-size-xs)}.ai-work-run>summary::-webkit-details-marker{display:none}.ai-work-run>summary:after{content:"";height:1px;background:var(--ui-hover);flex:1;margin-left:5px}.ai-work-run>summary:hover{color:var(--ui-text)}.ai-work-time{font-size:var(--ui-font-size-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.ai-work-chevron{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .12s}.ai-work-run[open]>.ai-work-chevron,.ai-work-run[open]>summary>.ai-work-chevron{transform:rotate(90deg)}.ai-work-state{font-size:var(--ui-font-size-xs);color:var(--ui-muted)}.ai-work-body{padding-top:8px;min-width:0}.ai-work-entry-list>.ai-entry .ai-stage{margin:9px 0 12px}.ai-work-entry-list>.ai-entry:has(.ai-tool-event)+.ai-entry:has(.ai-message){padding-top:7px}.ai-work-controls{display:flex;align-items:flex-start;gap:14px;justify-content:space-between;margin-top:12px;padding-top:8px;border-top:1px solid var(--ui-border)}.ai-work-controls .text-button,.ai-work-controls summary{font-size:var(--ui-font-size-xs);color:var(--ui-muted)}.ai-work-controls .ai-task-details{flex:1;margin:0}.ai-work-controls ol{padding-left:16px;font-size:var(--ui-font-size-xs);line-height:1.7}.ai-work-controls li span{margin-right:8px;color:var(--ui-muted)}.ai-work-footer .ai-development-artifacts{margin:8px 0;font-size:var(--ui-font-size-xs)}.ai-work-footer:empty{display:none}
.ai-thinking{display:flex;align-items:center;gap:8px;height:28px;min-width:0;margin:5px 0;padding:0 3px;overflow:hidden;color:var(--ui-muted)}.ai-thinking-content{flex:1;min-width:0;overflow:hidden;white-space:nowrap;font-size:var(--ui-font-size-xs);line-height:20px;scrollbar-width:none}.ai-thinking-content::-webkit-scrollbar{display:none}.ai-thinking-latest{white-space:nowrap}.ai-thinking .ai-spinner{width:12px;height:12px}
.ai-task-slot{flex:none;max-height:min(38vh,330px);overflow:auto;overscroll-behavior:contain}.ai-task-compact{margin:0;padding:10px 20px 9px;border:0;border-top:1px solid var(--ui-border);border-radius:0;background:var(--ui-surface)}.ai-task-compact header>strong{display:flex;align-items:center;gap:7px;font-size:var(--ui-font-size-xs);font-weight:550;color:var(--ui-text)}.ai-task-compact header>span{font-size:var(--ui-font-size-xs);font-variant-numeric:tabular-nums;color:var(--ui-muted)}.ai-task-compact .ai-task-current{display:flex;align-items:center;gap:8px;margin-top:5px;min-width:0}.ai-task-compact .ai-task-current>small{flex:none;color:var(--ui-muted);font-size:var(--ui-font-size-xs)}.ai-task-compact .ai-task-current>strong{font-size:var(--ui-font-size-xs);font-weight:450;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ui-muted)}.ai-task-compact .ai-task-live{margin-top:4px;font-size:var(--ui-font-size-xs);color:var(--ui-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ai-task-compact .ai-source-progress{margin:5px 0;font-size:var(--ui-font-size-xs);line-height:1.6;color:var(--ui-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.ai-task-compact.ai-task-running .ai-source-progress{display:none}.ai-task-compact .ai-task-reason{font-size:var(--ui-font-size-xs);margin:5px 0;color:var(--ui-warning);line-height:1.7}.ai-task-compact-options{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-top:6px}.ai-task-compact .ai-task-details{margin:0;min-width:0;flex:1}.ai-task-compact .ai-task-details>summary{padding:2px 0;font-size:var(--ui-font-size-xs);color:var(--ui-muted)}.ai-task-compact .ai-task-detail-body{max-height:145px}.ai-task-compact .ai-task-detail-body ol{margin:6px 0;padding-left:16px}.ai-task-compact .ai-task-detail-body li{font-size:var(--ui-font-size-xs);padding:3px 0;line-height:1.6}.ai-task-compact .ai-task-detail-body li span{font-size:var(--ui-font-size-xs);min-width:35px}.ai-task-compact .ai-task-actions{margin:0;gap:9px;align-items:center;justify-content:flex-end}.ai-task-compact .ai-task-actions .text-button{font-size:var(--ui-font-size-xs);padding:2px 0;color:var(--ui-muted);white-space:nowrap}.ai-task-compact .ai-task-actions .button{min-height:26px;padding:3px 9px;font-size:var(--ui-font-size-xs)}.ai-task-compact .ai-development-artifacts{margin:6px 0 0}.ai-task-compact .ai-development-artifacts summary{font-size:var(--ui-font-size-xs)}.ai-task-compact .ai-diagnostics{max-height:230px;overflow:auto;padding-right:5px}.ai-task-compact .ai-diagnostics header strong{font-size:var(--ui-font-size-sm)}.ai-task-attention{padding:4px 20px;font-size:var(--ui-font-size-xs);border:0;background:var(--ui-warning-soft);color:var(--ui-warning)}
.ai-context{padding:7px 20px;background:var(--ui-canvas);max-height:190px}.ai-context summary{font-size:var(--ui-font-size-xs);color:var(--ui-muted)}.ai-context summary>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-context summary>span:last-child{font-size:var(--ui-font-size-xs)}
.ai-compose{margin:10px 16px 5px;padding:10px 11px 8px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface)}.ai-compose:focus-within{border-color:var(--ui-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--ui-title) 5%, transparent)}.ai-compose textarea{display:block;min-height:44px;max-height:144px;resize:none;border:0;border-radius:0;background:transparent;padding:0 2px;font-size:var(--ui-font-size-sm);line-height:1.8;color:var(--ui-text);box-shadow:none;outline:none!important}.ai-compose textarea::placeholder{color:var(--ui-subtle)}.ai-compose>div{margin-top:7px}.ai-compose small{font-size:var(--ui-font-size-xs);color:var(--ui-subtle)}.ai-compose .button{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:7px;min-height:29px;padding:5px 10px;font-size:var(--ui-font-size-xs)}.ai-send-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ai-stop-button{background:var(--ui-brand-soft);color:var(--ui-muted);border:1px solid var(--ui-border)}.ai-stop-button>span{width:8px;height:8px;background:currentColor;border-radius:1px}
.ai-privacy{padding:3px 20px 9px;background:transparent;flex:none;max-height:90px;overflow:auto}.ai-privacy summary{font-size:var(--ui-font-size-xs);color:var(--ui-muted);cursor:pointer}.ai-privacy p{font-size:var(--ui-font-size-xs);line-height:1.7;margin:6px 0;color:var(--ui-muted)}.ai-error{margin:0;padding:8px 20px;font-size:var(--ui-font-size-xs);max-height:90px}.ai-progress{display:flex;align-items:center;gap:8px;border:0;padding:0;font-size:var(--ui-font-size-xs);color:var(--ui-muted)}
@media(max-width:1100px){.ai-open #app,.ai-open.ai-wide #app{margin-right:0}}
@media(max-width:600px){.ai-panel{width:100vw}.ai-expand-button{display:none!important}.ai-header{min-height:64px;padding:12px 16px}.ai-conversations{padding:7px 16px}.ai-transcript{padding:18px 16px 22px}.ai-welcome{padding-top:28px}.ai-welcome h3{font-size:23px}.ai-task-compact,.ai-context{padding-inline:16px}.ai-compose{margin-inline:12px}.ai-privacy{padding-inline:16px}.ai-task-attention{padding-inline:16px}.ai-compose small>span{display:none}}
@media(prefers-reduced-motion:reduce){.ai-spinner{animation:none}.ai-tool-chevron{transition:none}}
.ai-task-compact.ai-task-running .ai-source-progress{display:-webkit-box;-webkit-line-clamp:1}