.generation-progress{align-items:flex-start;margin-top:20px!important}
.generation-card{box-sizing:border-box;max-width:560px;width:100%;padding:17px 20px;border:1px solid #d9e7ef;border-radius:14px;background:linear-gradient(120deg,#f5faff,#f8fbfc);color:#284455}
.generation-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:600;font-size:15px;line-height:1.6}
.generation-meta{margin-top:5px;font-size:12px;color:#597383;font-variant-numeric:tabular-nums}
.generation-hint{margin:9px 0 12px;font-size:13px;line-height:1.7;color:#597383}
.generation-stop{font:inherit;font-size:12px;color:#365c73;background:#fff;border:1px solid #c4d7e3;border-radius:7px;padding:6px 12px;cursor:pointer}
.generation-stop:hover{background:#eaf4fb}.generation-stop:focus-visible{outline:2px solid #277ba8;outline-offset:3px}
.generation-orbit{display:block;width:19px;height:19px;border:2px solid #d6e7ef;border-top-color:#327eaa;border-radius:50%;animation:generation-spin 1s linear infinite}
.generation-dots{display:inline-flex;gap:4px}.generation-dots i{width:4px;height:4px;background:#5f92b0;border-radius:50%;animation:generation-dot 1.4s ease-in-out infinite}.generation-dots i:nth-child(2){animation-delay:.15s}.generation-dots i:nth-child(3){animation-delay:.3s}
@keyframes generation-spin{to{transform:rotate(360deg)}}@keyframes generation-dot{0%,75%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.generation-orbit,.generation-dots i{animation:none}.generation-orbit{border-color:#327eaa}}
@media(max-width:600px){.generation-card{padding:14px;min-width:0}.generation-heading{font-size:14px}.generation-progress .msg-role{flex-shrink:0}}