@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{width:24px;height:24px;border:10px solid #f3f3f3;border-top:10px solid #383636;border-radius:50%;animation:spinner 1.5s linear infinite}.steps{display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.step-container{display:flex;align-items:center;gap:8px}.step{width:32px;height:32px;border:3px solid #d8d8d8;border-radius:50%;display:flex;align-items:center;justify-content:center}.step-container p{text-wrap:wrap;max-width:150px}.step .icon,.step .circle,.step .spinner{display:block;margin:0 auto;font-size:24px}.step.completed{color:#000;border-color:#000}.step.loading .spinner{border:3px solid transparent;border-top:3px solid black;border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-bar{background-color:#eee;height:4px;border-radius:2px;margin-bottom:8px;overflow:hidden}.progress{height:100%;background-color:#000;width:30%;transition:width 1s}.status-text{font-size:14px;color:#333}.thinking-container{position:relative;overflow:hidden}.thinking-text{--shimmer-contrast: #ffffffbf;text-fill-color:transparent;-webkit-text-fill-color:transparent;animation-delay:.5s;animation-duration:3s;animation-iteration-count:infinite;animation-name:thinking-sweep;background:#5d5d5d linear-gradient(to right,#5d5d5d 0,#ffffffbf 40%,#ffffffbf 60%,#5d5d5d 100%);background:#5d5d5d -webkit-gradient(linear,100% 0,0 0,from(#5d5d5d),color-stop(.4,#ffffffbf),color-stop(.6,#ffffffbf),to(#5d5d5d));-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat;background-size:50% 200%;display:inline-block}.thinking-text:hover{-webkit-text-fill-color:var(--text-primary, #000);animation:none}@keyframes thinking-sweep{0%{background-position:-100% 0}to{background-position:200% 0}}