.camera-debug-panel {
  --debug-accent: #75e2ff;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
}
.camera-debug-panel header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.camera-debug-panel header > div { display: grid; gap: 1px; }
.camera-debug-panel header span { color: rgba(197, 239, 250, .68); font-size: 9px; font-weight: 800; }
.camera-debug-panel header button { width: 30px; min-height: 30px; padding: 0; border-radius: 8px; font-size: 20px; }
.camera-debug-profile { display: grid; gap: 6px; margin: 9px 11px 4px; padding: 9px; border: 1px solid rgba(117, 226, 255, .2); border-radius: 9px; background: rgba(11, 27, 34, .66); }
.camera-debug-profile label { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; color: rgba(231, 248, 252, .68); font-size: 9px; font-weight: 800; }
.camera-debug-profile strong { color: #a8efff; font-size: 11px; }
.camera-debug-profile > small { color: rgba(197, 239, 250, .58); font-size: 9px; line-height: 1.25; }
.camera-debug-profile select { width: 100%; min-height: 34px; border: 1px solid rgba(117, 226, 255, .28); border-radius: 8px; background: rgba(7, 20, 27, .9); color: #f2fcff; font-weight: 850; }
.camera-debug-controls { display: grid; align-content: start; padding: 5px 11px 10px; }
.camera-debug-control { display: grid; gap: 5px; padding: 9px 1px; border-bottom: 1px solid rgba(181, 235, 248, .1); }
.camera-debug-control:last-child { border-bottom: 0; }
.camera-debug-control > span { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.camera-debug-control strong { font-size: 12px; }
.camera-debug-control output { color: #9aebff; font-size: 11px; font-weight: 900; }
.camera-debug-control input { width: 100%; accent-color: #75e2ff; }
.camera-debug-control small { color: rgba(225, 243, 247, .58); font-size: 9px; line-height: 1.25; }
.camera-debug-panel footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.camera-debug-panel footer small { color: rgba(206, 241, 249, .66); font-size: 9px; font-weight: 800; }
.camera-debug-panel footer > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.camera-debug-panel footer button { min-height: 30px; padding: 0 10px; border-radius: 8px; font-size: 9px; font-weight: 900; }
.camera-debug-panel footer [data-camera-test][data-active="true"] { border-color: rgba(117, 226, 255, .62) !important; background: rgba(52, 160, 188, .28) !important; }