/* Mic, camera and keyboard test (tools.d/device-tests.cjs). Every rule under #visu-tools.vt-device-tests. */
#visu-tools.vt-device-tests .vt-in { display: grid; gap: 14px; align-content: start; }
#visu-tools.vt-device-tests .vt-dt-pane[hidden], #visu-tools.vt-device-tests .vt-dt-out[hidden], #visu-tools.vt-device-tests .vt-dt-devwrap[hidden] { display: none; }
#visu-tools.vt-device-tests .vt-dt-pane { display: grid; gap: 10px; }
#visu-tools.vt-device-tests .vt-dt-out { display: grid; gap: 14px; }
#visu-tools.vt-device-tests .vt-dt-meter { position: relative; height: 28px; border-radius: 14px; border: 1px solid var(--vt-line); background: var(--vt-bg); overflow: hidden; }
#visu-tools.vt-device-tests .vt-dt-meter i { position: absolute; inset: 0 auto 0 0; width: 0; background: linear-gradient(90deg, #2bb673, #f5b82e 70%, #e5484d); transition: width .05s linear; }
#visu-tools.vt-device-tests .vt-dt-meter b { position: absolute; top: 0; bottom: 0; width: 2px; left: 0; background: var(--vt-ink); }
#visu-tools.vt-device-tests video { width: 100%; aspect-ratio: 16 / 9; background: #0a1324; border-radius: 12px; transform: scaleX(-1); object-fit: cover; }
#visu-tools.vt-device-tests .vt-dt-kb { display: grid; gap: 4px; }
#visu-tools.vt-device-tests .vt-dt-row { display: flex; gap: 4px; }
#visu-tools.vt-device-tests .vt-dt-key { min-width: 0; height: 32px; display: grid; place-items: center; border: 1px solid var(--vt-line); border-radius: 6px; font-size: 11px; color: var(--vt-muted); background: #fff; overflow: hidden; white-space: nowrap; }
#visu-tools.vt-device-tests .vt-dt-key.vt-on { background: #e7f7ee; border-color: #2bb673; color: #0d5a34; font-weight: 600; }
#visu-tools.vt-device-tests .vt-dt-key.vt-flash { animation: vt-dt-flash .35s ease-out; }
@keyframes vt-dt-flash { from { background: #2bb673; color: #fff; } }
@media (max-width: 860px) {
  #visu-tools.vt-device-tests .vt-seg-items { flex-wrap: wrap; }
  #visu-tools.vt-device-tests .vt-dt-row { gap: 2px; }
  #visu-tools.vt-device-tests .vt-dt-key { height: 26px; font-size: 9px; border-radius: 4px; }
}