#tweaks-panel {
  position: fixed;
  bottom: 20px; right: 20px;
  width: 280px;
  background: var(--bg-1);
  border: 1px solid var(--line-2);
  border-radius: 10px;
  font-family: var(--mono);
  font-size: 12px;
  z-index: 100;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
  overflow: hidden;
}
#tweaks-panel .tw-head {
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
  display: flex; justify-content: space-between;
  background: var(--bg-2);
  color: var(--fg);
  font-weight: 500;
}
#tweaks-panel .tw-body { padding: 12px 16px; display: flex; flex-direction: column; gap: 14px; }
#tweaks-panel .tw-row {
  display: flex; justify-content: space-between; align-items: center;
  color: var(--fg-3);
}
#tweaks-panel .tw-swatches { display: flex; gap: 6px; }
#tweaks-panel .tw-swatches button {
  width: 22px; height: 22px; border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  padding: 0;
  transition: border-color 100ms;
}
#tweaks-panel .tw-swatches button.on { border-color: var(--fg); }
#tweaks-panel .tw-seg {
  display: flex; border: 1px solid var(--line); border-radius: 6px; overflow: hidden;
}
#tweaks-panel .tw-seg button {
  padding: 4px 10px;
  background: transparent;
  color: var(--fg-3);
  border: 0;
  font-family: var(--mono);
  font-size: 11px;
  cursor: pointer;
}
#tweaks-panel .tw-seg button.on { background: var(--accent); color: #fff; }