/* Tweaks floating panel */
#tweaks-panel {
  position: fixed; right: 20px; bottom: 20px;
  width: 280px;
  z-index: 100;
  background: rgb(var(--cream));
  border: 1px solid rgb(var(--rule));
  box-shadow: 0 24px 64px -24px rgb(var(--navy) / 0.35), 0 2px 8px rgb(var(--navy) / 0.08);
  font-family: var(--font-sans);
  color: rgb(var(--ink));
}
#tweaks-panel .tp__head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 16px; border-bottom: 1px solid rgb(var(--rule));
}
#tweaks-panel .tp__title {
  font-family: var(--font-serif); font-size: 18px; letter-spacing: -0.01em;
}
#tweaks-panel .tp__close {
  background: none; border: none; font-size: 22px; line-height: 1; cursor: pointer;
  color: rgb(var(--ink-mute));
}
#tweaks-panel .tp__body { padding: 12px 16px 16px; display: flex; flex-direction: column; gap: 14px; }
#tweaks-panel .tp__row { display: grid; grid-template-columns: 1fr; gap: 6px; font-size: 13px; }
#tweaks-panel .tp__row > span {
  font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(var(--ink-mute));
}
#tweaks-panel select,
#tweaks-panel input[type="range"] {
  width: 100%; padding: 8px 10px; font-family: inherit; font-size: 14px;
  background: #fff; border: 1px solid rgb(var(--rule)); border-radius: 0;
  color: rgb(var(--ink));
}
#tweaks-panel input[type="range"] { padding: 8px 0; }