/* CB_RICH_CREATIVE_V2 — native PurpleAds compact editing and rendering */
.cb-rich-editor{min-height:145px;max-height:310px;overflow:auto;padding:14px 15px!important;white-space:pre-wrap;overflow-wrap:anywhere;color:#f4f0ff;background:rgba(10,12,35,.42);border:1px solid rgba(200,187,255,.24);border-radius:12px;font-size:13px;line-height:1.65;outline:none}
.cb-rich-editor:focus{border-color:#b59aff;box-shadow:0 0 0 2px rgba(149,115,239,.12)}
.cb-rich-editor a,.cb-rich-view a{color:#38bdf8;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.cb-rich-view{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
.cb-rich-view .cb-rich-large{font-size:1.15em;font-weight:700}
.cb-rich-view .cb-rich-small{font-size:.86em}
.cb-rich-view [style*="background-color"]{border-radius:3px;padding:0 2px}
.cb-rich-settings{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:7px 0 0;color:#c2c2e2;font-size:11px}
.cb-rich-settings label{display:flex;align-items:center;gap:8px;font-weight:600}
.cb-rich-settings input[type=color]{width:25px;height:23px;border:1px solid rgba(200,187,255,.3);border-radius:6px;background:transparent;padding:2px;cursor:pointer}
.cb-rich-settings small{font-size:10px;color:#9ba4c3}
.cb-rich-float{position:fixed!important;z-index:2147483600;width:146px;background:#191a37;color:#f7f7ff;border:1px solid rgba(194,183,255,.3);box-shadow:0 12px 34px rgba(0,0,0,.45);border-radius:10px;padding:4px;font-size:12px;max-height:70vh}
.cb-rich-float[hidden],.cb-rich-menu[hidden]{display:none!important}
.cb-rich-main,.cb-rich-menu-row{display:flex;align-items:center;gap:3px}
.cb-rich-float button{color:inherit;background:rgba(255,255,255,.055);border:0;border-radius:5px;min-width:30px;height:27px;padding:3px;cursor:pointer;font-size:12px}
.cb-rich-float button:hover{background:rgba(173,146,255,.23)}
.cb-rich-float button:focus-visible{outline:2px solid #b9a3ff}
.cb-rich-menu{width:218px;position:absolute;top:36px;right:0;background:#181a37;color:#f7f7ff;border:1px solid rgba(194,183,255,.3);border-radius:9px;padding:8px;box-shadow:0 18px 35px rgba(0,0,0,.42)}
.cb-rich-menu .cb-rich-menu-row{flex-wrap:wrap;margin-bottom:5px}
.cb-rich-menu-label{font-size:10px;color:#c3c0de;margin:8px 0 4px}
.cb-rich-colours{display:flex;flex-wrap:wrap;gap:3px}
.cb-rich-colours button{width:19px;height:19px;min-width:19px;border:1px solid rgba(255,255,255,.32);border-radius:50%;padding:0}
.cb-rich-menu input[type=url]{min-width:0;flex:1;width:130px;box-sizing:border-box;background:#0f1027;border:1px solid #4d4777;border-radius:5px;color:#fff;font-size:11px;padding:6px}
.cb-rich-menu input[type=color]{width:27px;height:24px;border:0;padding:0;background:none;vertical-align:middle}
.cb-rich-menu label{font-size:10px;white-space:nowrap}
.cb-create-ad .cb-ad-preview-title.cb-rich-view{font-size:13px;line-height:1.48;display:block;white-space:pre-wrap;max-height:200px;overflow:auto}
@media(max-width:380px){.cb-rich-menu{max-width:calc(100vw - 16px)}.cb-rich-editor{font-size:12px}}
/* Advertiser-only integration; never linked from the homepage. */
#cb-create-ad textarea[data-cb-field="text"].cb-rich-original{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;z-index:-1!important}
#cb-create-ad .cb-rich-v2-editor{margin-top:3px}
#cb-create-ad .cb-rich-v2-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:7px;align-items:center}
#cb-create-ad .cb-rich-v2-demo{font-size:11px;border:1px solid rgba(200,187,255,.25);border-radius:7px;padding:5px 9px;color:#e9e0ff;background:rgba(101,67,170,.16);cursor:pointer}
#cb-create-ad .cb-rich-v2-preview{margin-top:10px}
#cb-create-ad .cb-rich-view{white-space:pre-wrap;overflow-wrap:anywhere}
#cb-create-ad [data-cb-preview-text].cb-rich-view{padding:10px 12px;border-radius:9px;max-height:220px;overflow:auto}

/* CB_EDITOR_NO_LINKS_V7 */
.cb-rich-menu .cb-rich-menu-last{justify-content:flex-end;border-top:1px solid rgba(194,183,255,.16);padding-top:7px;margin-top:9px;margin-bottom:0}
.cb-rich-menu-last button{display:flex;align-items:center;justify-content:center}

/* CB_RICH_UI_REPAIR_V8: exactly four compact controls, no wide toolbar. */
.cb-rich-float .cb-rich-main{display:flex;align-items:center;gap:3px}
.cb-rich-float .cb-rich-main>button{flex:1 1 0;min-width:29px;max-width:35px}

/* CB_RICH_STABLE_V9 — compact hue wheel, familiar PurpleAds vivid palette. */
.cb-rich-menu{width:224px;max-height:min(75vh,440px);overflow-y:auto;overscroll-behavior:contain}
.cb-rich-wheel-layout{display:grid;grid-template-columns:91px 1fr;align-items:center;gap:9px}
.cb-rich-wheel{position:relative;width:88px;height:88px;border-radius:50%;cursor:crosshair;touch-action:none;outline-offset:3px;background:conic-gradient(#ff3030 0deg,#facc15 60deg,#30ff38 120deg,#22d3ee 180deg,#49a0ff 225deg,#a855f7 280deg,#ff5d79 330deg,#ff3030 360deg)}
.cb-rich-wheel::before{content:"";position:absolute;inset:15px;border-radius:50%;background:#1a1a38;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.cb-rich-wheel-centre{position:absolute;inset:29px;border-radius:50%;background:var(--cb-wheel-colour,#a855f7);box-shadow:0 0 0 2px rgba(255,255,255,.85)}
.cb-rich-wheel-dot{position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid #14132e;box-shadow:0 0 0 1px white;transform:translate(calc(-50% + 35px * sin(var(--cb-hue,270deg))),calc(-50% - 35px * cos(var(--cb-hue,270deg))));pointer-events:none}
.cb-rich-wheel-controls{min-width:0;display:grid;gap:4px;font-size:10px}
.cb-rich-wheel-controls>label{display:grid;gap:1px;color:#dcd6ff}
.cb-rich-wheel-controls input[type=range]{width:100%;height:12px;accent-color:#30ff38;cursor:pointer}
.cb-rich-color-mode{display:flex;gap:3px}
.cb-rich-color-mode button{min-width:0;flex:1;font-size:9px;height:24px;padding:2px 4px}
.cb-rich-color-mode button[aria-pressed=true]{background:#514181;border:1px solid #b49fff}
.cb-rich-wheel-apply{width:100%;font-size:10px!important;background:rgba(48,255,56,.18)!important;color:#83ff8a!important}
.cb-rich-colours{gap:5px}
.cb-rich-colours button{width:20px;height:20px;min-width:20px;box-shadow:0 0 0 1px rgba(0,0,0,.3)}

/* CB_RICH_CUSTOM_ON_DEMAND_V21: custom wheel is not shown until selected. */
.cb-rich-menu .cb-rich-wheel-panel[hidden]{display:none!important}
.cb-rich-menu .cb-rich-wheel-panel{margin-top:8px;border-top:1px solid rgba(194,183,255,.2);padding-top:3px}
.cb-rich-menu .cb-rich-custom-swatch-v21{box-sizing:border-box;width:20px;height:20px;min-width:20px;padding:0;border-radius:50%;background:conic-gradient(#ff365e,#facc15,#30ff38,#22d3ee,#49a0ff,#a855f7,#ff365e);border:1px solid rgba(255,255,255,.65);cursor:pointer}
.cb-rich-menu .cb-rich-custom-swatch-v21:focus-visible{outline:2px solid #f9f7ff;outline-offset:2px}
.cb-rich-menu .cb-rich-custom-swatch-v21[aria-expanded=true]{box-shadow:0 0 0 2px #30ff38}



/* V16: safe selected-text link form; never extends outside the viewport. */
.cb-rich-menu .cb-rich-link-tools[hidden]{display:none!important}
.cb-rich-menu .cb-rich-link-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;width:100%;margin:8px 0;border-top:1px solid rgba(255,255,255,.17);padding-top:9px}
.cb-rich-menu .cb-rich-link-tools input[type=url]{flex:1 0 100%;width:100%;min-width:0;height:34px;box-sizing:border-box;background:#fff;color:#1f2431;border:1px solid #b2a9d6;border-radius:7px;padding:6px 8px;font:12px/1.3 inherit}
.cb-rich-menu .cb-rich-link-tools button{flex:1;white-space:nowrap;padding:6px 10px;min-width:80px;color:#fff;border:1px solid #66588b;border-radius:7px;background:#342e55}
.cb-rich-menu .cb-rich-link-tools [aria-invalid=true]{border-color:#f87171!important}
.cb-rich-float .cb-rich-menu{max-height:min(65dvh,420px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;max-width:calc(100vw - 16px);box-sizing:border-box}
.cb-rich-view a{color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}

/* V16: safe selected-text link form; never extends outside the viewport. */
.cb-rich-menu .cb-rich-link-tools[hidden]{display:none!important}
.cb-rich-menu .cb-rich-link-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;width:100%;margin:8px 0;border-top:1px solid rgba(255,255,255,.17);padding-top:9px}
.cb-rich-menu .cb-rich-link-tools input[type=url]{flex:1 0 100%;width:100%;min-width:0;height:34px;box-sizing:border-box;background:#fff;color:#1f2431;border:1px solid #b2a9d6;border-radius:7px;padding:6px 8px;font:12px/1.3 inherit}
.cb-rich-menu .cb-rich-link-tools button{flex:1;white-space:nowrap;padding:6px 10px;min-width:80px;color:#fff;border:1px solid #66588b;border-radius:7px;background:#342e55}
.cb-rich-menu .cb-rich-link-tools [aria-invalid=true]{border-color:#f87171!important}
.cb-rich-float .cb-rich-menu{max-height:min(65dvh,420px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;max-width:calc(100vw - 16px);box-sizing:border-box}
.cb-rich-view a{color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
