/* Outil · Température de couleur (Color temperature), id kelvin : seulement ce qui lui est propre (le reste vient de app/kit.css).
   Préfixe des classes : kv-
   À gauche : la teinte en grand (zone fixe), la barre 1 000 → 12 000 K (on peut la toucher), l'info, Copier et le lien Soleil.
   À droite : le curseur, 7 sources (lignes fixes, toucher = choisir), Corriger une source (2 champs, 2 lignes). */
.kv .outil-fixe { align-items: stretch; }
.kv-teinte { height: 240px; border-radius: 16px; display: flex; flex-direction: column; justify-content: flex-end; padding: 20px 22px; transition: background .25s var(--courbe);
  color: #ffffff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); }
.kv-teinte.kv-sombre { color: #12100e; }
.kv-teinte b { font: 700 40px/1 var(--display); letter-spacing: -.02em; }
.kv-teinte span { margin-top: 8px; font: 500 12px/1 var(--mono); letter-spacing: .08em; opacity: .7; }
.kv-barre { position: relative; height: 18px; border-radius: 999px; cursor: pointer; touch-action: none; margin-top: -8px; }
.kv-barre i { position: absolute; top: -4px; width: 4px; height: 26px; margin-left: -2px; border-radius: 2px; background: var(--papier); box-shadow: 0 0 0 2px var(--noir); pointer-events: none; }
.kv-reperes { display: flex; justify-content: space-between; margin-top: -14px; font: 500 10px/1 var(--mono); letter-spacing: .04em; color: var(--texte2); }
.kv-info { flex: none; height: 2lh; margin: 0; overflow: hidden; }
.kv-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.kv-actions .pastille { cursor: pointer; }
.kv-actions .pastille:hover { translate: none; }
.kv-sources { display: flex; flex-direction: column; }
.kv-source { height: 42px; }
.kv-source .nom { display: flex; align-items: center; gap: 10px; }
.kv-source .nom i { width: 14px; height: 14px; border-radius: 4px; flex: none; }
.kv-source.actuelle .nom { color: var(--papier); }
.kv-source.actuelle .val { color: var(--peche); }
.kv-corriger { display: flex; flex-direction: column; gap: 10px; }
.kv-deux { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.kv-rangee { cursor: default; height: 58px; }
.kv-rangee .val { white-space: normal; text-align: right; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }