/* =============================================================
   联码绘图平台 - AI 作图页样式
   File: public/assets/css/ai.css
   ============================================================= */
.ai-layout {
  max-width: 1200px;
  margin: 20px auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 280px 1fr 260px;
  gap: 16px;
  align-items: start;
}
@media (max-width: 1000px) {
  .ai-layout { grid-template-columns: 1fr; }
}
.ai-panel .panel-title { font-size: 15px; margin-bottom: 14px; }
.ai-panel textarea { min-height: 140px; resize: vertical; }
.ai-stage { min-height: 420px; display: flex; align-items: center; justify-content: center; }
.ai-empty { text-align: center; color: var(--muted); }
.ai-empty-icon { font-size: 56px; margin-bottom: 12px; }
.ai-result { max-width: 100%; max-height: 640px; border-radius: 10px; display: block; margin: 0 auto; }
.ai-loading { text-align: center; color: var(--muted); }
.ai-loading p { margin-top: 12px; }
.spinner {
  width: 42px;
  height: 42px;
  margin: 0 auto;
  border: 4px solid var(--border);
  border-top-color: var(--primary);
  border-radius: 50%;
  animation: ai-spin 0.9s linear infinite;
}
@keyframes ai-spin { to { transform: rotate(360deg); } }