:is(.ab-panel,.ab-card,.composer-builder){--ab-trigger:#e08a3c;--ab-agent:#4f9a72;--ab-tool:#4f86d6;--ab-source:#8a6fd6;--ab-web:#2f9e9a;--ab-remote:#5b6ad6;--ab-ok:var(--status-success);--ab-warn:var(--status-attention);--ab-bad:var(--status-danger);--ab-line:color-mix(in oklch,var(--border),transparent 15%);--ab-raised:color-mix(in oklch,var(--muted),var(--background) 35%);--ab-edge:color-mix(in oklch,var(--foreground),transparent 70%);--ab-dot:color-mix(in oklch,var(--foreground),transparent 88%);--ab-ease:var(--oros-ease-standard,cubic-bezier(.2,.8,.2,1))}.dark :is(.ab-panel,.ab-card,.composer-builder){--ab-raised:color-mix(in oklch,var(--muted),var(--background) 45%);--ab-edge:color-mix(in oklch,var(--foreground),transparent 72%)}@keyframes ab-spin{to{transform:rotate(1turn)}}@keyframes ab-rise{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}@keyframes ab-fade{0%{opacity:0}to{opacity:1}}@keyframes ab-leave{to{opacity:0}}@keyframes ab-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes ab-flow{to{stroke-dashoffset:-32}}.ab-spin{animation:ab-spin var(--oros-duration-spin) linear infinite}.side-chat-tool:has(>.ab-panel){padding:0;overflow:hidden;display:flex}.ab-panel{position:relative;display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;height:100%}.ab-head{display:flex;flex-direction:column;gap:10px;padding:14px 18px 12px;border-bottom:1px solid var(--ab-line)}.ab-identity{display:flex;align-items:center;gap:12px;min-width:0}.ab-avatar{position:relative;display:inline-grid;border-radius:12px;flex-shrink:0}.ab-avatar .agent-avatar{width:40px;height:40px;border-radius:12px}.ab-avatar .agent-avatar svg{width:19px;height:19px}.ab-title{min-width:0;flex:1}.ab-title h2{font-size:var(--oros-text-reading);font-weight:600;letter-spacing:-.015em;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ab-title p{margin-top:2px;font-size:var(--oros-text-compact);line-height:1.45;color:var(--muted-foreground);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ab-meta{justify-content:space-between;gap:10px}.ab-meta,.ab-revisions{display:flex;align-items:center;min-width:0}.ab-revisions{gap:3px}.ab-revisions button{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:7px;font-size:var(--oros-text-micro);font-weight:550;font-variant-numeric:tabular-nums;color:var(--muted-foreground);border:1px solid transparent;transition:background .14s var(--ab-ease),color .14s var(--ab-ease),border-color .14s var(--ab-ease)}.ab-revisions button svg{width:11px;height:11px}.ab-revisions button:hover{background:var(--ab-raised);color:var(--foreground)}.ab-revisions button[aria-pressed=true]{color:var(--foreground);background:var(--background);border-color:var(--ab-line);box-shadow:0 1px 2px rgb(0 0 0/.06)}.ab-revisions button[data-source=you]{color:var(--ab-tool)}.ab-revisions button[data-source=context]{font-style:italic}.ab-revision-more{font-size:var(--oros-text-micro);color:var(--muted-foreground);padding-right:2px}.ab-changes{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:var(--oros-text-compact);color:var(--muted-foreground);animation:ab-rise .26s var(--ab-ease) both}.ab-changes b{font-weight:550;color:var(--foreground);padding:1px 7px;border-radius:6px;border:1px solid var(--ab-line)}.ab-changes b,.ab-pinned{background:var(--ab-raised)}.ab-pinned{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:10px;font-size:var(--oros-text-compact);color:var(--muted-foreground)}.ab-pinned button{font-weight:550;color:var(--foreground)}.ab-pinned button:hover{text-decoration:underline}.ab-tabs{display:flex;gap:2px;padding:8px 14px 0;border-bottom:1px solid var(--ab-line)}.ab-tabs button{position:relative;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:var(--oros-text-compact);color:var(--muted-foreground);border-radius:8px 8px 0 0;transition:color .14s var(--ab-ease)}.ab-tabs button:hover{color:var(--foreground)}.ab-tabs button[aria-selected=true]{color:var(--foreground);font-weight:550}.ab-tabs button[aria-selected=true]:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;border-radius:2px;background:var(--foreground)}.ab-dot{width:5px;height:5px;border-radius:50%;background:var(--muted-foreground)}.ab-body{position:relative;flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable}.ab-canvas{position:relative;min-height:100%;background-image:radial-gradient(circle,var(--ab-dot) 1px,transparent 1.2px);background-size:16px 16px;background-position:top}.ab-world{position:relative;width:100%}.ab-row-label{position:absolute;left:16px;font-size:var(--oros-text-micro);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground)}.ab-edges{position:absolute;inset:0;overflow:visible;pointer-events:none}.ab-edge path{fill:none;stroke:var(--ab-edge);stroke-width:1.3;stroke-linecap:round;transition:stroke .16s var(--ab-ease)}.ab-edge[data-new] path:not(.ab-flow){stroke-dasharray:1;animation:ab-draw .5s var(--ab-ease) both}.ab-edge[data-active] path:not(.ab-flow){stroke:var(--foreground);stroke-width:1.6}.ab-edge path.ab-flow{stroke:var(--ab-edge);stroke-width:1.6;stroke-dasharray:2 14;animation:ab-flow 1.6s linear infinite}.ab-node{--tint:var(--ab-agent);--shadow:0 1px 2px rgb(0 0 0/.05);position:absolute;display:flex;align-items:center;gap:9px;padding:0 10px;text-align:left;border-radius:13px;cursor:pointer;background:var(--background);border:1px solid var(--ab-line);box-shadow:var(--shadow);transition:opacity var(--oros-duration-state) var(--oros-ease-enter);animation:ab-fade .24s var(--ab-ease) both}.ab-node:hover{border-color:color-mix(in oklch,var(--foreground),transparent 75%)}.ab-node[aria-pressed=true]{border-color:var(--foreground)}.ab-node:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ab-node[data-tint=trigger]{--tint:var(--ab-trigger)}.ab-node[data-tint=tool]{--tint:var(--ab-tool)}.ab-node[data-tint=source]{--tint:var(--ab-source)}.ab-node[data-tint=web]{--tint:var(--ab-web)}.ab-node[data-tint=remote]{--tint:var(--ab-remote)}.ab-node[data-kind=manual]{background:transparent;border-style:dashed;box-shadow:none}.ab-node[data-kind=agent]{align-items:flex-start;padding:14px;border-radius:16px;background:var(--background);--shadow:0 1px 3px rgb(0 0 0/.06)}.ab-node[data-change]{border-color:color-mix(in oklch,var(--foreground),transparent 55%)}.ab-node[data-exiting]{pointer-events:none;animation:ab-leave .3s var(--ab-ease) forwards}.ab-node[data-exiting][data-kind=manual],.ab-node[data-exiting][data-kind=trigger]{--tint:var(--ab-trigger)}.ab-node[data-exiting][data-kind=tool]{--tint:var(--ab-tool)}.ab-node[data-exiting][data-kind=source]{--tint:var(--ab-source)}.ab-node[data-problem]{border-color:color-mix(in oklch,var(--ab-bad) 45%,var(--border))}.ab-node-icon{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:9px;color:color-mix(in oklch,var(--tint,var(--foreground)) 78%,var(--foreground));background:var(--ab-raised);border:1px solid var(--ab-line)}.ab-node-icon>svg{width:15px;height:15px;stroke-width:1.75}.ab-node-icon .agent-avatar{width:30px;height:30px;border:0;background:none;box-shadow:none}.ab-node[data-kind=agent] .ab-node-icon{width:38px;height:38px;border-radius:11px}.ab-node[data-kind=agent] .ab-node-icon .agent-avatar{width:38px;height:38px}.ab-node-text{position:relative;display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.ab-node-text strong{font-size:var(--oros-text-compact);font-weight:560;line-height:1.2;color:var(--foreground)}.ab-node-text small,.ab-node-text strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-node-text small{font-size:var(--oros-text-micro);line-height:1.25;color:var(--muted-foreground)}.ab-node[data-kind=agent] .ab-node-text strong{font-size:var(--oros-text-caption);font-weight:600}.ab-node[data-kind=agent] .ab-node-text small{font-size:var(--oros-text-micro)}.ab-node-text em{margin-top:5px;font-style:normal;font-size:var(--oros-text-compact);line-height:1.45;color:var(--muted-foreground);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ab-badge{position:absolute;top:-8px;right:8px;padding:1px 7px;border-radius:999px;font-size:var(--oros-text-micro);font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--background);background:var(--foreground)}.ab-badge[data-tone=updated]{color:var(--foreground);background:var(--ab-raised);border:1px solid var(--ab-line)}.ab-node-warn{position:absolute;top:6px;right:6px;width:13px;height:13px;color:var(--ab-bad)}.ab-port{position:absolute;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--background);border:1.5px solid var(--ab-edge)}.ab-port[data-side=top]{top:-3.5px}.ab-port[data-side=bottom]{bottom:-3.5px}.ab-node[data-kind=manual] .ab-port[data-side=top],.ab-node[data-kind=trigger] .ab-port[data-side=top],.ab-node[data-row-end] .ab-port[data-side=bottom]{display:none}.ab-node:is([data-kind=source],[data-kind=web],[data-kind=remote]) .ab-port[data-side=bottom]{display:none}.ab-canvas-live{position:sticky;float:right;top:10px;right:12px;margin:10px 12px 0 0;z-index:3;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:var(--oros-text-micro);font-weight:550;color:var(--foreground);background:var(--background);border:1px solid var(--ab-line)}.ab-canvas-live svg{width:12px;height:12px;color:var(--muted-foreground)}.ab-inspector{--tint:var(--ab-agent);position:sticky;bottom:12px;z-index:4;display:flex;flex-direction:column;gap:10px;margin:0 12px 12px;padding:14px;border-radius:16px;background:var(--background);border:1px solid var(--ab-line);box-shadow:0 12px 32px -18px rgb(0 0 0/.3);animation:ab-rise .18s var(--ab-ease) both;font-size:var(--oros-text-compact);line-height:1.5;color:var(--muted-foreground)}.ab-inspector[data-tint=trigger]{--tint:var(--ab-trigger)}.ab-inspector[data-tint=tool]{--tint:var(--ab-tool)}.ab-inspector[data-tint=source]{--tint:var(--ab-source)}.ab-inspector[data-tint=web]{--tint:var(--ab-web)}.ab-inspector header{display:flex;align-items:center;gap:10px;min-width:0}.ab-inspector header div{display:flex;flex-direction:column;min-width:0;flex:1}.ab-inspector header strong{font-size:var(--oros-text-compact);font-weight:600;color:var(--foreground)}.ab-inspector header small{font-size:var(--oros-text-compact);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ab-close{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;color:var(--muted-foreground)}.ab-close:hover{background:var(--ab-raised);color:var(--foreground)}.ab-close svg{width:14px;height:14px}.ab-mono{font-family:var(--font-mono,ui-monospace,monospace);font-size:var(--oros-text-compact);color:var(--foreground)}.ab-warn{color:var(--ab-bad)}.ab-hint{font-size:var(--oros-text-compact);color:var(--muted-foreground)}.ab-pad{padding:20px 18px}.ab-inspector-actions{display:flex;flex-wrap:wrap;gap:6px}.ab-inspector-actions button,.ab-seg button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:9px;font-size:var(--oros-text-compact);font-weight:500;color:var(--foreground);border:1px solid var(--ab-line);background:var(--background);transition:background .14s var(--ab-ease)}.ab-inspector-actions button:hover:not(:disabled),.ab-seg button:hover:not(:disabled){background:var(--ab-raised)}.ab-inspector-actions button:disabled,.ab-seg button:disabled{opacity:.5}.ab-inspector-actions svg{width:13px;height:13px}.ab-seg{display:flex;gap:4px}.ab-seg button[aria-pressed=true]{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.ab-instructions{padding:16px 18px 24px;font-size:var(--oros-text-compact);line-height:1.6;color:var(--foreground)}.ab-line{position:relative;padding:1px 8px;margin:0 -8px;border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere;transition:background var(--oros-duration-state) var(--oros-ease-enter)}.ab-line[data-kind=heading]{margin-top:10px;font-weight:620;font-size:var(--oros-text-compact)}.ab-line[data-kind=item]{display:flex;gap:8px;padding-left:16px}.ab-bullet{flex-shrink:0;min-width:12px;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.ab-line[data-kind=blank]{height:8px;padding:0}.ab-line[data-added]{background:color-mix(in oklch,var(--ab-ok) 9%,transparent);box-shadow:inset 2px 0 0 var(--ab-ok)}.ab-instructions[data-streaming] .ab-line:last-child:after{content:"";display:inline-block;width:7px;height:14px;margin-left:2px;vertical-align:-2px;border-radius:2px;background:var(--muted-foreground)}.ab-document{position:relative;padding:12px 14px 20px}.ab-document pre{margin:0;padding:14px;border-radius:12px;border:1px solid var(--ab-line);background:var(--ab-raised);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.ab-copy,.ab-document pre{font-size:var(--oros-text-compact)}.ab-copy{position:absolute;top:20px;right:22px;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:8px;color:var(--muted-foreground);background:var(--background);border:1px solid var(--ab-line)}.ab-copy:hover{color:var(--foreground)}.ab-copy svg{width:12px;height:12px}.ab-foot{display:flex;flex-direction:column;gap:10px;padding:12px 18px 14px;border-top:1px solid var(--ab-line);background:color-mix(in oklch,var(--background),var(--muted) 18%)}.ab-note{display:flex;align-items:center;gap:7px;font-size:var(--oros-text-compact);color:var(--muted-foreground)}.ab-note>svg{width:13px;height:13px;color:var(--ab-tool)}.ab-note button{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-weight:550;color:var(--foreground)}.ab-note button svg{width:12px;height:12px}.ab-lint,.ab-result{display:flex;align-items:flex-start;gap:7px;font-size:var(--oros-text-compact);line-height:1.45;color:var(--muted-foreground)}.ab-lint>svg,.ab-result>svg{width:13px;height:13px;flex-shrink:0;margin-top:1px}.ab-lint[data-state=valid],.ab-result[data-tone=ok]{color:var(--ab-ok)}.ab-lint[data-state=invalid],.ab-result[data-tone=error]{color:var(--ab-bad)}.ab-lint ul{margin-top:3px;padding-left:14px;list-style:disc;color:var(--muted-foreground)}.ab-result{animation:ab-rise .26s var(--ab-ease) both}.ab-result span{flex:1}.ab-result a{display:inline-flex;align-items:center;gap:3px;font-weight:550;color:var(--foreground)}.ab-result a svg{width:12px;height:12px}.ab-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.ab-primary,.ab-secondary{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 15px;border-radius:999px;font-size:var(--oros-text-compact);font-weight:550;white-space:nowrap;transition:transform .16s var(--ab-ease),box-shadow .16s var(--ab-ease),opacity .16s var(--ab-ease),background .16s var(--ab-ease)}.ab-primary{color:var(--background);background:var(--foreground)}.ab-primary:hover:not(:disabled){opacity:.88}.ab-primary:disabled{opacity:.42;box-shadow:none}.ab-primary svg,.ab-secondary svg{width:14px;height:14px}.ab-secondary{color:var(--foreground);border:1px solid var(--ab-line)}.ab-secondary:hover{background:var(--ab-raised)}.ab-empty{display:flex;flex-direction:column;align-items:center;gap:10px;margin:auto;padding:40px 28px;text-align:center;color:var(--muted-foreground);font-size:var(--oros-text-compact);line-height:1.55}.ab-empty h2{font-size:var(--oros-text-reading);font-weight:600;color:var(--foreground)}.ab-empty ul{display:flex;flex-direction:column;gap:6px;margin-top:6px;text-align:left}.ab-empty li{padding:9px 12px;border-radius:12px;background:var(--ab-raised);border:1px solid var(--ab-line);color:var(--foreground);font-size:var(--oros-text-compact)}.ab-empty-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:var(--muted-foreground);background:var(--ab-raised);border:1px solid var(--ab-line)}.ab-empty-mark svg{width:20px;height:20px}.ab-card{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:10px;margin-block:1rem;padding:14px 16px;border-radius:18px;background:var(--background);border:1px solid var(--ab-line);overflow:hidden}.ab-card header{display:flex;align-items:center;gap:11px;min-width:0}.ab-card-title{display:flex;flex-direction:column;min-width:0}.ab-card-kicker{display:inline-flex;align-items:center;gap:5px;font-size:var(--oros-text-micro);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground)}.ab-card-kicker svg{width:11px;height:11px}.ab-card-title strong{font-size:var(--oros-text-reading);font-weight:600;letter-spacing:-.015em;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ab-card-desc{font-size:var(--oros-text-compact);line-height:1.5;color:var(--muted-foreground);margin:0}.ab-card-chips{display:flex;flex-wrap:wrap;gap:6px}.ab-chip{--tint:var(--ab-agent);display:inline-flex;align-items:center;gap:6px;height:25px;padding:0 9px;border-radius:999px;font-size:var(--oros-text-compact);color:var(--foreground);white-space:nowrap;background:var(--ab-raised);border:1px solid var(--ab-line)}.ab-chip[data-tint=trigger]{--tint:var(--ab-trigger)}.ab-chip[data-tint=tool]{--tint:var(--ab-tool)}.ab-chip[data-tint=source]{--tint:var(--ab-source)}.ab-chip svg{width:12px;height:12px;color:color-mix(in oklch,var(--tint) 80%,var(--foreground))}.ab-chip .agent-logo .integration-logo :is(img,svg){width:12px;height:12px}.ab-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--ab-line)}.ab-card-changes{font-size:var(--oros-text-compact);color:var(--muted-foreground);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ab-card footer button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;font-size:var(--oros-text-compact);font-weight:550;color:var(--background);background:var(--foreground);flex-shrink:0;transition:opacity .16s var(--ab-ease)}.ab-card footer button:hover{opacity:.88}.ab-card footer button svg{width:13px;height:13px}.composer-builder{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 4px 0 10px;border-radius:999px;font-size:var(--oros-text-compact);font-weight:550;color:var(--foreground);background:var(--ab-raised);border:1px solid var(--ab-line);white-space:nowrap;max-width:220px}.composer-builder>svg{width:13px;height:13px;color:var(--muted-foreground);flex-shrink:0}.composer-builder span{overflow:hidden;text-overflow:ellipsis}.composer-builder button{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:var(--muted-foreground);flex-shrink:0}.composer-builder button:hover{color:var(--foreground);background:color-mix(in oklch,var(--foreground),transparent 92%)}.composer-builder button svg{width:12px;height:12px}.chat-builder-tag{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:var(--oros-text-micro);font-weight:550;color:var(--muted-foreground)}.chat-builder-tag svg{width:11px;height:11px}@media (prefers-reduced-motion:reduce){:is(.ab-panel,.ab-card,.composer-builder) *,:is(.ab-panel,.ab-card,.composer-builder) :after,:is(.ab-panel,.ab-card,.composer-builder) :before{animation:none!important;transition:none!important}}