/* CopyLab Module Styles */
.mock-ad { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-6); position: relative; overflow: hidden; }
.mock-ad .ad-part { padding: var(--space-3); border-radius: var(--radius-sm); transition: all var(--transition-base); cursor: pointer; position: relative; }
.mock-ad .ad-part.highlighted { border-left: 3px solid var(--accent-lime); background: rgba(189,255,71,0.05); }
.mock-ad .ad-part .part-label { position: absolute; top: -8px; right: 8px; padding: 2px 8px; background: var(--accent-lime); color: var(--text-inverse); font-size: var(--text-xs); font-weight: var(--weight-bold); border-radius: var(--radius-sm); animation: fadeSlideIn 0.3s ease-out; }
.aida-funnel { max-width: 400px; margin: 0 auto; }
.aida-funnel svg { width: 100%; }
.aida-stage { transition: all var(--transition-base); cursor: pointer; }
.aida-stage:hover { filter: brightness(1.2); }
.copy-challenge-tabs { margin-bottom: var(--space-6); }
.copy-stats { display: flex; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-3); }
.copy-stat { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-2) var(--space-3); font-size: var(--text-xs); font-family: var(--font-mono); color: var(--text-secondary); }
.copy-stat .stat-val { color: var(--accent-lime); font-weight: var(--weight-bold); }
.diff-view { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
.diff-view .diff-panel { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-4); }
.diff-view .diff-panel h4 { font-size: var(--text-sm); margin-bottom: var(--space-3); }
.diff-view .diff-panel.student { border-color: rgba(255,107,107,0.3); }
.diff-view .diff-panel.improved { border-color: rgba(77,255,176,0.3); }
@media (max-width: 767px) { .diff-view { grid-template-columns: 1fr; } }