.generation-card{width:min(100%,440px);margin:0 auto;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--bg);box-shadow:0 16px 48px #0002}.generation-card-visual{position:relative;isolation:isolate;min-height:250px;height:clamp(260px,38vh,380px);overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 25% 15%,#61dcc331,transparent 65%),radial-gradient(ellipse at 85% 85%,#9283df24,transparent 60%),var(--surface)}.generation-card-visual:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b0d141a,#0b0d144d 45%,#0b0d14ab)}.generation-card-kind{position:absolute;left:16px;top:16px;display:flex;align-items:center;gap:7px;font-size:11px;color:#e6f7f3;background:#10141a80;border:1px solid #ffffff15;border-radius:999px;padding:7px 10px}.generation-card-state{padding:62px 22px 48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--text)}.generation-card-orbit{display:grid;place-items:center;width:64px;height:64px;border:1px solid #8ae9d54d;border-radius:21px;background:#5bc5ac16;color:var(--accent);box-shadow:0 0 42px #65d6bd18;animation:generation-breathe 2.6s ease-in-out infinite}.generation-card-state strong{font-size:18px;font-weight:500;letter-spacing:-.3px}.generation-card-state p{max-width:285px;font-size:12px;line-height:1.65;color:#c0c8d0;margin:0}.generation-card-specs{position:absolute;bottom:14px;display:flex;gap:7px}.generation-card-specs span{font-size:10px;padding:4px 8px;border-radius:5px;background:#11151ba3;color:#c6d0d5;border:1px solid #ffffff0d}.generation-card-body{padding:17px;display:grid;grid-gap:15px;gap:15px}.generation-card-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;color:var(--muted);font-size:10px;line-height:1.5}.generation-card-meta>span:first-child{color:var(--text)}.generation-card-steps{display:flex;list-style:none;padding:13px 0 0;margin:0;border-top:1px solid var(--line);gap:8px;justify-content:space-between}.generation-card-steps li{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.generation-card-steps li>span{width:17px;height:17px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:9px}.generation-card-steps [data-state=current],.generation-card-steps [data-state=done]{color:var(--accent)}.generation-card-steps [data-state=current]>span{background:#68d6bf1c;border-color:#68d6bf66}.generation-card-steps [data-state=done]>span{background:#68d6bf19}.generation-card:is([data-status=unknown],[data-status=failed]) .generation-card-orbit{animation:none;color:#f4c678;border-color:#f4c67850;background:#f4c67814}.generation-card .result-actions{margin:0;justify-content:center}.generation-card .text-link{font-size:11px}.generation-request-details{width:min(100%,440px);margin:0 auto}.generation-request-details>summary{font-size:11px;color:var(--muted);cursor:pointer;padding:7px 0}.generation-request-details>.request-reference{margin:8px 0}.generation-preparing{padding:24px}@keyframes generation-breathe{50%{box-shadow:0 0 48px #65d6bd32;border-color:#8ae9d588}}@media(max-width:760px){.generation-card-visual{height:270px;min-height:230px}.generation-card-body{padding:15px}.generation-preparing{padding:16px}.generation-card-state strong{font-size:17px}}@media(prefers-reduced-motion:reduce){.generation-card .spin,.generation-card-orbit{animation:none}}