.sparkle-status{display:flex;align-items:flex-start;gap:12px;padding:14px clamp(18px,5vw,34px);border-bottom:1px solid rgba(33,23,44,.14);background:linear-gradient(90deg,rgba(255,79,163,.09),rgba(217,195,255,.2));font-size:.88rem}.sparkle-status .sparkle-mark{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1.5px solid var(--ink);border-radius:50%;background:var(--lime);font-weight:900}.sparkle-status div{display:grid;gap:2px}.sparkle-status strong{font-size:.86rem}.sparkle-status span:last-child{color:var(--muted);font-size:.8rem}.sparkle-status[data-state="loading"],.sparkle-status[data-state="progress"],.sparkle-status[data-state="starting"],.sparkle-status[data-state="generating"]{background:linear-gradient(90deg,rgba(255,79,163,.18),rgba(217,195,255,.32))}.sparkle-status[data-state="ready"],.sparkle-status[data-state="complete"]{background:rgba(198,243,90,.18)}.sparkle-status[data-state="error"]{background:#fff3f5}.sparkle-status[data-state="loading"] .sparkle-mark,.sparkle-status[data-state="progress"] .sparkle-mark,.sparkle-status[data-state="starting"] .sparkle-mark,.sparkle-status[data-state="generating"] .sparkle-mark{animation:sparkle-pulse 1.3s ease-in-out infinite}@keyframes sparkle-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,79,163,.15)}50%{transform:scale(1.06);box-shadow:0 0 0 7px rgba(255,79,163,0)}}@media(max-width:520px){.sparkle-status{padding:13px 16px}.sparkle-status .sparkle-mark{width:30px;height:30px;flex-basis:30px}}@media(prefers-reduced-motion:reduce){.sparkle-status .sparkle-mark{animation:none!important}}