/* CB_MESSAGE_BACKGROUND_EYEDROPPER_V20 -- Advertise page only. */
#cb-create-ad .cb-rich-settings {display:flex;align-items:center;justify-content:flex-end;gap:6px}
#cb-create-ad .cb-rich-settings > label {margin-left:auto;white-space:nowrap}
/* The original colour input still stores and broadcasts the chosen colour,
   but does not appear as a second square/white button. */
#cb-create-ad .cb-rich-settings input[type="color"][data-cb-rich-v2-background] {
  display:none!important;visibility:hidden!important;opacity:0!important;
  position:absolute!important;width:0!important;height:0!important;
  min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;
  pointer-events:none!important;border:0!important;box-shadow:none!important;
}
/* Hide the Chrome ColorPick extension's own automatically injected icon here:
   ClickBee supplies a consistent equivalent for everyone. */
#cb-create-ad .cb-rich-settings img.colorpick-eyedropper-input-trigger {
  display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;
}
/* V20: exactly one 16px rainbow wheel, flush with Message background.
   No enlarged button shell or internal dot. */
#cb-create-ad .cb-rich-settings .cb-message-small-wheel-v20 {
  -webkit-appearance:none!important;appearance:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  position:relative!important;box-sizing:border-box!important;
  flex:0 0 18px!important;width:18px!important;height:18px!important;
  min-width:18px!important;min-height:18px!important;
  max-width:18px!important;max-height:18px!important;
  padding:0!important;margin:0!important;
  border:0!important;border-radius:50%!important;
  background:conic-gradient(#ff365e 0deg,#facc15 60deg,#30ff38 120deg,#22d3ee 180deg,#49a0ff 240deg,#a855f7 300deg,#ff365e 360deg)!important;
  box-shadow:none!important;cursor:pointer!important;
  overflow:visible!important;
}
#cb-create-ad .cb-rich-settings .cb-message-small-wheel-v20::before,
#cb-create-ad .cb-rich-settings .cb-message-small-wheel-v20::after{content:none!important;display:none!important}
#cb-create-ad .cb-rich-settings .cb-message-small-wheel-v20:focus-visible{
  outline:2px solid #30ff38!important;outline-offset:3px!important
}
#cb-create-ad .cb-rich-settings > label {cursor:pointer!important}
#cb-create-ad .cb-rich-settings .cb-message-wheel-button-v13,
#cb-create-ad .cb-rich-settings .cb-message-wheel-button-v15,
#cb-create-ad .cb-rich-settings .cb-message-wheel-button-v17,
#cb-create-ad .cb-rich-settings .cb-message-wheel-button-v18,
#cb-create-ad .cb-rich-settings .cb-message-wheel-button-v19,
#cb-create-ad .cb-rich-settings .cb-message-eyedropper-v19{display:none!important}
.cb-message-wheel-panel-v20{
  box-sizing:border-box;position:fixed;z-index:2147483601;
  width:250px;max-width:calc(100vw - 16px);padding:13px;
  border:1px solid rgba(183,157,255,.45);border-radius:14px;
  background:#1c1936;color:#f8f6ff;box-shadow:0 14px 38px rgba(0,0,0,.48);
  font:500 12px/1.4 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
.cb-message-wheel-header-v20{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}
.cb-message-wheel-header-v20 strong{font-size:12px;font-weight:750}
.cb-message-wheel-header-v20 button{width:23px;height:23px;color:#dcd6ef;background:#312b4f;border:0;border-radius:6px;cursor:pointer;font-size:17px}
.cb-message-wheel-layout-v20{display:grid;grid-template-columns:94px minmax(0,1fr);gap:13px;align-items:center}
.cb-message-wheel-hue-v20{
  position:relative;width:94px;height:94px;border-radius:50%;touch-action:none;
  background:conic-gradient(#ff3030 0deg,#facc15 60deg,#30ff38 120deg,#22d3ee 180deg,#49a0ff 240deg,#a855f7 300deg,#ff3030 360deg);
  cursor:crosshair;outline-offset:3px;
}
.cb-message-wheel-hue-v20::before{content:"";position:absolute;inset:14px;border-radius:50%;background:#1b1936}
.cb-message-wheel-center-v20{position:absolute;inset:29px;border-radius:50%;background:#121739;box-shadow:0 0 0 2px rgba(255,255,255,.65)}
.cb-message-wheel-dot-v20{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #17152e;box-shadow:0 0 0 1px #fff;transform:translate(-50%,-50%);pointer-events:none;box-sizing:border-box}
.cb-message-wheel-hue-v20:focus-visible{outline:2px solid #30ff38}
.cb-message-wheel-sliders-v20{display:grid;gap:9px;min-width:0}
.cb-message-wheel-sliders-v20 label{display:grid;gap:3px;font-size:10px;color:#d7cee9}
.cb-message-wheel-sliders-v20 input[type=range]{width:100%;accent-color:#a855f7;cursor:pointer}
.cb-message-wheel-sliders-v20 output{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#e4ddf9}
.cb-message-wheel-actions-v20{display:flex;justify-content:space-between;gap:8px;margin-top:12px}
.cb-message-wheel-actions-v20 button{padding:7px 10px;border:0;border-radius:8px;color:#eeeafd;background:#353055;cursor:pointer;font-weight:700;font-size:11px}
.cb-message-wheel-actions-v20 [data-cb-apply]{color:#18221b;background:#30ff38}
@media (prefers-reduced-motion:reduce){#cb-create-ad .cb-message-wheel-button-v20{transition:none}}