.generated-image-card[data-v-2d35ba14]{background:var(--color-neutral-white);border:1px solid #e2e8f0;border-radius:var(--border-radius-12);display:flex;flex-direction:column;gap:var(--spacing-12);padding:var(--spacing-12);transition:border-color .2s ease,box-shadow .2s ease}.generated-image-card.status-completed[data-v-2d35ba14]{border-color:#10b981}.generated-image-card.status-processing[data-v-2d35ba14]{border-color:#f59e0b}.generated-image-card.status-error[data-v-2d35ba14]{border-color:#ef4444}.generated-image-card[data-v-2d35ba14]:hover{box-shadow:0 10px 24px #0f172a1f}.image-container[data-v-2d35ba14]{align-items:center;background:#f8fafc;border-radius:var(--border-radius-10);display:flex;justify-content:center;min-height:160px;overflow:hidden;position:relative}.image[data-v-2d35ba14]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.status-badge[data-v-2d35ba14]{background:#0f172acc;border-radius:999px;color:#fff;font-size:11px;font-weight:600;left:var(--spacing-8);letter-spacing:.05em;padding:4px 8px;position:absolute;text-transform:uppercase;top:var(--spacing-8);z-index:2}.status-badge.status-completed[data-v-2d35ba14]{background:#10b981d9}.status-badge.status-processing[data-v-2d35ba14]{background:#f59e0bd9}.status-badge.status-error[data-v-2d35ba14]{background:#ef4444d9}.state[data-v-2d35ba14]{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-8);justify-content:center;padding:var(--spacing-16);text-align:center}.state-loading[data-v-2d35ba14],.state-processing[data-v-2d35ba14]{color:#f97316}.state-error[data-v-2d35ba14]{color:#ef4444}.state-empty[data-v-2d35ba14]{color:#94a3b8}.spinner[data-v-2d35ba14]{height:28px;width:28px}.download-spinner[data-v-2d35ba14],.spinner[data-v-2d35ba14]{animation:spin-2d35ba14 1s linear infinite;border:3px solid rgba(15,23,42,.1);border-radius:50%;border-top-color:#0f172a99}.download-spinner[data-v-2d35ba14]{height:14px;margin:auto;width:14px}.actions[data-v-2d35ba14]{align-items:center;display:flex;gap:var(--spacing-8);justify-content:space-between}.action-button[data-v-2d35ba14]{flex:1;gap:var(--spacing-4)}@keyframes spin-2d35ba14{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.page-header[data-v-4f190d4a]{align-items:flex-start;display:flex;gap:var(--spacing-16);justify-content:space-between}.title-group[data-v-4f190d4a]{display:flex;flex-direction:column;gap:var(--spacing-8)}.page-title[data-v-4f190d4a]{color:#0f172a;margin:0}.page-description[data-v-4f190d4a]{color:#475569}.actions[data-v-4f190d4a]{display:flex;gap:var(--spacing-12)}.content[data-v-4f190d4a],.list-area[data-v-4f190d4a]{display:flex;flex-direction:column;gap:var(--spacing-24)}.grid[data-v-4f190d4a]{display:grid;gap:var(--spacing-16);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card-skeleton[data-v-4f190d4a]{animation:pulse-4f190d4a 1.6s ease-in-out infinite;background:var(--color-neutral-white);border:1px solid #e2e8f0;border-radius:var(--border-radius-12);display:flex;flex-direction:column;gap:var(--spacing-12);padding:var(--spacing-12)}.card-skeleton__image[data-v-4f190d4a]{animation:shimmer-4f190d4a 1.8s ease-in-out infinite;background:linear-gradient(90deg,#e2e8f0,#f1f5f9 50%,#e2e8f0);background-size:200% 100%;border-radius:var(--border-radius-10);height:220px}.card-skeleton__actions[data-v-4f190d4a]{display:flex;gap:var(--spacing-8)}.card-skeleton__actions .pill[data-v-4f190d4a]{background:#e2e8f0;border-radius:999px;flex:1;height:32px}.load-more[data-v-4f190d4a]{align-self:center;min-width:180px}.message[data-v-4f190d4a]{border-radius:var(--border-radius-12)}.message--error[data-v-4f190d4a]{border:1px dashed #fca5a5}.empty-state[data-v-4f190d4a]{align-items:center;background:#f1f5f9a6;border:1px dashed #cbd5f5;border-radius:var(--border-radius-12);color:#475569;display:flex;flex-direction:column;gap:var(--spacing-12);justify-content:center;padding:var(--spacing-32) var(--spacing-16);text-align:center}@keyframes pulse-4f190d4a{0%,to{opacity:.75}50%{opacity:1}}@keyframes shimmer-4f190d4a{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:1024px){.page-header[data-v-4f190d4a]{align-items:flex-start;flex-direction:column}.actions[data-v-4f190d4a]{align-self:center}}