/* Studio: AI Video & AI Images tabs */

.ai-gen-box {
  display: grid;
  gap: 12px;
  padding: 18px;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(139, 92, 246, 0.35);
  background: linear-gradient(160deg, rgba(99, 102, 241, 0.08), rgba(236, 72, 153, 0.05));
}
.ai-gen-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.ai-gen-title { font-size: 15px; font-weight: 700; }
.ai-gen-quota {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: #c4b5fd;
  background: rgba(139, 92, 246, 0.15);
}
.ai-gen-quota.empty { color: #fca5a5; background: rgba(244, 63, 94, 0.12); }
.ai-gen-box textarea { width: 100%; resize: vertical; min-height: 84px; }
.ai-gen-hint { font-size: 12px; color: var(--text-muted); line-height: 1.5; }
.ai-gen-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 13px; }
.ai-gen-row select { width: auto; padding: 5px 10px; }
.ai-gen-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.ai-gen-actions [hidden], .ai-progress[hidden] { display: none !important; }

.ai-progress { display: flex; align-items: center; gap: 12px; }
.ai-progress-text { font-size: 12.5px; color: var(--text-muted); }

/* Pipeline: create a video for an idea with AI */
button.btn.ai-video-btn {
  color: #fff;
  border: none;
  background: linear-gradient(135deg, #6366f1, #a855f7, #ec4899);
}
button.btn.ai-video-btn:hover { filter: brightness(1.08); }
button.btn.ai-video-btn.busy { opacity: 0.85; cursor: progress; }