/* ---- Tweaks / debug panel ---- */
#tweaks {
  position: fixed; right: 24px; bottom: 24px; z-index: 50;
  width: 280px;
  background: rgba(10, 14, 21, 0.92);
  border: 1px solid var(--line);
  backdrop-filter: blur(12px);
  border-radius: 6px;
  padding: 18px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; color: var(--ink);
  display: none;
}
#tweaks.show { display: block; }

#tweaks h5 {
  font-size: 10px; color: var(--ink-faint); letter-spacing: 0.24em;
  text-transform: uppercase; margin-bottom: 14px;
  display: flex; justify-content: space-between; align-items: center;
}
#tweaks h5 .close { cursor: pointer; color: var(--ink-dim); }

#tweaks .tw-row { margin-bottom: 14px; }
#tweaks .tw-row label {
  display: block; color: var(--ink-dim); margin-bottom: 6px;
  letter-spacing: 0.12em; text-transform: uppercase; font-size: 9px;
}

#tweaks .mood-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
#tweaks .mood-opts button {
  background: transparent; border: 1px solid var(--line);
  color: var(--ink-dim); padding: 10px 8px; font-family: inherit;
  font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase;
  cursor: pointer; border-radius: 3px; transition: all .2s;
}
#tweaks .mood-opts button.active {
  border-color: var(--accent); color: var(--accent);
  background: rgba(158,199,255,0.06);
}

#tweaks input[type=range] { width: 100%; accent-color: var(--accent); }
#tweaks .row-inline { display: flex; justify-content: space-between; align-items: center; }
#tweaks .val { color: var(--accent); }