/* Adlib Wizard Styles */
.wizard-step { display: none; }
.wizard-step.active { display: block; }

.genre-btn, .format-btn {
  padding: 16px;
  background: var(--bg-card);
  border: 2px solid var(--border);
  border-radius: var(--radius);
  color: var(--text-primary);
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  text-align: center;
}
.genre-btn:hover, .format-btn:hover { border-color: var(--accent); background: var(--bg-card-hover); }
.genre-btn.selected, .format-btn.selected { border-color: var(--accent); background: var(--accent-soft); color: var(--accent); }
.genre-btn small, .format-btn small { display: block; font-size: 13px; color: var(--text-secondary); margin-top: 4px; font-weight: 400; }

.adlib-header { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid var(--border); }
.adlib-header h2 { font-size: 16px; color: var(--accent); text-transform: uppercase; letter-spacing: 1px; }

.adlib-chat { max-height: 400px; overflow-y: auto; padding: 16px; background: var(--bg-card); border-radius: var(--radius); margin-bottom: 16px; }
.adlib-msg { margin-bottom: 16px; padding: 12px 16px; border-radius: 12px; max-width: 80%; }
.adlib-msg.bot { background: var(--bg-input); color: var(--text-primary); margin-right: auto; border-bottom-left-radius: 4px; }
.adlib-msg.user { background: var(--accent-soft); color: var(--accent); margin-left: auto; text-align: right; border-bottom-right-radius: 4px; }

.adlib-input { display: flex; gap: 12px; align-items: flex-end; }
.adlib-input textarea { flex: 1; }

.preview-frames { display: flex; gap: 8px; overflow-x: auto; padding: 8px 0; }
.preview-frame { min-width: 180px; padding: 12px; background: var(--bg-input); border-radius: 8px; border-left: 3px solid var(--accent); }
.preview-frame .frame-time { font-size: 11px; color: var(--accent); font-weight: 600; margin-bottom: 4px; }
.preview-frame .frame-visual { font-size: 13px; color: var(--text-primary); margin-bottom: 6px; }
.preview-frame .frame-camera { font-size: 11px; color: var(--text-muted); font-style: italic; }
