.agent-canvas{background:linear-gradient(#0c0c12e0,#0c0c12e0) 0 0/100% 100%,linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#ffffff0a 1px,#0000 1px) 0 0/32px 32px;border:1px solid #ffffff1a;border-radius:18px;width:100%;max-width:1060px;margin:0 auto;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 -30px 100px -30px #8a3ffc59,0 40px 100px #0009}.agent-canvas-topbar{background:#ffffff05;border-bottom:1px solid #ffffff12;align-items:center;gap:.6rem;padding:.85rem 1.25rem;display:flex}.agent-canvas-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite canvas-live-pulse;box-shadow:0 0 10px #4ade80cc}@keyframes canvas-live-pulse{0%,to{opacity:1}50%{opacity:.4}}.agent-canvas-title{color:#c9d1d9;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.8rem}.agent-canvas-env{letter-spacing:.08em;color:var(--accent-soft);background:#8a3ffc1a;border:1px solid #8a3ffc66;border-radius:100px;margin-left:auto;padding:.2rem .7rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.7rem}.agent-canvas-svg{width:100%;height:auto;display:block}.canvas-edge{stroke:#ffffff24;stroke-width:1.5px;stroke-dasharray:5 6;animation:1.6s linear infinite edge-flow}@keyframes edge-flow{to{stroke-dashoffset:-22px}}.canvas-beam{fill:#c084fc;filter:drop-shadow(0 0 6px #c084fce6)}.canvas-node rect{fill:#14141eeb;stroke:#ffffff24;stroke-width:1px;transition:stroke .25s,filter .25s}.canvas-node:hover rect{stroke:#c084fccc;filter:drop-shadow(0 0 14px #8a3ffc80)}.canvas-node-agent rect{stroke:#8a3ffc8c;fill:#1a1228f2}.node-title{fill:#f0f6fc;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:15px;font-weight:600}.node-title.sm{font-size:14px}.node-sub{fill:#8b949e;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:11.5px}.node-sub.dim{fill:#565d68}.node-status{fill:#4ade80}.pulse-0 rect{animation:4.8s ease-in-out infinite node-pulse}.pulse-1 rect{animation:4.8s ease-in-out .7s infinite node-pulse}.pulse-2 rect{animation:4.8s ease-in-out 1.4s infinite node-pulse}.pulse-3 rect{animation:4.8s ease-in-out 2s infinite node-pulse}.pulse-4 rect{animation:4.8s ease-in-out 2.6s infinite node-pulse}@keyframes node-pulse{0%,18%,to{filter:none}8%{filter:drop-shadow(0 0 16px #8a3ffcbf)}}.agent-canvas-trace{background:#00000040;border-top:1px solid #ffffff12;flex-direction:column;gap:.45rem;min-height:148px;padding:1rem 1.25rem;display:flex}.trace-line{opacity:0;gap:1rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.78rem;animation:8s linear infinite trace-in;display:flex}@keyframes trace-in{0%{opacity:0;transform:translateY(5px)}3%,88%{opacity:1;transform:translateY(0)}96%,to{opacity:0}}.trace-time{color:#565d68;flex-shrink:0}.trace-muted .trace-text{color:#8b949e}.trace-accent .trace-text{color:#c084fc}.trace-ok .trace-text{color:#4ade80}@media (max-width:640px){.agent-canvas-trace{min-height:132px}.trace-line{gap:.6rem;font-size:.68rem}.agent-canvas-env{display:none}}