.showcase-row{opacity:0;transform:translateX(60px);transition:opacity .5s ease-out,transform .5s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i, 0) * .12s)}.showcase-row[data-visible=true]{opacity:1;transform:translateX(0)}.showcase-row[data-fixed=true]{border-color:rgba(34,197,94,.55);box-shadow:0 0 0 1px rgba(34,197,94,.25),0 0 24px -8px rgba(34,197,94,.35)}.showcase-photo{position:relative;overflow:hidden}.showcase-photo:after,.showcase-photo:before{content:"";position:absolute;inset:0;transition:opacity .6s ease-in-out}.showcase-photo:before{background:linear-gradient(135deg,#2a2a2a,#4a4a4a 50%,#2a2a2a);opacity:1}.showcase-photo:after{background:linear-gradient(135deg,#fb923c,#f59e0b 50%,#d97706);opacity:0}.showcase-row[data-fixed=true] .showcase-photo:before{opacity:0}.showcase-row[data-fixed=true] .showcase-photo:after{opacity:1}.showcase-emoji{position:relative;z-index:2;font-size:28px;filter:grayscale(1);opacity:.45;transition:font-size .6s ease-out,filter .6s ease-out,opacity .6s ease-out,transform .6s cubic-bezier(.22,1,.36,1)}.showcase-row[data-fixed=true] .showcase-emoji{font-size:42px;filter:grayscale(0);opacity:1;transform:scale(1.05)}.showcase-text{display:inline-grid;grid-template-columns:1fr;align-items:start}.showcase-text-after,.showcase-text-before{grid-area:1/1;transition:opacity .4s ease-out}.showcase-row[data-fixed=true] .showcase-text-before,.showcase-text-after{opacity:0}.showcase-row[data-fixed=true] .showcase-text-after{opacity:1}.showcase-check{opacity:0;transform:scale(.6);transition:opacity .3s ease-out,transform .3s cubic-bezier(.22,1,.36,1)}.showcase-row[data-fixed=true] .showcase-check{opacity:1;transform:scale(1)}.showcase-orb{position:absolute;top:0;left:0;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .4s ease-out;pointer-events:none;z-index:10;will-change:transform}@media (prefers-reduced-motion:reduce){.showcase-check,.showcase-emoji,.showcase-orb,.showcase-photo:after,.showcase-photo:before,.showcase-row,.showcase-text-after,.showcase-text-before{transition:none}}.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-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}}