/* Comparateur scène Blender / rendu final : deux vidéos jouées ensemble, une barre à glisser (15/10/2026). */
.cv { display: grid; gap: 12px; }
.cv-onglets { display: flex; flex-wrap: wrap; gap: 8px; }
.cv-onglet { height: 40px; padding-inline: 18px; border: 1px solid var(--line); border-radius: 999px; background: var(--bg); color: var(--muted); font: 600 14px/1 var(--font); cursor: pointer; }
.cv-onglet[aria-pressed="true"] { background: var(--fg); border-color: var(--fg); color: #fff; }
.cv-onglet:focus-visible, .cv-lecture:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.cv-cadre { position: relative; isolation: isolate; overflow: hidden; aspect-ratio: 16 / 9; border: 1px solid var(--line); border-radius: var(--r, 16px); background: #000; }
.cv-cadre video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.cv-cadre .cv-guide { clip-path: inset(0 calc(100% - var(--p, 50%)) 0 0); }
.cv-ligne { position: absolute; top: 0; bottom: 0; left: var(--p, 50%); z-index: 2; width: 2px; background: #fff; box-shadow: 0 0 0 1px rgba(0,0,0,.12); pointer-events: none; }
.cv-bouton { position: absolute; top: 50%; left: var(--p, 50%); z-index: 3; display: grid; place-items: center; width: 44px; height: 44px; margin: -22px 0 0 -22px; border-radius: 50%; background: #fff; color: #111; font-weight: 700; box-shadow: 0 2px 12px rgba(0,0,0,.35); pointer-events: none; }
.cv-curseur { position: absolute; inset: 0; z-index: 4; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; }
.cv-cadre:has(.cv-curseur:focus-visible) { outline: 3px solid var(--accent); outline-offset: 3px; }
.cv-tag { position: absolute; bottom: 12px; z-index: 2; padding: 5px 12px; border-radius: 999px; background: rgba(255,255,255,.92); color: #111; font-size: 12px; font-weight: 700; }
.cv-tag-g { left: 12px; } .cv-tag-d { right: 12px; }
.cv-legende { margin: 0; color: var(--muted); font-size: 15px; }
.cv-lecture { margin-left: 6px; height: 32px; padding-inline: 14px; border: 1px solid var(--line); border-radius: 999px; background: var(--bg); color: var(--fg); font: 600 13px/1 var(--font); cursor: pointer; vertical-align: middle; }