/* Tweaks panel styling */
#kmcTweaks {
  position: fixed;
  bottom: 24px; right: 24px;
  z-index: 300;
  width: 320px;
  background: #0F0F0F;
  border: 1px solid #2A2A2A;
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  box-shadow: 0 24px 60px rgba(0,0,0,0.5);
}
#kmcTweaks .tw-head {
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px 18px;
  border-bottom: 1px solid #2A2A2A;
  font-family: 'Anton', sans-serif;
  font-size: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
#kmcTweaks .tw-head button {
  background: none; border: 0; color: #B8B8B8; cursor: pointer; font-size: 16px;
}
#kmcTweaks .tw-body { padding: 18px; display: flex; flex-direction: column; gap: 18px; }
#kmcTweaks .tw-row label {
  display: block;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8A8A8A;
  margin-bottom: 10px;
  font-weight: 600;
}
#kmcTweaks .tw-swatches { display: flex; gap: 8px; }
#kmcTweaks .tw-swatches button {
  width: 32px; height: 32px; border-radius: 50%;
  border: 2px solid transparent; cursor: pointer;
  transition: transform .15s ease, border-color .15s ease;
}
#kmcTweaks .tw-swatches button.on { border-color: #fff; transform: scale(1.1); }
#kmcTweaks .tw-pills { display: flex; flex-wrap: wrap; gap: 6px; }
#kmcTweaks .tw-pills button {
  padding: 8px 12px;
  background: #1A1A1A;
  border: 1px solid #2A2A2A;
  color: #B8B8B8;
  font-size: 12px;
  cursor: pointer;
  transition: all .15s ease;
  letter-spacing: 0.04em;
}
#kmcTweaks .tw-pills button.on { background: var(--orange); color: #0A0A0A; border-color: var(--orange); }
#kmcTweaks .tw-hint { margin: 0; color: #6A6A6A; font-size: 11px; }