#ai-agent .ai-story-canvas{padding:0!important;min-height:0!important;background:#f4f7fa;isolation:isolate;border:1px solid #dce5ee;border-radius:26px;overflow:hidden;aspect-ratio:375/920}
#ai-agent .ai-flagship{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;font-family:'Plus Jakarta Sans','Noto Sans Devanagari','Nirmala UI',Mangal,sans-serif}
#ai-agent .ai-flagship text{fill:#14243d}
#ai-agent .ai-flagship .ai-small{fill:#59708f;font-weight:700;letter-spacing:.06em}
#ai-agent .ai-flagship .ai-core-label{font-family:Outfit,sans-serif;font-weight:800}
#ai-agent .ai-flagship .ai-white{fill:#fff}
#ai-agent .ai-flagship .ai-teal-text{fill:#106b5d}
#ai-agent .ai-flagship .ai-route{fill:none;stroke:#bcc9d5;stroke-width:1.6;stroke-dasharray:5 7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.65}
#ai-agent .ai-flagship .ai-route[data-active]{stroke:var(--route-color);stroke-width:2.1;opacity:.95;stroke-dasharray:none}
#ai-agent .ai-flagship .ai-surface{stroke:#dce5ee;stroke-width:1;vector-effect:non-scaling-stroke}
#ai-agent .ai-flagship [data-highlight]>.ai-surface{stroke:#b77706;stroke-width:2;fill:#fff8e9}
#ai-agent .ai-flagship [data-highlight='teal']>.ai-surface{stroke:#168675;fill:#e5f5ef}
#ai-agent .ai-flagship .ai-port{fill:white;stroke:#9fb0c2;stroke-width:1.5;vector-effect:non-scaling-stroke}
#ai-agent .ai-flagship .ai-token{display:none;pointer-events:none}
#ai-agent .ai-flagship .ai-token[data-visible]{display:block}
#ai-agent .ai-flagship .ai-network{opacity:.12}
#ai-agent .ai-flagship .ai-orbit{fill:none;stroke:#cf9d3e;vector-effect:non-scaling-stroke}
#ai-agent .ai-flagship [data-highlight] .ai-status-dot{fill:#fff}
#ai-agent .ai-story-canvas:focus-visible{outline:3px solid #168675;outline-offset:4px}
@media(min-width:640px) and (max-width:1023px){#ai-agent .ai-story-canvas{aspect-ratio:640/660}}
@media(min-width:1024px){#ai-agent .ai-story-canvas{aspect-ratio:760/560}}
@media(min-width:1200px){#ai-agent>div>div.grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;gap:28px!important}}
@media(min-width:1024px) and (max-width:1199px){#ai-agent>div>div.grid{grid-template-columns:1fr!important;gap:40px!important}#ai-agent .ai-story-canvas{max-width:760px;width:100%;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){#ai-agent .ai-flagship .ai-token{display:none!important}}
