.agent-demo{border:1px solid var(--color-surface);border-radius:1rem;overflow:hidden;background:var(--color-deep);color:var(--color-heading-dark);box-shadow:0 24px 64px -32px var(--color-deep)}.agent-demo-titlebar,.agent-demo-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:var(--color-surface)}.agent-demo-footer{min-height:68px}.agent-demo-tabs{display:flex;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid color-mix(in srgb,var(--color-body-dark) 20%,transparent)}.agent-demo-tabs::-webkit-scrollbar{display:none}.agent-demo-tabs button{display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:.65rem;padding:1rem 1.5rem;border-bottom:2px solid transparent;color:var(--color-body-dark);font-size:.8125rem;cursor:pointer}.agent-demo-tabs button[aria-selected=true]{border-bottom-color:var(--color-accent);background:var(--color-surface);color:var(--color-heading-dark)}.agent-demo button:focus-visible,.agent-demo-transcript:focus-visible{outline:2px solid var(--color-accent-indigo);outline-offset:-3px}.agent-demo-skills{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:3.25rem;padding:.75rem 1.5rem;font-size:.6875rem;border-bottom:1px solid color-mix(in srgb,var(--color-body-dark) 15%,transparent)}.agent-demo-skill{font-family:var(--font-mono);padding:.15rem .5rem;border-radius:.25rem;background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent-indigo)}.agent-demo-transcript{height:480px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-body-dark) transparent;padding:1.75rem 2rem}.agent-demo-transcript>*+*{margin-top:1.25rem}.agent-demo-prompt{display:flex;gap:.6rem;font-family:var(--font-mono);font-size:.8125rem;line-height:1.8;min-height:1.5rem}.agent-demo-message{padding-left:1.65rem;color:var(--color-body-dark);font-size:.8125rem;line-height:1.8}.agent-demo-tool{margin-left:1.65rem;padding:.8rem 1rem;background:var(--color-surface);border-left:2px solid var(--color-accent-indigo);border-radius:0 .35rem .35rem 0}.agent-demo-evidence{overflow:hidden;border:1px solid color-mix(in srgb,var(--color-body-dark) 20%,transparent);border-radius:.5rem}.agent-demo-evidence table{width:100%;border-collapse:collapse;font-size:.75rem;line-height:1.6}.agent-demo-evidence th,.agent-demo-evidence td{padding:.7rem 1rem;text-align:left}.agent-demo-evidence th{background:var(--color-surface);font-weight:500;color:var(--color-body-dark)}.agent-demo-evidence tr+tr{border-top:1px solid color-mix(in srgb,var(--color-body-dark) 15%,transparent)}.agent-demo-evidence td:first-child{color:var(--color-accent-indigo)}.agent-demo-result{padding:1.25rem;border:1px solid color-mix(in srgb,var(--color-accent-cyan) 30%,transparent);border-radius:.75rem;background:var(--color-surface)}.agent-demo-code{border-radius:.5rem;background:var(--color-deep)}.agent-demo-control{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:.5rem;border-radius:.3rem;color:var(--color-heading-dark);font-size:.6875rem;cursor:pointer}.agent-demo-control:hover{background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.agent-demo-control:disabled{opacity:.4;cursor:default}.agent-demo-caret{display:inline-block;width:.45rem;height:.9rem;margin-left:.15rem;vertical-align:middle;background:var(--color-accent);animation:agent-caret .8s steps(2) infinite}.agent-demo-spinner{width:14px;height:14px;border:1.5px solid var(--color-body-dark);border-top-color:transparent;border-radius:50%;animation:agent-spin .8s linear infinite}@keyframes agent-spin{to{transform:rotate(360deg)}}@keyframes agent-caret{to{opacity:0}}@media(max-width:639px){.agent-demo-titlebar{padding:.9rem 1rem;flex-wrap:wrap;gap:.5rem}.agent-demo-tabs button{padding:.9rem 1rem;font-size:.75rem}.agent-demo-skills{padding:.65rem 1rem}.agent-demo-transcript{height:440px;padding:1.25rem 1rem}.agent-demo-tool{margin-left:0}.agent-demo-message{padding-left:0}.agent-demo-footer{min-height:88px;padding:.65rem .75rem;gap:.5rem;flex-wrap:wrap}.agent-demo-evidence table,.agent-demo-evidence tbody,.agent-demo-evidence tr,.agent-demo-evidence td{display:block}.agent-demo-evidence thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.agent-demo-evidence td{padding:.4rem .75rem}.agent-demo-evidence td:before{content:attr(data-label);display:block;color:var(--color-body-dark);font-size:.625rem}.agent-demo-result{padding:1rem}}@media(prefers-reduced-motion:no-preference){.agent-demo-message,.agent-demo-tool,.agent-demo-evidence,.agent-demo-result{animation:agent-reveal .25s ease-out both}}@keyframes agent-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}