.mymage-demo-card{position:relative}.mymage-demo-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:visible}.mymage-demo-bubble{position:relative;padding:14px 16px;border-radius:18px;border:1px solid hsla(0,0%,100%,.08)}.mymage-demo-bubble--user{background:hsla(0,0%,100%,.07);border-top-right-radius:6px}.mymage-demo-bubble--assistant{background:hsla(0,0%,100%,.035);border-top-left-radius:6px}.mymage-demo-bubble-enter{opacity:0;transform:translateY(8px);animation:mymage-demo-bubble-in .32s cubic-bezier(.22,1,.36,1) forwards}@keyframes mymage-demo-bubble-in{to{opacity:1;transform:translateY(0)}}.mymage-demo-step{display:flex;align-items:center;gap:10px;padding:8px 0;color:hsla(0,0%,100%,.45);font-size:.95rem;line-height:1.4;transition:color .24s ease}.mymage-demo-step--in-progress{color:hsla(0,0%,100%,.85)}.mymage-demo-step--done{color:hsla(0,0%,100%,.65)}.mymage-demo-step__indicator{flex-shrink:0;width:18px;height:18px;border-radius:50%;border:1.5px solid hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;transition:border-color .24s ease,background-color .24s ease}.mymage-demo-step--in-progress .mymage-demo-step__indicator{border-color:hsla(0,0%,100%,.5);background-color:transparent}.mymage-demo-step--in-progress .mymage-demo-step__indicator:after{content:"";width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#5b6bff,#9e5bff,#ff5bc8);animation:mymage-demo-step-pulse .9s ease-in-out infinite}@keyframes mymage-demo-step-pulse{0%,to{opacity:.6;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.mymage-demo-step--done .mymage-demo-step__indicator{border-color:#22c55e;background:#22c55e}.mymage-demo-step--done .mymage-demo-step__indicator:after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.mymage-demo-photo{position:relative;width:100%;max-width:220px;aspect-ratio:4/3;border-radius:12px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.04)}.mymage-demo-photo--lg{max-width:300px}.mymage-demo-chip{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:hsla(0,0%,100%,.035);border:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.8);font-size:.875rem;line-height:1.35;text-align:left;transition:background-color .22s ease,border-color .22s ease,color .22s ease;cursor:pointer;width:100%}.mymage-demo-chip__arrow{font-size:.95rem;color:hsla(0,0%,100%,.35);transition:color .22s ease,transform .22s ease}.mymage-demo-chip:hover:not(:disabled){background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.18);color:hsla(0,0%,100%,.95)}.mymage-demo-chip:hover:not(:disabled) .mymage-demo-chip__arrow{color:rgba(158,91,255,.85);transform:translateX(2px)}.mymage-demo-chip:disabled{opacity:.4;cursor:not-allowed}.mymage-demo-chip--active{background:hsla(0,0%,100%,.07);border-color:rgba(158,91,255,.45);color:hsla(0,0%,100%,.95)}.mymage-demo-chip--active .mymage-demo-chip__arrow{color:rgba(158,91,255,.95)}.mymage-demo-typing-dots{display:inline-flex;gap:4px;align-items:center}.mymage-demo-typing-dots span{width:6px;height:6px;border-radius:50%;background:hsla(0,0%,100%,.55);animation:mymage-demo-typing 1.1s ease-in-out infinite}.mymage-demo-typing-dots span:nth-child(2){animation-delay:.18s}.mymage-demo-typing-dots span:nth-child(3){animation-delay:.36s}@keyframes mymage-demo-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.mymage-demo-bubble-enter{animation:none;opacity:1;transform:none}.mymage-demo-step--in-progress .mymage-demo-step__indicator:after{animation:none}.mymage-demo-typing-dots span{animation:none;opacity:.7}}