.agent-demo-window{background:var(--ds-background-100);box-shadow:var(--ds-shadow-border), var(--ds-shadow-medium);border-radius:12px;overflow:hidden}.agent-demo-chrome{height:40px;box-shadow:0 1px 0 0 var(--ds-gray-alpha-400);align-items:center;gap:8px;padding:0 16px;display:flex}.agent-demo-dot{background:var(--ds-gray-alpha-400);border-radius:9999px;width:10px;height:10px}.agent-demo-body{align-content:start;gap:16px;min-height:352px;padding:24px;display:grid}.agent-demo-step{opacity:0;animation-duration:16s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite;animation-fill-mode:both}.agent-demo-s1{animation-name:agent-demo-s1}.agent-demo-s2{animation-name:agent-demo-s2}.agent-demo-s3{animation-name:agent-demo-s3}.agent-demo-s4{animation-name:agent-demo-s4}@keyframes agent-demo-s1{0%{opacity:0;transform:translateY(8px)}4%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes agent-demo-s2{0%,18%{opacity:0;transform:translateY(8px)}22%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes agent-demo-s3{0%,38%{opacity:0;transform:translateY(8px)}42%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes agent-demo-s4{0%,60%{opacity:0;transform:translateY(8px)}64%,92%{opacity:1;transform:none}to{opacity:0}}.agent-demo-bar{background:var(--ds-gray-alpha-400);border-radius:9999px;height:2px;margin-top:8px;overflow:hidden}.agent-demo-barFill{background:var(--ds-gray-1000);transform-origin:0;width:100%;height:100%;animation:16s cubic-bezier(.4,0,.2,1) infinite both agent-demo-fill}@keyframes agent-demo-fill{0%,20%{transform:scaleX(0)}36%,to{transform:scaleX(1)}}.agent-demo-check{color:var(--ds-green-900)}@media (prefers-reduced-motion:reduce){.agent-demo-step,.agent-demo-barFill{opacity:1;animation:none;transform:none}}