[data-slide-id="animation-lab"] .scene-title { font-size: 5.5cqw; margin-bottom: 3cqw; }
[data-slide-id="animation-lab"] .lab-disclaimer { margin-left: 2cqw; font-size: .75cqw; color: var(--muted); }
[data-slide-id="animation-lab"] .lab-flow { display: grid; grid-template-columns: 1fr 7cqw 1fr; align-items: center; }
[data-slide-id="animation-lab"] .lab-card { padding: 2.1cqw 2.4cqw; border: 1px solid var(--line); background: var(--paper); min-height: 20cqw; border-radius: 3px; }
[data-slide-id="animation-lab"] .lab-context { background: #16251f; border-color: #355c4d; }
[data-slide-id="animation-lab"] .lab-number { font: 500 1cqw var(--mono); color: var(--muted); letter-spacing: .08em; }
[data-slide-id="animation-lab"] h3 { font: 400 3.2cqw/1.1 var(--serif); letter-spacing: -.035em; margin: 1.5cqw 0 1.1cqw; }
[data-slide-id="animation-lab"] .lab-card p { font-size: 1.4cqw; line-height: 1.7; color: var(--muted); margin: 0 0 1.5cqw; }
[data-slide-id="animation-lab"] .lab-detail, [data-slide-id="animation-lab"] .lab-resolution { display: flex; align-items: center; gap: 1cqw; padding: 1cqw; font-size: 1.15cqw; border-radius: 3px; background: var(--accent-wash); color: var(--accent); }
[data-slide-id="animation-lab"] .detail-dot { width: .5cqw; height: .5cqw; border-radius: 50%; background: var(--accent); }
[data-slide-id="animation-lab"] .lab-resolution { color: var(--green); background: #173027; justify-content: space-between; }
[data-slide-id="animation-lab"] .lab-connector { display: flex; align-items: center; justify-content: center; color: var(--green); }
[data-slide-id="animation-lab"] .lab-arrow { position: relative; display: block; width: 4.2cqw; border-top: .16cqw solid currentColor; }
[data-slide-id="animation-lab"] .lab-arrow::after { content: ''; position: absolute; right: 0; top: 0; width: .85cqw; height: .85cqw; border-top: .16cqw solid currentColor; border-right: .16cqw solid currentColor; transform: translateY(-54%) rotate(45deg); transform-origin: center; }
@container (max-width: 600px) {
  [data-slide-id="animation-lab"] .lab-flow { grid-template-columns: 1fr; gap: 12px; }
  [data-slide-id="animation-lab"] .lab-connector { display: none; }
  [data-slide-id="animation-lab"] .scene-title { font-size: max(30px, 5.5cqw); }
  [data-slide-id="animation-lab"] .lab-disclaimer { display: block; margin: 8px 0 0; font-size: 8px; }
  [data-slide-id="animation-lab"] .lab-card { padding: 20px; }
  [data-slide-id="animation-lab"] h3 { font-size: 26px; }
  [data-slide-id="animation-lab"] .lab-number { font-size: 9px; }
  [data-slide-id="animation-lab"] .lab-card p { font-size: 14px; }
  [data-slide-id="animation-lab"] .lab-detail, [data-slide-id="animation-lab"] .lab-resolution { padding: 10px; font-size: 12px; }
}