/* Outil · Caméra vers Blender (Camera to Blender), id camblender : seulement ce qui lui est propre (le reste vient de app/kit.css).
   Préfixe des classes : bc-
   À gauche : l'angle de champ vu de dessus (et la mise au point), les champs de Blender panneau par panneau (noms de
   l'interface de Blender), l'info, Copier le script Python et Télécharger .py. À droite : capteur (largeur et hauteur
   grisées hors de « Perso »), focale, ouverture, mise au point, définition, cadence, angle d'obturation, anamorphose. */
.bc .outil-fixe { align-items: stretch; }
.bc-schema { width: 100%; height: auto; display: block; }
.bc-cone { fill: rgba(255, 90, 31, .12); stroke: var(--orange); stroke-width: 1.2; stroke-linejoin: round; }
.bc-mise { stroke: var(--papier); stroke-width: 1.5; stroke-dasharray: 3 3; }
.bc-schema text { font: 500 11px var(--mono); letter-spacing: .04em; fill: var(--texte2); text-anchor: middle; }
.bc-schema .bc-angle { fill: var(--peche); text-anchor: start; }
.bc-boitier { fill: rgba(242, 240, 235, .08); stroke: var(--papier); stroke-width: 1.2; }

.bc-panneaux { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.bc-panneau { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: 14px; background: rgba(0, 0, 0, .2); box-shadow: inset 0 0 0 1px var(--filet-doux); }
.bc-panneau:nth-child(4) { grid-row: span 2; }
.bc-titre { font: var(--repere); letter-spacing: .1em; color: var(--texte2); margin-bottom: 2px; }
.bc-champ { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; min-height: 22px; }
.bc-champ span { font: 500 12.5px/1.2 var(--corps); color: var(--papier); opacity: .8; white-space: nowrap; }
.bc-champ b { font: 600 14px/1.2 var(--mono); font-variant-numeric: tabular-nums; color: var(--peche); white-space: nowrap; }
.bc-info { flex: none; height: 2lh; margin: 0; overflow: hidden; }
.bc-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.bc-actions .pastille { cursor: pointer; }
.bc-actions .pastille:hover { translate: none; }
.bc-actions .pastille:disabled { opacity: .3; cursor: default; }

.bc-deux { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.bc-trois { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.bc-gris { opacity: .3; pointer-events: none; transition: opacity .4s var(--courbe); }
@media (max-width: 559px) { .bc-panneaux { grid-template-columns: 1fr; } .bc-panneau:nth-child(4) { grid-row: auto; } }