.chloe-motion{position:relative;isolation:isolate;min-width:0;flex:none;color:#193d4d}
.chloe-motion-art{position:relative;aspect-ratio:600/440;width:100%;overflow:hidden}
.chloe-motion-fallback{display:block;width:100%;height:100%;transition:opacity .3s ease}
.chloe-motion canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.chloe-motion[data-motion-ready] .chloe-motion-fallback{opacity:0}
.chloe-motion--compact{width:172px;align-self:center}
.chloe-motion--large{width:min(100%,620px);margin:auto}
.tool-hero:has(>.chloe-motion){display:grid!important;grid-template-columns:minmax(0,1fr) 172px auto;gap:20px}
.dashboard-role-context:has(.chloe-motion){display:flex;flex-direction:column;align-items:center;gap:5px}
@media(max-width:980px){.tool-hero:has(>.chloe-motion){grid-template-columns:minmax(0,1fr) 140px}.tool-hero:has(>.chloe-motion) .tool-hero-actions{grid-column:1/-1}.chloe-motion--compact{width:140px}}
@media(max-width:600px){.chloe-motion--compact{width:100px}.tool-hero:has(>.chloe-motion){grid-template-columns:minmax(0,1fr) 100px;gap:10px}.dashboard-role-context:has(.chloe-motion){align-items:flex-start}.chloe-motion--large{max-width:300px}}
@media(prefers-reduced-motion:reduce){.chloe-motion-fallback{transition:none}}
@media print{.chloe-motion{display:none!important}.tool-hero:has(>.chloe-motion){display:block!important}}