/* SHOWCASE - interactive "watch a model learn" lab */
.lab { display: grid; grid-template-columns: 1.7fr 1fr; gap: clamp(1.4rem, 3.5vw, 3rem); padding: clamp(1.2rem, 3vw, 2.4rem); border-radius: var(--r-xl); }
.lab__plot { border-radius: var(--r-lg); min-height: 360px; position: relative; overflow: hidden; }
.lab__plot canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.lab__side { display: flex; flex-direction: column; justify-content: center; gap: 1.6rem; }
.lab__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.9rem; }
.lab__stats > div { padding: 1rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.2rem; }
.lab__stats small { font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-dim); }
.lab__stats b { font-family: var(--font-display); font-size: 1.35rem; font-variant-numeric: tabular-nums; }
.lab__legend { display: flex; gap: 1.4rem; font-size: 0.85rem; color: var(--text-dim); }
.lab__legend i { display: inline-block; width: 0.7rem; height: 0.7rem; border-radius: 50%; margin-right: 0.5rem; }
.lab__actions { display: flex; flex-wrap: wrap; gap: 1rem; }
.lab__note { font-size: 0.8rem; }
@media (max-width: 900px) { .lab { grid-template-columns: 1fr; } .lab__plot { min-height: 280px; } }