.project-ai .ai-visual {
  container: iagent-card / inline-size;
  background: radial-gradient(ellipse at 50% 50%, #3a345a40, transparent 70%), linear-gradient(145deg, #171523, #101522);
}
.iagent-overview { display: block; width: 100%; height: auto; max-height: 100%; flex: none; }
.iagent-overview .ia-flow {
  stroke-dasharray: 6 94;
  stroke-dashoffset: 100;
  opacity: 0;
  animation: iagent-workflow 12s linear infinite;
}
.iagent-overview .ia-flow-checks { animation-delay: -8s; }
.iagent-overview .ia-flow-correction { animation-delay: -4s; }
.lab-card:not(.in-view) .iagent-overview *,
.is-background .iagent-overview *,
body:has(#case-dialog[open]) .iagent-overview * { animation-play-state: paused; }
@keyframes iagent-workflow {
  0% { opacity: 0; stroke-dashoffset: 100; }
  3% { opacity: 1; stroke-dashoffset: 100; }
  27% { opacity: 1; stroke-dashoffset: 0; }
  30%, 100% { opacity: 0; stroke-dashoffset: 0; }
}
@container iagent-card (max-width: 350px) {
  .iagent-overview text { font-size: 26px; }
  .iagent-overview [data-i18n="home.agent.visual.local"] { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .iagent-overview .ia-flow { display: none; animation: none !important; }
}