/* Abgleich-Modus – nur Entwicklung, gehört nicht zum Design */
.debug-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 1440px;
  height: 1024px;
  pointer-events: none;
  z-index: 90;
  display: none;
}
.debug-panel {
  position: fixed;
  left: 12px;
  bottom: 12px;
  z-index: 100;
  display: none;
  width: 300px;
  padding: 10px 12px;
  background: rgba(20, 20, 20, 0.88);
  color: #fff;
  font: 12px/1.4 ui-monospace, Menlo, monospace;
  border-radius: 6px;
}
.debug-row { display: flex; align-items: center; gap: 8px; margin: 4px 0; flex-wrap: wrap; }
.debug-row select { flex: 1; min-width: 0; font: inherit; }
.debug-row button { font: inherit; padding: 2px 8px; cursor: pointer; }
.debug-row input[type="range"] { flex: 1; }
.debug-hint { color: #aaa; font-size: 11px; }