.agents-chat-demo{--chat-paper: var(--td-app-bg);--chat-ink: var(--td-app-ink);--chat-muted: var(--td-app-muted);--chat-line: var(--td-app-line);--chat-bubble: var(--td-app-panel);--chat-ease: cubic-bezier(.16, 1, .3, 1);--chat-font: system-ui, -apple-system, "Segoe UI", sans-serif;max-width:680px;margin-inline:auto;font-family:var(--chat-font)}.agents-chat-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 12px;margin-bottom:12px;color:var(--td-muted);font-size:12px}.agents-chat-replay{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 14px;border:1px solid var(--td-rule-strong);border-radius:999px;background:var(--td-surface);color:var(--td-ink);font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer}.agents-chat-replay:hover{background:var(--td-rule-2)}.agents-chat-replay:focus-visible{outline:2px solid var(--td-accent);outline-offset:3px}.agents-chat{display:flex;flex-direction:column;overflow:hidden;margin:0;border:1px solid var(--chat-line);border-radius:14px;background:var(--chat-paper);color:var(--chat-ink);box-shadow:0 16px 45px -25px color-mix(in srgb,var(--td-ink) 24%,transparent);font-size:14px;line-height:1.55}.agents-chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--chat-line)}.agents-chat-title{display:inline-flex;align-items:center;gap:9px;font-size:16px;font-weight:600;letter-spacing:-.01em}.agents-chat-title>svg{color:var(--chat-muted)}.agents-chat-connection{display:inline-flex;align-items:center;gap:6px;color:var(--chat-muted);font-size:12px;white-space:nowrap}.agents-chat-thread{flex:1;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;margin:0;padding:6px 18px 4px;list-style:none}.agents-chat-turn{display:grid;grid-template-rows:1fr;min-width:0}.agents-chat-message{min-height:0;overflow:hidden;padding-top:12px}.agents-chat-user .agents-chat-message{display:flex;justify-content:flex-end}.agents-chat-bubble{max-width:78%;margin:0;padding:9px 16px;border-radius:18px;background:var(--chat-bubble);overflow-wrap:anywhere}.agents-chat-assistant .agents-chat-message{max-width:96%}.agents-chat-tool{display:grid;min-height:20px;margin-bottom:6px;font-size:13px;line-height:1.4}.agents-chat-tool>span{grid-area:1 / 1;display:inline-flex;align-items:center;gap:7px;color:var(--chat-muted);white-space:nowrap}.agents-chat-tool b{color:var(--chat-ink);font-weight:650}.agents-chat-tool code{color:var(--chat-muted);font-family:var(--font-mono);font-size:12px}.agents-chat-calling{opacity:0}.agents-chat-used{opacity:1}.agents-chat-answer{display:grid;grid-template-rows:1fr}.agents-chat-answer>div{min-height:0;overflow:hidden}.agents-chat-answer p{margin:0;color:var(--chat-ink);overflow-wrap:anywhere}.agents-chat-answer p+p{margin-top:8px}.agents-chat-answer b{font-weight:600}.agents-chat-draft{margin-top:10px;padding:12px 14px;border-radius:12px;background:var(--chat-bubble);font-size:13px;line-height:1.5}.agents-chat-composer{display:flex;align-items:center;gap:10px;margin:14px 18px;padding:7px 7px 7px 14px;border:1px solid var(--chat-line);border-radius:26px;color:var(--chat-muted)}.agents-chat-composer>span:first-of-type{flex:1}.agents-chat-composer>svg{color:var(--chat-ink)}.agents-chat-send{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--chat-ink);color:var(--chat-paper)}.agents-chat-note{margin:12px 0 0;color:var(--td-muted);font-size:12px;line-height:1.55}.agents-chat-thread[data-playing] .agents-chat-turn,.agents-chat-thread[data-playing] .agents-chat-answer{animation:agents-chat-grow .6s var(--chat-ease) var(--enter) both}.agents-chat-thread[data-playing] .agents-chat-calling{animation:agents-chat-out .25s linear var(--complete) both}.agents-chat-thread[data-playing] .agents-chat-used{animation:agents-chat-in .35s var(--chat-ease) var(--complete) both}@supports (background-clip: text){.agents-chat-thread[data-playing] .agents-chat-calling>span{color:transparent;background:linear-gradient(90deg,var(--chat-muted) 0 38%,var(--chat-ink) 50%,var(--chat-muted) 62% 100%) 0 0 / 220% 100%;-webkit-background-clip:text;background-clip:text;animation:agents-chat-shimmer 1.6s linear var(--enter) 1}.agents-chat-thread[data-playing] .agents-chat-calling b{color:inherit}}@keyframes agents-chat-grow{0%{grid-template-rows:0fr;opacity:0}to{grid-template-rows:1fr;opacity:1}}@keyframes agents-chat-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes agents-chat-out{0%{opacity:1}to{opacity:0}}@keyframes agents-chat-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(min-width:640px){.agents-chat{min-height:560px}}@media(max-width:639px){.agents-chat-bubble{max-width:88%}.agents-chat-thread{padding:4px 14px 2px}.agents-chat-header{padding:12px 14px}.agents-chat-composer{margin:12px 14px}}@media(prefers-reduced-motion:reduce){.agents-chat-demo *,.agents-chat-demo *:before,.agents-chat-demo *:after{animation:none!important}.agents-chat-replay{display:none}}.agents-chat-demo[data-paused] .agents-chat-thread[data-playing] *{animation-play-state:paused}