.generation-progress{width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:10px;padding-top:8px;text-align:left}.generation-progress__header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.generation-progress__current{display:flex;align-items:center;gap:8px;min-height:20px}.generation-progress__spinner{width:14px;height:14px;flex-shrink:0;border-radius:50%;border:2px solid #dbe4ff;border-top-color:#1d4ed8;animation:generation-progress-spin .8s linear infinite}@keyframes generation-progress-spin{to{transform:rotate(360deg)}}.generation-progress__title{font-size:16px;font-weight:600;color:#170f49}.generation-progress__percent{font-size:16px;font-weight:700;color:#1d4ed8}.generation-progress__track{width:100%;height:10px;background:#e2e8f0;border-radius:99px;overflow:hidden}.generation-progress__fill{width:0;height:100%;background:#1d4ed8;border-radius:99px;transition:width .2s linear}.generation-progress__steps{display:flex;justify-content:space-between;gap:12px;padding-top:4px}.generation-progress__step{display:flex;align-items:center;gap:6px}.generation-progress__step-icon{width:14px;height:14px;flex-shrink:0;border-radius:50%;border:1px solid #cbd5e1;background:#fff;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}.generation-progress__step-icon svg{width:10px;height:10px;opacity:0;transition:opacity .2s}.generation-progress__step-label{font-size:12px;font-weight:600;color:#9ca3af;transition:color .2s}.generation-progress__step.is-active .generation-progress__step-icon{border-color:#2563eb}.generation-progress__step.is-done .generation-progress__step-icon{background:#2563eb;border-color:#2563eb}.generation-progress__step.is-done .generation-progress__step-icon svg{opacity:1}.generation-progress__step.is-active .generation-progress__step-label,.generation-progress__step.is-done .generation-progress__step-label{color:#4b5563}.generation-progress__caption{margin:0!important;padding-top:6px;text-align:center;font-size:14px;font-weight:400;line-height:20px;color:#4b5563}@media (max-width:600px){.generation-progress{padding-left:20px;padding-right:20px;box-sizing:border-box}.generation-progress__steps{flex-direction:column;gap:8px}}