.agent-replay h2{font-size:28px}.agent-replay .note{padding:14px 18px;background:var(--raised);font-size:15px}.agent-select{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end}.agent-select label{margin:0}.agent-select p{margin:0}.agent-replay #agent-dot{position:absolute;z-index:2;width:12px;height:12px;top:0;left:0;margin:-6px;background:var(--active);border:2px solid var(--surface);border-radius:50%;pointer-events:none}.agent-replay .replay-node[data-active=true]{background:var(--signal);border-color:var(--active)}.agent-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.agent-controls output{font-size:14px;font-variant-numeric:tabular-nums}.agent-hop-text{min-height:48px;font-size:18px}.agent-details{margin:24px 0}.agent-envelope,.agent-task-results{display:grid;grid-template-columns:1fr 1fr;gap:16px 36px}.agent-envelope>h3{grid-column:1/-1}.agent-details>section+section{margin-top:32px}.agent-envelope>details{margin:0}.agent-task-results article{margin:0}.agent-task-results summary{font-size:14px}.agent-envelope dl{margin:0}.agent-details>section{min-width:0}.agent-details h3{font-size:23px}.agent-details dl{display:grid;grid-template-columns:1fr 2fr;gap:12px 16px;font-size:14px}.agent-details dt{color:var(--muted)}.agent-details dd{margin:0;overflow-wrap:anywhere}.agent-details article{padding:14px 0;margin-top:18px}.agent-details article p{font-size:15px;margin:10px 0}.agent-details article h3{font-size:18px;margin:4px 0}.agent-details code{font-size:12px;overflow-wrap:anywhere;white-space:normal}.agent-details details p{font-size:14px}.agent-replay .replay-map{margin:28px 0}.agent-replay select{min-height:46px;width:100%}
@media(max-width:850px){.agent-select,.agent-envelope,.agent-task-results{grid-template-columns:1fr;gap:20px}.agent-replay .replay-node small{font-size:12px}.agent-replay h2{font-size:25px}}
@media(max-width:700px){.agent-controls{display:grid;grid-template-columns:1fr 1fr}.agent-controls #agent-play,.agent-controls output{grid-column:1/-1}.agent-controls button{padding:10px 8px}.agent-details dl{grid-template-columns:1fr 1.5fr}.agent-hop-text{min-height:64px}.agent-replay .replay-node span{font-size:15px}.agent-details h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){#agent-dot{display:none!important}}

.agent-comparison{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:24px 0}.agent-comparison h3{font-size:16px;margin:0 0 8px}.agent-comparison strong{font-size:28px;font-variant-numeric:tabular-nums}.agent-comparison p{margin:0}
@media(max-width:700px){.agent-comparison{grid-template-columns:1fr;gap:16px}}