.klyp-GenerationStatus{align-items:center;gap:var(--space-12);padding-inline:var(--space-16);padding-block:var(--space-8);border-radius:var(--r-chip);font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-fg-muted);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);transition:background var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast);font-weight:500;line-height:1;display:inline-flex}.klyp-GenerationStatus[data-size=md]{font-size:var(--font-size-13);padding-inline:var(--space-20);padding-block:var(--space-12)}.klyp-GenerationStatus[data-state=pending],.klyp-GenerationStatus[data-state=running]{color:var(--color-fg-primary);background:var(--color-bg-surface)}.klyp-GenerationStatus[data-state=pending] .klyp-GenerationStatus__label,.klyp-GenerationStatus[data-state=running] .klyp-GenerationStatus__label{font-variant-numeric:tabular-nums}.klyp-GenerationStatus[data-state=done]{color:var(--color-status-success);border-color:var(--color-status-success-muted);background:var(--color-status-success-muted)}.klyp-GenerationStatus[data-state=error]{color:var(--color-status-danger);border-color:var(--color-status-danger-muted);background:var(--color-status-danger-muted)}.klyp-GenerationStatus__icon{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm);flex-shrink:0}.klyp-GenerationStatus__label{white-space:nowrap}.klyp-GenerationStatus__spinner{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm);border:1.5px solid var(--color-border-subtle);border-top-color:var(--color-fg-primary);border-radius:50%;flex-shrink:0;animation:.9s linear infinite klyp-GenerationStatus-spin}.klyp-GenerationStatus__retry{align-items:center;gap:var(--space-8);padding-inline:var(--space-12);padding-block:var(--space-4);color:inherit;font:inherit;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--duration-fast);background:0 0;border:none;margin-inline-start:var(--space-8);display:inline-flex}.klyp-GenerationStatus__retry:hover{background:color-mix(in oklab, currentColor 12%, transparent)}.klyp-GenerationStatus__retry:focus-visible{outline-offset:2px;outline:2px solid}.klyp-GenerationStatus__retryIcon{inline-size:var(--icon-size-xs);block-size:var(--icon-size-xs)}@keyframes klyp-GenerationStatus-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.klyp-GenerationStatus__spinner{border-top-color:var(--color-border-subtle);animation:none}}.klyp-GenerationStatus__storyStack{gap:var(--space-24);flex-direction:column;align-items:flex-start;display:flex}
