.ai-top{left:calc(30 * var(--u));right:calc(30 * var(--u));top:calc(26 * var(--u));align-items:center;gap:calc(8 * var(--u));display:flex;position:absolute}.ai-top i{width:calc(6 * var(--u));height:calc(6 * var(--u));background:var(--violet-light);border-radius:50%}.ai-top-demo{padding:calc(4 * var(--u)) calc(8 * var(--u));border:1px solid var(--edge-strong);border-radius:calc(5 * var(--u));font-size:calc(10 * var(--u));letter-spacing:.08em;color:var(--ink-secondary);margin-left:auto}.ai-task{left:calc(156 * var(--u));top:calc(70 * var(--u));align-items:center;gap:calc(14 * var(--u));width:calc(288 * var(--u));padding:calc(15 * var(--u)) calc(19 * var(--u));animation-name:ai-task;display:flex;position:absolute}.ai-task .ms-ico{width:calc(24 * var(--u));height:calc(24 * var(--u));color:var(--violet-light)}.ai-task b,.ai-output b{margin-top:calc(4 * var(--u));font-size:calc(16 * var(--u));line-height:1.3;display:block}.ai-wire{left:calc(60 * var(--u));right:calc(60 * var(--u));top:calc(205 * var(--u));background:linear-gradient(90deg, transparent, var(--violet-light), transparent);opacity:.6;height:1px;position:absolute}.ai-packet{left:calc(74 * var(--u));top:calc(203 * var(--u));width:calc(12 * var(--u));height:calc(4 * var(--u));border-radius:var(--radius-full);background:var(--violet-light);box-shadow:0 0 calc(15 * var(--u)) var(--violet-light);animation-name:ai-packet;animation-timing-function:linear;position:absolute}.ai-agent{top:calc(176 * var(--u));justify-items:center;gap:calc(10 * var(--u));width:calc(110 * var(--u));margin-left:calc(-55 * var(--u));display:grid;position:absolute}.ai-agent-0{left:calc(135 * var(--u))}.ai-agent-1{left:calc(245 * var(--u))}.ai-agent-2{left:calc(355 * var(--u))}.ai-agent-3{left:calc(465 * var(--u))}.ai-agent-avatar{width:calc(58 * var(--u));height:calc(58 * var(--u));border:1px solid var(--edge-strong);background:var(--canvas-overlay);box-shadow:var(--shadow-card);color:var(--violet-light);border-radius:50%;place-items:center;display:grid}.ai-agent-avatar .ms-ico{width:calc(24 * var(--u));height:calc(24 * var(--u))}.ai-agent-glow{left:50%;top:calc(-6 * var(--u));width:calc(70 * var(--u));height:calc(70 * var(--u));margin-left:calc(-35 * var(--u));border:2px solid var(--violet-light);box-shadow:0 0 calc(24 * var(--u)) color-mix(in srgb, var(--violet-light) 55%, transparent);opacity:0;border-radius:50%;position:absolute}.ai-agent-label{font-size:calc(14 * var(--u));color:var(--ink-primary);opacity:.45}.ai-agent-0 .ai-agent-glow{animation-name:ai-glow-0}.ai-agent-1 .ai-agent-glow{animation-name:ai-glow-1}.ai-agent-2 .ai-agent-glow{animation-name:ai-glow-2}.ai-agent-3 .ai-agent-glow{animation-name:ai-glow-3}.ai-agent-0 .ai-agent-label{animation-name:ai-label-0}.ai-agent-1 .ai-agent-label{animation-name:ai-label-1}.ai-agent-2 .ai-agent-label{animation-name:ai-label-2}.ai-agent-3 .ai-agent-label{animation-name:ai-label-3}.ai-output{left:calc(128 * var(--u));top:calc(296 * var(--u));align-items:center;gap:calc(12 * var(--u));width:calc(344 * var(--u));padding:calc(16 * var(--u)) calc(19 * var(--u));animation-name:ai-output;display:flex;position:absolute}.ai-output-check{width:calc(36 * var(--u));height:calc(36 * var(--u));background:var(--violet);color:var(--ink-primary);border-radius:50%;place-items:center;display:grid}.ai-output-check .ms-ico{width:calc(18 * var(--u));height:calc(18 * var(--u))}@keyframes ai-task{0%,to{opacity:0;transform:translateY(calc(-10 * var(--u)))}7%,88%{opacity:1;transform:none}95%{opacity:0;transform:none}}@keyframes ai-packet{0%,4%{opacity:0;transform:translate(0)}8%{opacity:1;transform:translate(0)}80%{transform:translateX(calc(440 * var(--u)));opacity:1}88%,to{transform:translateX(calc(440 * var(--u)));opacity:0}}@keyframes ai-glow-0{0%,9%,27%,to{opacity:0;transform:scale(.85)}13%,23%{opacity:1;transform:none}}@keyframes ai-glow-1{0%,27%,45%,to{opacity:0;transform:scale(.85)}31%,41%{opacity:1;transform:none}}@keyframes ai-glow-2{0%,45%,63%,to{opacity:0;transform:scale(.85)}49%,59%{opacity:1;transform:none}}@keyframes ai-glow-3{0%,63%,81%,to{opacity:0;transform:scale(.85)}67%,77%{opacity:1;transform:none}}@keyframes ai-label-0{0%,9%,27%,to{opacity:.45}13%,23%{opacity:1}}@keyframes ai-label-1{0%,27%,45%,to{opacity:.45}31%,41%{opacity:1}}@keyframes ai-label-2{0%,45%,63%,to{opacity:.45}49%,59%{opacity:1}}@keyframes ai-label-3{0%,63%,81%,to{opacity:.45}67%,77%{opacity:1}}@keyframes ai-output{0%,74%,to{opacity:0;transform:translateY(calc(12 * var(--u)))}83%,93%{opacity:1;transform:none}}