/*
 * ClickBee — Create Ad section
 * 82
 * Isolated component stylesheet. Edit this file without touching main.css.
 */

.cb-create-ad{
  --cb-ad-accent:70,161,235;
  --cb-ad-tone-1:39,57,113;
  --cb-ad-tone-2:24,37,82;
  --cb-ad-tone-3:20,29,67;

  width:100%;
  margin-top:22px;
  position:relative;
}

.cb-create-ad-shell{
  position:relative;
  overflow:hidden;
  padding:16px;
  border:1px solid rgba(191,193,247,.18);
  border-radius:22px;
  background:
    radial-gradient(
      80% 95% at 100% 0%,
      rgba(var(--cb-ad-accent),.11) 0%,
      rgba(var(--cb-ad-accent),.035) 38%,
      transparent 68%
    ),
    linear-gradient(
      145deg,
      rgba(38,45,94,.94),
      rgba(25,31,73,.96) 58%,
      rgba(18,23,59,.98)
    );
  box-shadow:
    0 18px 42px rgba(3,6,28,.22),
    inset 0 1px 0 rgba(255,255,255,.055);
}

.cb-create-ad-shell:before{
  content:"";
  position:absolute;
  top:0;
  left:9%;
  width:82%;
  height:1px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.10),
      rgba(var(--cb-ad-accent),.28),
      rgba(255,255,255,.10),
      transparent
    );
  pointer-events:none;
}

.cb-create-ad-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.cb-create-ad-title{
  min-width:0;
}

.cb-create-ad-kicker{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:5px;
  color:#b7bdd7;
  font-size:9.5px;
  font-weight:750;
  line-height:1;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.cb-create-ad-kicker:before{
  content:"";
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:rgb(var(--cb-ad-accent));
  box-shadow:0 0 10px rgba(var(--cb-ad-accent),.48);
}

.cb-create-ad-title h2{
  margin:0;
  color:#fff;
  font-size:19px;
  font-weight:700;
  line-height:1.22;
  letter-spacing:-.28px;
}

.cb-create-ad-title p{
  margin:5px 0 0;
  color:#aeb6d2;
  font-size:11.5px;
  line-height:1.45;
}

.cb-create-ad-status{
  display:flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  padding:6px 9px;
  border:1px solid rgba(128,255,167,.14);
  border-radius:999px;
  color:#a9efbf;
  background:rgba(48,255,105,.055);
  font-size:9.5px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}

.cb-create-ad-status i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#65ef91;
  box-shadow:0 0 8px rgba(101,239,145,.45);
}

/* Platform rail */
.cb-ad-platforms{
  display:flex;
  gap:7px;
  width:100%;
  max-width:100%;
  min-width:0;
  padding:3px 1px 6px;
  overflow-x:scroll;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x pan-y;
  scroll-snap-type:none;
  scrollbar-width:none;
  cursor:grab;
}
.cb-ad-platforms::-webkit-scrollbar{display:none}
.cb-ad-platforms.cb-ad-platforms-dragging{cursor:grabbing;user-select:none}
.cb-ad-platforms.cb-ad-platforms-dragging .cb-ad-platform{pointer-events:none}

.cb-ad-platform{
  position:relative;
  display:flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  min-height:36px;
  padding:7px 10px;
  border:1px solid rgba(191,193,247,.12);
  border-radius:12px;
  color:#aeb5d3;
  background:rgba(255,255,255,.025);
  font:inherit;
  font-size:10.5px;
  font-weight:650;
  line-height:1;
  cursor:pointer;
  transition:
    transform .18s cubic-bezier(.22,1,.36,1),
    color .18s ease,
    background .18s ease,
    border-color .18s ease;
}

.cb-ad-platform b{
  display:grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 4px;
  border-radius:7px;
  color:rgb(var(--platform-accent));
  background:rgba(var(--platform-accent),.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  font-size:9px;
  font-weight:800;
}

.cb-ad-platform.active{
  color:#fff;
  border-color:rgba(var(--platform-accent),.28);
  background:
    radial-gradient(
      90% 120% at 100% 0%,
      rgba(var(--platform-accent),.15),
      transparent 62%
    ),
    rgba(var(--platform-accent),.07);
  box-shadow:
    0 6px 16px rgba(6,9,32,.12),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.cb-ad-platform:active{
  transform:scale(.97);
}

/* Type rail */
.cb-ad-types-wrap{
  margin-top:7px;
  padding:10px;
  border:1px solid rgba(191,193,247,.10);
  border-radius:15px;
  background:rgba(5,8,30,.15);
}

.cb-ad-types-label{
  margin:0 0 8px;
  color:#838cab;
  font-size:9px;
  font-weight:750;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.cb-ad-types{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.cb-ad-type{
  min-height:29px;
  padding:6px 9px;
  border:1px solid rgba(var(--cb-ad-accent),.12);
  border-radius:9px;
  color:#b9c0da;
  background:rgba(var(--cb-ad-accent),.035);
  font:inherit;
  font-size:9.8px;
  font-weight:650;
  line-height:1;
  cursor:pointer;
}

.cb-ad-type.active{
  color:#fff;
  border-color:rgba(var(--cb-ad-accent),.30);
  background:
    linear-gradient(
      145deg,
      rgba(var(--cb-ad-accent),.22),
      rgba(var(--cb-ad-accent),.08)
    );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 4px 10px rgba(var(--cb-ad-accent),.06);
}

/* Main form layout */
.cb-create-ad-body{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);
  gap:12px;
  margin-top:12px;
}

.cb-create-ad-form,
.cb-create-ad-preview{
  min-width:0;
  border:1px solid rgba(191,193,247,.11);
  border-radius:17px;
  background:rgba(6,9,32,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.cb-create-ad-form{
  padding:13px;
}

.cb-ad-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.cb-ad-field{
  min-width:0;
}

.cb-ad-field.cb-span-2{
  grid-column:1/-1;
}

.cb-ad-field label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:0 0 6px;
  color:#9ca5c3;
  font-size:9.5px;
  font-weight:650;
  line-height:1.2;
}

.cb-ad-field label small{
  color:#68718e;
  font-size:8.5px;
  font-weight:600;
}

.cb-ad-control{
  position:relative;
}

.cb-ad-control input,
.cb-ad-control textarea,
.cb-ad-control select{
  display:block;
  width:100%;
  min-width:0;
  margin:0;
  border:1px solid rgba(191,193,247,.13);
  border-radius:11px;
  outline:0;
  color:#edf0ff;
  background:
    linear-gradient(
      180deg,
      rgba(10,15,43,.78),
      rgba(8,12,37,.66)
    );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 4px 12px rgba(2,5,26,.06);
  font:inherit;
  font-size:11px;
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.cb-ad-control input,
.cb-ad-control select{
  height:41px;
  padding:0 11px;
}

.cb-ad-control textarea{
  min-height:86px;
  padding:10px 11px;
  line-height:1.45;
  resize:vertical;
}

.cb-ad-control input::placeholder,
.cb-ad-control textarea::placeholder{
  color:#59627e;
}

.cb-ad-control input:focus,
.cb-ad-control textarea:focus,
.cb-ad-control select:focus{
  border-color:rgba(var(--cb-ad-accent),.38);
  background:
    linear-gradient(
      180deg,
      rgba(12,17,48,.88),
      rgba(8,12,37,.74)
    );
  box-shadow:
    0 0 0 3px rgba(var(--cb-ad-accent),.055),
    inset 0 1px 0 rgba(255,255,255,.035);
}

.cb-ad-inline-suffix{
  position:absolute;
  top:50%;
  right:10px;
  transform:translateY(-50%);
  color:#7f88a7;
  font-size:9px;
  font-weight:700;
  pointer-events:none;
}

.cb-ad-money input{
  padding-right:42px;
}

.cb-ad-help{
  margin-top:5px;
  color:#69728e;
  font-size:8.7px;
  line-height:1.35;
}

/* Cute toggle row */
.cb-ad-toggle-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:41px;
  padding:8px 10px;
  border:1px solid rgba(191,193,247,.11);
  border-radius:11px;
  background:rgba(255,255,255,.018);
}

.cb-ad-toggle-copy b{
  display:block;
  color:#cbd0e5;
  font-size:10px;
  line-height:1.2;
}

.cb-ad-toggle-copy small{
  display:block;
  margin-top:3px;
  color:#6f7894;
  font-size:8.5px;
  line-height:1.25;
}

.cb-ad-switch{
  position:relative;
  flex:0 0 34px;
  width:34px;
  height:20px;
}

.cb-ad-switch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.cb-ad-switch span{
  position:absolute;
  inset:0;
  border-radius:999px;
  background:#343a63;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.24);
  cursor:pointer;
  transition:background .18s ease;
}

.cb-ad-switch span:after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#a8afc8;
  box-shadow:0 2px 5px rgba(0,0,0,.22);
  transition:
    transform .18s cubic-bezier(.22,1,.36,1),
    background .18s ease;
}

.cb-ad-switch input:checked + span{
  background:rgba(var(--cb-ad-accent),.28);
}

.cb-ad-switch input:checked + span:after{
  transform:translateX(14px);
  background:rgb(var(--cb-ad-accent));
}

/* Preview / summary */
.cb-create-ad-preview{
  display:flex;
  flex-direction:column;
  padding:13px;
}

.cb-ad-preview-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:10px;
  color:#848eaa;
  font-size:9px;
  font-weight:750;
  line-height:1;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.cb-ad-preview-label span:last-child{
  letter-spacing:0;
  text-transform:none;
  color:#6d7692;
  font-weight:600;
}

.cb-ad-preview-card{
  position:relative;
  overflow:hidden;
  padding:12px;
  border:1px solid rgba(190,198,255,.10);
  border-radius:15px;
  background:
    radial-gradient(
      94% 116% at 100% 0%,
      rgba(var(--cb-ad-accent),.18) 0%,
      rgba(var(--cb-ad-accent),.07) 31%,
      rgba(var(--cb-ad-accent),0) 58%
    ),
    linear-gradient(
      145deg,
      rgb(var(--cb-ad-tone-1)),
      rgb(var(--cb-ad-tone-2)) 62%,
      rgb(var(--cb-ad-tone-3))
    );
  box-shadow:
    0 10px 22px rgba(2,5,26,.16),
    inset 0 1px 0 rgba(255,255,255,.045);
}

.cb-ad-preview-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
}

.cb-ad-preview-pill{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:21px;
  padding:4px 7px;
  border:1px solid rgba(var(--cb-ad-accent),.14);
  border-radius:999px;
  color:#cdd2e6;
  background:rgba(var(--cb-ad-accent),.06);
  font-size:8.5px;
  font-weight:650;
  line-height:1;
}

.cb-ad-preview-pill i{
  width:4px;
  height:4px;
  border-radius:50%;
  background:rgb(var(--cb-ad-accent));
  box-shadow:0 0 7px rgba(var(--cb-ad-accent),.48);
}

.cb-ad-preview-platform{
  color:rgb(var(--cb-ad-accent));
  font-size:9px;
  font-weight:800;
}

.cb-ad-preview-title{
  margin:9px 0 0;
  color:#fff;
  font-size:14px;
  font-weight:680;
  line-height:1.3;
  letter-spacing:-.18px;
}

.cb-ad-preview-link{
  margin:5px 0 0;
  overflow:hidden;
  color:#969fbd;
  font-size:9.5px;
  line-height:1.35;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.cb-ad-preview-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:10px;
  padding-top:9px;
  border-top:1px solid rgba(197,205,255,.08);
  color:#aeb5cf;
  font-size:9px;
}

.cb-ad-preview-reward{
  color:#ffd991;
  font-weight:700;
}

.cb-ad-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:9px;
}

.cb-ad-stat{
  padding:9px;
  border:1px solid rgba(191,193,247,.09);
  border-radius:11px;
  background:rgba(255,255,255,.018);
}

.cb-ad-stat small{
  display:block;
  color:#707996;
  font-size:8px;
  font-weight:650;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.cb-ad-stat b{
  display:block;
  margin-top:5px;
  color:#eef0ff;
  font-size:11.5px;
  line-height:1.1;
}

.cb-ad-stat b em{
  color:#7f88a7;
  font-size:8.5px;
  font-style:normal;
  font-weight:600;
}

.cb-ad-launch{
  width:100%;
  margin-top:auto;
  padding-top:11px;
}

.cb-ad-launch .btn{
  width:100%;
}

.cb-ad-launch-note{
  margin-top:6px;
  color:#636d89;
  font-size:8.5px;
  line-height:1.35;
  text-align:center;
}

@media (hover:hover) and (pointer:fine){
  .cb-ad-platform:hover{
    color:#fff;
    border-color:rgba(var(--platform-accent),.22);
    transform:translateY(-1px);
  }

  .cb-ad-type:hover{
    color:#fff;
    border-color:rgba(var(--cb-ad-accent),.24);
  }
}

@media(max-width:768px){
  .cb-create-ad{
    margin-top:17px;
  }

  .cb-create-ad-shell{
    padding:13px;
    border-radius:19px;
  }

  .cb-create-ad-head{
    align-items:flex-start;
  }

  .cb-create-ad-status{
    display:none;
  }

  .cb-create-ad-body{
    grid-template-columns:1fr;
  }

  .cb-create-ad-preview{
    order:-1;
  }

  .cb-ad-preview-card{
    display:none;
  }

  .cb-ad-summary{
    margin-top:0;
  }

  .cb-ad-launch{
    margin-top:9px;
    padding-top:0;
  }
}

@media(max-width:430px){
  .cb-create-ad-title h2{
    font-size:17px;
  }

  .cb-create-ad-title p{
    font-size:10.5px;
  }

  .cb-ad-grid{
    grid-template-columns:1fr;
  }

  .cb-ad-field.cb-span-2{
    grid-column:auto;
  }

  .cb-ad-platform{
    min-height:34px;
    padding:6px 9px;
    font-size:10px;
  }

  .cb-ad-platform b{
    min-width:19px;
    height:19px;
  }

  .cb-ad-types-wrap{
    padding:9px;
  }
}

@media(prefers-reduced-motion:reduce){
  .cb-ad-platform,
  .cb-ad-switch span,
  .cb-ad-switch span:after{
    transition:none;
  }
}


/* 83 — Create Ad preview/summary alignment polish only. */
.cb-create-ad-preview{
  gap:0;
}

.cb-ad-preview-label{
  min-height:18px;
  margin-bottom:9px;
}

.cb-ad-preview-card{
  display:flex;
  flex-direction:column;
  min-height:176px;
}

.cb-ad-preview-top{
  min-height:23px;
}

.cb-ad-preview-pill,
.cb-ad-preview-platform{
  flex:0 0 auto;
}

.cb-ad-preview-platform{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  min-height:21px;
  padding:4px 0;
  line-height:1;
}

.cb-ad-preview-title{
  margin-top:10px;
  min-height:36px;
}

.cb-ad-preview-link{
  margin-top:5px;
  min-height:14px;
}

.cb-ad-preview-footer{
  margin-top:auto;
  min-height:30px;
  padding-top:9px;
}

.cb-ad-preview-footer > span:first-child{
  min-width:0;
  overflow:hidden;
  color:#aeb5cf;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.cb-ad-preview-reward{
  flex:0 0 auto;
  margin-left:auto;
  text-align:right;
  white-space:nowrap;
}

/* Summary tiles: identical internal alignment and baseline. */
.cb-ad-summary{
  align-items:stretch;
}

.cb-ad-stat{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:58px;
}

.cb-ad-stat small{
  min-height:10px;
  margin:0;
}

.cb-ad-stat b{
  display:flex;
  align-items:baseline;
  gap:4px;
  min-height:14px;
  margin-top:7px;
  line-height:1.15;
}

.cb-ad-stat b em{
  flex:0 0 auto;
  margin-left:1px;
}

/* Keep launch area visually separated and anchored. */
.cb-ad-launch{
  margin-top:10px;
  padding-top:0;
}

.cb-ad-launch .btn{
  min-height:48px;
  margin:0;
}

.cb-ad-launch-note{
  margin-top:7px;
}

@media(max-width:768px){
  .cb-ad-summary{
    margin-top:0;
  }

  .cb-ad-launch{
    margin-top:9px;
  }
}

@media(max-width:430px){
  .cb-ad-stat{
    min-height:55px;
  }
}


/* 84 — Create Ad responsive placement fix.
   Desktop: form left, preview/summary locked to the right and top-aligned.
   Mobile: fields first, summary/action after them — never above the form. */

@media(min-width:769px){
  .cb-create-ad-body{
    grid-template-columns:minmax(0,1fr) 286px!important;
    align-items:start!important;
  }

  .cb-create-ad-form{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
  }

  .cb-create-ad-preview{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    position:sticky!important;
    top:16px!important;
    width:100%!important;
    max-width:286px!important;
  }

  .cb-ad-preview-card,
  .cb-ad-summary,
  .cb-ad-launch{
    width:100%!important;
  }
}

@media(max-width:768px){
  .cb-create-ad-body{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
  }

  .cb-create-ad-form{
    order:1!important;
    width:100%!important;
  }

  .cb-create-ad-preview{
    order:2!important;
    width:100%!important;
    position:static!important;
  }

  /* On phones the live visual preview is intentionally hidden,
     but the campaign summary + launch action remain below the fields. */
  .cb-ad-preview-label,
  .cb-ad-preview-card{
    display:none!important;
  }

  .cb-ad-summary{
    order:1!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    margin-top:0!important;
  }

  .cb-ad-launch{
    order:2!important;
    width:100%!important;
    margin-top:9px!important;
    padding-top:0!important;
  }
}

@media(max-width:430px){
  .cb-create-ad-body{
    gap:10px!important;
  }

  .cb-ad-summary{
    gap:6px!important;
  }

  .cb-ad-stat{
    min-width:0!important;
  }

  .cb-ad-stat b{
    min-width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
}


/* 85 — Mobile launch order + live preview.
   Mobile order:
   fields -> summary -> Launch campaign -> live preview. */
@media(max-width:768px){
  .cb-create-ad-preview{
    display:flex!important;
    flex-direction:column!important;
  }

  .cb-ad-preview-label{
    display:flex!important;
    order:3!important;
    margin-top:14px!important;
    margin-bottom:9px!important;
  }

  .cb-ad-preview-card{
    display:flex!important;
    order:4!important;
    width:100%!important;
    min-height:164px!important;
  }

  .cb-ad-summary{
    order:1!important;
  }

  .cb-ad-launch{
    order:2!important;
    margin-top:9px!important;
  }

  .cb-ad-launch .btn{
    min-height:48px!important;
  }
}

@media(max-width:430px){
  .cb-ad-preview-card{
    min-height:156px!important;
  }

  .cb-ad-preview-title{
    min-height:0!important;
  }
}


/* 86 — Mobile final order + premium launch CTA.
   Mobile:
   fields -> Launch campaign -> live preview -> summary (very bottom). */

/* Dedicated Create Ad launch button — does not affect other app buttons. */
.cb-ad-launch-button{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:9px!important;

  min-height:52px!important;
  padding:0 14px!important;

  border:1px solid rgba(210,174,255,.32)!important;
  border-radius:14px!important;

  color:#fff!important;
  background:
    radial-gradient(
      90% 180% at 0% 0%,
      rgba(255,255,255,.18) 0%,
      rgba(255,255,255,0) 54%
    ),
    linear-gradient(
      110deg,
      rgba(80,93,255,.94) 0%,
      rgba(137,76,244,.96) 48%,
      rgba(208,77,224,.92) 100%
    )!important;

  box-shadow:
    0 10px 24px rgba(81,54,196,.24),
    0 4px 12px rgba(182,66,218,.16),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(46,29,111,.32)!important;

  text-shadow:0 1px 0 rgba(20,13,54,.22)!important;

  transition:
    transform .18s cubic-bezier(.22,1,.36,1),
    box-shadow .18s ease,
    filter .18s ease!important;
}

.cb-ad-launch-button:before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:-55% -25%!important;
  border-radius:50%!important;
  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.25) 0%,
      rgba(255,255,255,.08) 28%,
      transparent 62%
    )!important;
  transform:translate3d(-28%,0,0)!important;
  transition:transform .34s cubic-bezier(.22,1,.36,1)!important;
  pointer-events:none!important;
}

.cb-ad-launch-button:after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  top:0!important;
  left:12%!important;
  right:12%!important;
  height:1px!important;
  border-radius:999px!important;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.42),
      transparent
    )!important;
  pointer-events:none!important;
}

.cb-ad-launch-icon{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:9px;
  background:rgba(255,255,255,.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    0 3px 8px rgba(23,13,67,.15);
  font-size:12px;
  line-height:1;
}

.cb-ad-launch-text{
  position:relative;
  z-index:1;
  min-width:0;
  text-align:left;
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
}

.cb-ad-launch-arrow{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:8px;
  background:rgba(255,255,255,.08);
  font-size:15px;
  line-height:1;
  transition:transform .18s cubic-bezier(.22,1,.36,1);
}

.cb-ad-launch-button.cb-ad-launch-ready{
  filter:brightness(1.08) saturate(1.05);
}

@media (hover:hover) and (pointer:fine){
  .cb-ad-launch-button:hover{
    transform:translateY(-1px) scale(1.005)!important;
    filter:brightness(1.06)!important;
    box-shadow:
      0 13px 28px rgba(81,54,196,.30),
      0 5px 15px rgba(182,66,218,.20),
      inset 0 1px 0 rgba(255,255,255,.28),
      inset 0 -1px 0 rgba(46,29,111,.28)!important;
  }

  .cb-ad-launch-button:hover:before{
    transform:translate3d(24%,0,0)!important;
  }

  .cb-ad-launch-button:hover .cb-ad-launch-arrow{
    transform:translateX(2px);
  }
}

.cb-ad-launch-button:active{
  transform:translateY(1px) scale(.985)!important;
  box-shadow:
    0 6px 16px rgba(81,54,196,.20),
    inset 0 2px 8px rgba(39,23,91,.18)!important;
}

@media(max-width:768px){
  .cb-create-ad-preview{
    display:flex!important;
    flex-direction:column!important;
  }

  /* Summary goes to the absolute bottom on phones. */
  .cb-ad-summary{
    order:4!important;
    width:100%!important;
    margin-top:12px!important;
  }

  /* Launch action comes before the preview. */
  .cb-ad-launch{
    order:1!important;
    width:100%!important;
    margin-top:0!important;
    padding-top:0!important;
  }

  .cb-ad-launch .btn{
    min-height:52px!important;
  }

  /* Live preview sits below the launch button. */
  .cb-ad-preview-label{
    display:flex!important;
    order:2!important;
    margin-top:15px!important;
    margin-bottom:9px!important;
  }

  .cb-ad-preview-card{
    display:flex!important;
    order:3!important;
    width:100%!important;
    min-height:164px!important;
  }

  .cb-ad-launch-note{
    margin-top:7px!important;
  }
}

@media(max-width:430px){
  .cb-ad-launch-button{
    min-height:50px!important;
    padding:0 12px!important;
    gap:8px!important;
  }

  .cb-ad-launch-icon{
    width:25px;
    height:25px;
  }

  .cb-ad-launch-text{
    font-size:11.5px;
  }

  .cb-ad-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .cb-ad-launch-button,
  .cb-ad-launch-button:before,
  .cb-ad-launch-arrow{
    transition:none!important;
  }
}


/* 87 — Launch action belongs to the form, not the live preview. */
.cb-create-ad-form{
  min-width:0;
}

.cb-create-ad-form > .cb-ad-launch{
  width:100%!important;
  margin-top:13px!important;
  padding-top:0!important;
}

.cb-create-ad-form > .cb-ad-launch .cb-ad-launch-button{
  width:100%!important;
}

@media(min-width:769px){
  .cb-create-ad-form{
    display:flex!important;
    flex-direction:column!important;
    align-self:start!important;
  }

  .cb-create-ad-form > .cb-ad-grid{
    width:100%!important;
  }

  /* Right side now contains only preview + summary. */
  .cb-create-ad-preview{
    justify-content:flex-start!important;
  }

  .cb-ad-summary{
    margin-top:9px!important;
  }
}

@media(max-width:768px){
  /* Mobile: fields -> launch button. */
  .cb-create-ad-form{
    display:flex!important;
    flex-direction:column!important;
  }

  .cb-create-ad-form > .cb-ad-grid{
    order:1!important;
    width:100%!important;
  }

  .cb-create-ad-form > .cb-ad-launch{
    order:2!important;
    width:100%!important;
    margin-top:11px!important;
  }

  /* Then: live preview -> summary. */
  .cb-create-ad-preview{
    display:flex!important;
    flex-direction:column!important;
  }

  .cb-ad-preview-label{
    order:1!important;
    margin-top:0!important;
    margin-bottom:9px!important;
  }

  .cb-ad-preview-card{
    order:2!important;
  }

  .cb-ad-summary{
    order:3!important;
    margin-top:12px!important;
  }
}


/* 88 — compact Create Ad controls only. */

/* Ad text area: ~40% shorter than the previous 86px minimum. */
.cb-ad-control textarea{
  min-height:52px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
}

/* Premium launch CTA, made more compact without changing its visual language. */
.cb-ad-launch-button{
  min-height:44px!important;
  height:44px!important;
  padding:0 12px!important;
  gap:8px!important;
  border-radius:12px!important;
}

.cb-ad-launch-icon{
  width:23px!important;
  height:23px!important;
  border-radius:8px!important;
  font-size:10px!important;
}

.cb-ad-launch-text{
  font-size:11.5px!important;
}

.cb-ad-launch-arrow{
  width:21px!important;
  height:21px!important;
  border-radius:7px!important;
  font-size:13px!important;
}

/* The helper line was too small; keep it secondary but clearly readable. */
.cb-ad-launch-note{
  margin-top:7px!important;
  color:#7f88a7!important;
  font-size:10.5px!important;
  line-height:1.4!important;
}

@media(max-width:768px){
  .cb-ad-launch .btn,
  .cb-ad-launch-button{
    min-height:44px!important;
    height:44px!important;
  }
}

@media(max-width:430px){
  .cb-ad-launch-button{
    min-height:43px!important;
    height:43px!important;
    padding:0 11px!important;
  }

  .cb-ad-launch-note{
    font-size:10px!important;
  }
}


/* 95 — rebuilt compact premium launch button.
   Fully isolated from the global .btn / .btn-primary styles. */

.cb-create-ad-form > .cb-ad-launch{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  width:100%!important;
  margin-top:12px!important;
  padding-top:0!important;
}

.cb-create-ad-form > .cb-ad-launch .cb-ad-launch-button{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;

  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;

  width:188px!important;
  max-width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;

  margin:0!important;
  padding:0 10px!important;

  border:1px solid rgba(205,169,255,.28)!important;
  border-radius:11px!important;

  color:#fff!important;
  background:
    radial-gradient(
      85% 155% at 12% 0%,
      rgba(255,255,255,.14) 0%,
      rgba(255,255,255,0) 55%
    ),
    linear-gradient(
      112deg,
      rgba(75,91,224,.96) 0%,
      rgba(118,73,218,.98) 48%,
      rgba(176,69,206,.94) 100%
    )!important;

  box-shadow:
    0 7px 18px rgba(75,48,168,.22),
    0 2px 6px rgba(139,61,190,.13),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(38,24,91,.22)!important;

  font:inherit!important;
  line-height:1!important;
  cursor:pointer!important;
  text-decoration:none!important;

  transform:none!important;
  filter:none!important;

  transition:
    transform .16s cubic-bezier(.22,1,.36,1),
    box-shadow .16s ease,
    filter .16s ease!important;
}

/* remove any old/global pseudo decoration first */
.cb-create-ad-form > .cb-ad-launch .cb-ad-launch-button:before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:0!important;
  border-radius:inherit!important;
  background:
    linear-gradient(
      105deg,
      transparent 18%,
      rgba(255,255,255,.11) 48%,
      transparent 72%
    )!important;
  opacity:.7!important;
  transform:translateX(-55%)!important;
  filter:none!important;
  pointer-events:none!important;
  transition:transform .32s cubic-bezier(.22,1,.36,1)!important;
}

.cb-create-ad-form > .cb-ad-launch .cb-ad-launch-button:after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  top:0!important;
  left:14%!important;
  right:14%!important;
  bottom:auto!important;
  height:1px!important;
  border:0!important;
  border-radius:999px!important;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.34),
      transparent
    )!important;
  -webkit-mask:none!important;
  mask:none!important;
  pointer-events:none!important;
}

.cb-create-ad-form .cb-ad-launch-icon{
  position:relative!important;
  z-index:3!important;

  display:grid!important;
  place-items:center!important;
  flex:0 0 22px!important;

  width:22px!important;
  height:22px!important;
  min-width:22px!important;

  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:7px!important;

  color:#f8f3ff!important;
  background:rgba(255,255,255,.08)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10)!important;

  font-size:9px!important;
  line-height:1!important;
}

.cb-create-ad-form .cb-ad-launch-text{
  position:relative!important;
  z-index:3!important;

  flex:1 1 auto!important;
  min-width:0!important;

  color:#fff!important;
  font-size:10.8px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  text-align:left!important;
  white-space:nowrap!important;
}

.cb-create-ad-form .cb-ad-launch-arrow{
  position:relative!important;
  z-index:3!important;

  display:grid!important;
  place-items:center!important;
  flex:0 0 19px!important;

  width:19px!important;
  height:19px!important;

  border-radius:6px!important;

  color:#f4eaff!important;
  background:rgba(255,255,255,.055)!important;

  font-size:12px!important;
  line-height:1!important;

  transition:transform .16s cubic-bezier(.22,1,.36,1)!important;
}

.cb-create-ad-form > .cb-ad-launch .cb-ad-launch-note{
  width:188px!important;
  max-width:100%!important;
  margin:6px 0 0!important;

  color:#8892ad!important;
  font-size:10px!important;
  font-weight:500!important;
  line-height:1.35!important;
  text-align:right!important;
}

.cb-create-ad-form > .cb-ad-launch .cb-ad-launch-button.cb-ad-launch-ready{
  border-color:rgba(132,241,166,.26)!important;
  background:
    radial-gradient(
      85% 155% at 12% 0%,
      rgba(255,255,255,.13) 0%,
      rgba(255,255,255,0) 55%
    ),
    linear-gradient(
      112deg,
      rgba(59,112,138,.96) 0%,
      rgba(72,139,125,.96) 52%,
      rgba(70,153,112,.94) 100%
    )!important;
  box-shadow:
    0 7px 18px rgba(44,124,91,.18),
    inset 0 1px 0 rgba(255,255,255,.17)!important;
}

@media (hover:hover) and (pointer:fine){
  .cb-create-ad-form > .cb-ad-launch .cb-ad-launch-button:hover{
    transform:translateY(-1px)!important;
    filter:brightness(1.045)!important;
    box-shadow:
      0 9px 20px rgba(75,48,168,.26),
      0 3px 8px rgba(139,61,190,.15),
      inset 0 1px 0 rgba(255,255,255,.20),
      inset 0 -1px 0 rgba(38,24,91,.20)!important;
  }

  .cb-create-ad-form > .cb-ad-launch .cb-ad-launch-button:hover:before{
    transform:translateX(55%)!important;
  }

  .cb-create-ad-form > .cb-ad-launch .cb-ad-launch-button:hover .cb-ad-launch-arrow{
    transform:translateX(2px)!important;
  }
}

.cb-create-ad-form > .cb-ad-launch .cb-ad-launch-button:active{
  transform:translateY(1px) scale(.985)!important;
  filter:brightness(.98)!important;
  box-shadow:
    0 4px 10px rgba(75,48,168,.17),
    inset 0 2px 6px rgba(35,21,82,.16)!important;
}

.cb-create-ad-form > .cb-ad-launch .cb-ad-launch-button:focus-visible{
  outline:none!important;
  box-shadow:
    0 0 0 3px rgba(155,99,238,.13),
    0 8px 18px rgba(75,48,168,.22),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
}

@media(max-width:768px){
  .cb-create-ad-form > .cb-ad-launch{
    align-items:flex-end!important;
  }

  .cb-create-ad-form > .cb-ad-launch .cb-ad-launch-button{
    width:176px!important;
    height:39px!important;
    min-height:39px!important;
  }

  .cb-create-ad-form > .cb-ad-launch .cb-ad-launch-note{
    width:176px!important;
    font-size:9.8px!important;
  }
}

@media(max-width:430px){
  .cb-create-ad-form > .cb-ad-launch .cb-ad-launch-button{
    width:170px!important;
    height:39px!important;
    min-height:39px!important;
    padding:0 9px!important;
  }

  .cb-create-ad-form > .cb-ad-launch .cb-ad-launch-note{
    width:170px!important;
  }

  .cb-create-ad-form .cb-ad-launch-text{
    font-size:10.4px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .cb-create-ad-form > .cb-ad-launch .cb-ad-launch-button,
  .cb-create-ad-form > .cb-ad-launch .cb-ad-launch-button:before,
  .cb-create-ad-form .cb-ad-launch-arrow{
    transition:none!important;
  }
}


/* 96 — center Launch campaign + helper text. */
.cb-create-ad-form > .cb-ad-launch{
  align-items:center!important;
}

.cb-create-ad-form > .cb-ad-launch .cb-ad-launch-note{
  text-align:center!important;
}

@media(max-width:768px){
  .cb-create-ad-form > .cb-ad-launch{
    align-items:center!important;
  }
}

.cb-advertise-title-hidden{display:none!important}
.cb-create-ad-form .cb-ad-control textarea{
  min-height:44px!important;padding-top:7px!important;padding-bottom:7px!important
}


/* 131 — task-specific destination guidance and validation. */
.cb-ad-field-help{
  margin:5px 2px 0;
  color:#68738f;
  font-size:7.6px;
  font-weight:560;
  line-height:1.35;
}

.cb-ad-destination-field .cb-ad-control{
  transition:
    border-color .16s ease,
    box-shadow .16s ease;
}

.cb-create-ad-needs-link .cb-ad-destination-field .cb-ad-control{
  border-color:rgba(var(--cb-ad-accent),.50)!important;
  box-shadow:
    0 0 0 2px rgba(var(--cb-ad-accent),.07),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
}

@media(max-width:560px){
  .cb-ad-field-help{
    font-size:7.2px;
  }
}


.cb-ad-preview-title{
  display:-webkit-box!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
}

/* 234 — ad copy can be reduced or expanded freely while card/sheet previews stay clamped. */
.cb-create-ad-form .cb-ad-control textarea[data-cb-field="text"]{
  min-height:44px!important;
  height:76px;
  max-height:70vh!important;
  padding-top:9px!important;
  padding-bottom:9px!important;
  resize:vertical!important;
  overflow:auto!important;
}

/* Release 255 — advertiser platform selector reliability */
.cb-ad-platforms {
  cursor: default !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  touch-action: pan-x pan-y !important;
  -webkit-overflow-scrolling: touch;
}

/*
 * Never allow an old/stale dragging class to make the
 * actual platform buttons unclickable.
 */
.cb-ad-platforms.cb-ad-platforms-dragging .cb-ad-platform,
.cb-ad-platform {
  pointer-events: auto !important;
}

.cb-ad-platform {
  touch-action: manipulation;
  user-select: none;
}


/* Release 290 — brand platform buttons + clearer advertiser money fields. */
.cb-ad-platform{
  min-height:38px!important;
  padding:8px 14px!important;
  border-width:1px!important;
  color:#fff!important;
  background:rgba(var(--platform-accent),.16)!important;
  box-shadow:
    0 7px 16px rgba(3,6,28,.18),
    inset 0 1px 0 rgba(255,255,255,.09)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.22);
  opacity:.82;
}
.cb-ad-platform span{font-size:10.5px;font-weight:780;letter-spacing:.01em}
.cb-ad-platform[data-cb-ad-platform="telegram"]{border-color:rgba(42,171,238,.48)!important;background:linear-gradient(145deg,rgba(42,171,238,.38),rgba(34,158,217,.18))!important;box-shadow:0 7px 17px rgba(34,158,217,.14),inset 0 1px 0 rgba(255,255,255,.12)!important}
.cb-ad-platform[data-cb-ad-platform="twitter"]{border-color:rgba(255,255,255,.23)!important;background:linear-gradient(145deg,rgba(40,43,49,.92),rgba(12,13,16,.78))!important;box-shadow:0 7px 17px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.10)!important}
.cb-ad-platform[data-cb-ad-platform="instagram"]{border-color:rgba(221,42,123,.42)!important;background:linear-gradient(135deg,rgba(245,133,41,.30),rgba(221,42,123,.34) 48%,rgba(129,52,175,.38))!important;box-shadow:0 7px 17px rgba(193,53,132,.13),inset 0 1px 0 rgba(255,255,255,.12)!important}
.cb-ad-platform[data-cb-ad-platform="youtube"]{border-color:rgba(255,0,0,.44)!important;background:linear-gradient(145deg,rgba(255,0,0,.38),rgba(180,0,0,.20))!important;box-shadow:0 7px 17px rgba(255,0,0,.11),inset 0 1px 0 rgba(255,255,255,.10)!important}
.cb-ad-platform[data-cb-ad-platform="tiktok"]{border-color:rgba(255,255,255,.18)!important;background:radial-gradient(circle at 0 100%,rgba(37,244,238,.23),transparent 48%),radial-gradient(circle at 100% 0,rgba(254,44,85,.25),transparent 48%),rgba(12,13,18,.86)!important;box-shadow:0 7px 17px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.09)!important}
.cb-ad-platform[data-cb-ad-platform="discord"]{border-color:rgba(88,101,242,.52)!important;background:linear-gradient(145deg,rgba(88,101,242,.42),rgba(73,82,201,.20))!important;box-shadow:0 7px 17px rgba(88,101,242,.13),inset 0 1px 0 rgba(255,255,255,.10)!important}
.cb-ad-platform[data-cb-ad-platform="facebook"]{border-color:rgba(24,119,242,.50)!important;background:linear-gradient(145deg,rgba(24,119,242,.42),rgba(15,83,177,.21))!important;box-shadow:0 7px 17px rgba(24,119,242,.12),inset 0 1px 0 rgba(255,255,255,.10)!important}
.cb-ad-platform[data-cb-ad-platform="apps"]{border-color:rgba(124,92,255,.48)!important;background:linear-gradient(145deg,rgba(124,92,255,.40),rgba(73,61,195,.20))!important;box-shadow:0 7px 17px rgba(124,92,255,.12),inset 0 1px 0 rgba(255,255,255,.10)!important}
.cb-ad-platform[data-cb-ad-platform="web"]{border-color:rgba(167,117,239,.48)!important;background:linear-gradient(145deg,rgba(167,117,239,.40),rgba(105,69,184,.20))!important;box-shadow:0 7px 17px rgba(167,117,239,.12),inset 0 1px 0 rgba(255,255,255,.10)!important}
.cb-ad-platform:hover,.cb-ad-platform.active{opacity:1!important;transform:translateY(-1px);filter:brightness(1.10) saturate(1.08)}
.cb-ad-platform.active{box-shadow:0 9px 21px rgba(3,6,28,.24),inset 0 1px 0 rgba(255,255,255,.16)!important}
.cb-ad-platform:active{transform:scale(.97)!important;filter:brightness(1.03)}

.cb-ad-money input[type="number"]{-moz-appearance:textfield;appearance:textfield;padding-right:112px!important}
.cb-ad-money input[type="number"]::-webkit-outer-spin-button,
.cb-ad-money input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cb-ad-money-meta{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  display:flex;align-items:center;gap:6px;pointer-events:none;
}
.cb-ad-money-meta strong{
  display:inline-flex;align-items:center;min-height:22px;padding:0 7px;
  border:1px solid rgba(255,217,145,.30);border-radius:7px;
  color:#ffd991;background:rgba(255,217,145,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  font-size:9px;font-weight:820;line-height:1;
}
.cb-ad-money-meta em{color:#dfe4ff;font-size:8.5px;font-style:normal;font-weight:720;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.22)}
@media(max-width:420px){.cb-ad-money input[type="number"]{padding-right:105px!important}.cb-ad-money-meta{gap:4px;right:7px}.cb-ad-money-meta strong{padding:0 6px}.cb-ad-money-meta em{font-size:8px}}


/* Release 296 — restored brand-first 3D platform buttons + plain funding asset label. */
.cb-ad-platforms{
  gap:7px!important;
  padding:4px 2px 7px!important;
}
.cb-ad-platform{
  position:relative!important;
  isolation:isolate!important;
  min-height:38px!important;
  height:38px!important;
  padding:7px 13px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  opacity:1!important;
  text-shadow:0 1px 1px rgba(0,0,0,.28)!important;
  box-shadow:
    0 5px 0 rgba(4,7,24,.42),
    0 8px 16px rgba(3,6,28,.20),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(0,0,0,.18)!important;
  transition:transform .12s ease,filter .12s ease,box-shadow .12s ease!important;
}
.cb-ad-platform-copy{display:block!important;min-width:0!important}
.cb-ad-platform-copy strong{
  display:block!important;
  color:#fff!important;
  font-size:10.6px!important;
  font-weight:780!important;
  line-height:1!important;
  letter-spacing:.005em!important;
  white-space:nowrap!important;
}
.cb-ad-platform-telegram{background:linear-gradient(180deg,#39B7F2 0%,#229ED9 56%,#1686BA 100%)!important;border-color:#63C7F4!important}
.cb-ad-platform-twitter{background:linear-gradient(180deg,#35383E 0%,#181A1F 55%,#07080A 100%)!important;border-color:#555961!important}
.cb-ad-platform-instagram{background:linear-gradient(135deg,#833AB4 0%,#C13584 32%,#E1306C 56%,#F77737 78%,#FCAF45 100%)!important;border-color:#EB72A7!important}
.cb-ad-platform-youtube{background:linear-gradient(180deg,#FF4040 0%,#FF0000 55%,#C60000 100%)!important;border-color:#FF6A6A!important}
.cb-ad-platform-tiktok{background:radial-gradient(circle at 12% 15%,rgba(37,244,238,.55),transparent 36%),radial-gradient(circle at 88% 85%,rgba(254,44,85,.50),transparent 38%),linear-gradient(180deg,#252731 0%,#111218 55%,#06070A 100%)!important;border-color:#545762!important}
.cb-ad-platform-discord{background:linear-gradient(180deg,#7785F7 0%,#5865F2 56%,#3D48C5 100%)!important;border-color:#929CFF!important}
.cb-ad-platform-facebook{background:linear-gradient(180deg,#3690FF 0%,#1877F2 56%,#0B58C2 100%)!important;border-color:#68AAFF!important}
.cb-ad-platform-apps{background:linear-gradient(180deg,#A783FF 0%,#7C5CFF 56%,#5C3CD0 100%)!important;border-color:#BDA7FF!important}
.cb-ad-platform-web{background:linear-gradient(180deg,#B382F2 0%,#8E5FD4 56%,#6742A6 100%)!important;border-color:#C9A5F6!important}
.cb-ad-platform:not(.active){filter:brightness(.96) saturate(.98)!important;transform:none!important}
.cb-ad-platform.active{
  z-index:2!important;
  transform:translateY(-1px)!important;
  filter:brightness(1.08) saturate(1.07)!important;
  border-color:rgba(255,255,255,.48)!important;
  box-shadow:
    0 6px 0 rgba(4,7,24,.38),
    0 10px 20px rgba(3,6,28,.24),
    0 0 0 2px rgba(var(--platform-accent),.14),
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -1px 0 rgba(0,0,0,.15)!important;
}
.cb-ad-platform.active .cb-ad-platform-copy strong{position:relative!important;padding-right:11px!important}
.cb-ad-platform.active .cb-ad-platform-copy strong::after{
  content:""!important;
  position:absolute!important;
  right:0!important;top:50%!important;
  width:5px!important;height:5px!important;
  margin-top:-2.5px!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.12),0 0 7px rgba(255,255,255,.68)!important;
}
@media(hover:hover) and (pointer:fine){
  .cb-ad-platform:not(.active):hover{transform:translateY(-1px)!important;filter:brightness(1.045) saturate(1.03)!important}
}
.cb-ad-platform:active,.cb-ad-platform.active:active{
  transform:translateY(3px)!important;
  filter:brightness(.96)!important;
  box-shadow:0 2px 0 rgba(4,7,24,.42),0 4px 8px rgba(3,6,28,.16),inset 0 2px 4px rgba(0,0,0,.16)!important;
}

/* CPC/budget asset code is plain green text — no chip/card background. */
.cb-ad-money-meta strong{
  display:inline!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:rgb(48,255,56)!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:820!important;
  line-height:1!important;
  text-shadow:0 0 8px rgba(48,255,56,.13)!important;
}

/* Release 300 — advertiser platform controls copied from the final effective buttons.zip treatment. */
.cb-ad-platforms{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  align-content:flex-start!important;
  gap:clamp(4px,.55vw,7px)!important;
  width:100%!important;
  padding:3px 1px 5px!important;
  overflow:visible!important;
}

.cb-ad-platform{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  display:flex!important;
  align-items:center!important;
  flex:0 1 auto!important;
  min-width:0!important;
  min-height:32px!important;
  height:32px!important;
  gap:0!important;
  padding:5px clamp(7px,.85vw,10px)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:9px!important;
  color:#fff!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transform:none!important;
  box-shadow:
    0 3px 8px rgba(2,5,25,.07),
    inset 0 1px 0 rgba(255,255,255,.065)!important;
  transition:
    transform .13s cubic-bezier(.22,1,.36,1),
    border-color .13s ease,
    box-shadow .13s ease,
    filter .13s ease!important;
}

.cb-ad-platform::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:1;
  background:inherit;
}

.cb-ad-platform::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-45%;
  left:-38%;
  width:38%;
  height:190%;
  transform:translate3d(-170%,0,0) rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.17),transparent);
  transition:transform .42s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
}

.cb-ad-platform-mark,
.cb-ad-platform-logo{display:none!important}

.cb-ad-platform-copy{display:block!important;min-width:0!important}
.cb-ad-platform-copy strong{
  display:block!important;
  color:#fff!important;
  font-size:clamp(9.8px,.92vw,10.6px)!important;
  font-weight:710!important;
  line-height:1!important;
  letter-spacing:-.005em!important;
  white-space:nowrap!important;
  transform:none!important;
}

.cb-ad-platform-twitter,
.cb-ad-platform-twitter.active{
  background:
    radial-gradient(100% 150% at 0% -20%,rgba(255,255,255,.085),transparent 56%),
    linear-gradient(145deg,#20232B 0%,#050608 100%)!important;
  border-color:rgba(255,255,255,.13)!important;
}
.cb-ad-platform-instagram,
.cb-ad-platform-instagram.active{
  background:
    radial-gradient(circle at 11% 115%,rgba(252,175,69,.98) 0 12%,transparent 35%),
    radial-gradient(circle at 100% 0%,rgba(131,58,180,.98),transparent 47%),
    linear-gradient(135deg,#833AB4 0%,#C13584 42%,#E1306C 68%,#F77737 100%)!important;
  border-color:rgba(255,166,205,.23)!important;
}
.cb-ad-platform-youtube,
.cb-ad-platform-youtube.active{
  background:
    radial-gradient(100% 150% at 0% -20%,rgba(255,255,255,.16),transparent 55%),
    linear-gradient(145deg,#FF0000 0%,#C90912 100%)!important;
  border-color:rgba(255,117,117,.28)!important;
}
.cb-ad-platform-tiktok,
.cb-ad-platform-tiktok.active{
  background:
    radial-gradient(circle at 8% 12%,rgba(37,244,238,.16),transparent 34%),
    radial-gradient(circle at 96% 88%,rgba(254,44,85,.17),transparent 38%),
    linear-gradient(145deg,#17191F 0%,#050608 100%)!important;
  border-color:rgba(133,222,223,.18)!important;
}
.cb-ad-platform-discord,
.cb-ad-platform-discord.active{
  background:
    radial-gradient(105% 150% at 0% -20%,rgba(255,255,255,.15),transparent 55%),
    linear-gradient(145deg,#5865F2 0%,#414CC8 100%)!important;
  border-color:rgba(153,164,255,.27)!important;
}
.cb-ad-platform-facebook,
.cb-ad-platform-facebook.active{
  background:
    radial-gradient(105% 150% at 0% -20%,rgba(255,255,255,.15),transparent 55%),
    linear-gradient(145deg,#0866FF 0%,#0750C6 100%)!important;
  border-color:rgba(126,177,255,.27)!important;
}
.cb-ad-platform-apps,
.cb-ad-platform-apps.active{
  background:
    radial-gradient(105% 150% at 0% -20%,rgba(255,255,255,.13),transparent 55%),
    linear-gradient(145deg,#795DDA 0%,#5844B2 100%)!important;
  border-color:rgba(180,158,255,.25)!important;
}
.cb-ad-platform-web,
.cb-ad-platform-web.active{
  background:
    radial-gradient(105% 150% at 0% -20%,rgba(255,255,255,.12),transparent 55%),
    linear-gradient(145deg,#5266A7 0%,#37477E 100%)!important;
  border-color:rgba(148,165,224,.22)!important;
}

/* buttons.zip final Telegram treatment. */
.cb-ad-platform-telegram,
.cb-ad-platform-telegram.active{
  background:
    radial-gradient(100% 145% at 10% -18%,rgba(255,255,255,.15),transparent 56%),
    linear-gradient(145deg,#2AABEE 0%,#229ED9 58%,#168AC2 100%)!important;
  border-color:rgba(103,200,243,.34)!important;
}

.cb-ad-platform:not(.active){
  filter:brightness(.94) saturate(.94)!important;
  transform:none!important;
}

.cb-ad-platform.active{
  position:relative!important;
  z-index:2!important;
  transform:translateY(-2px) scale(1.025)!important;
  filter:brightness(1.08) saturate(1.08)!important;
  border-color:rgba(255,255,255,.42)!important;
  box-shadow:
    0 9px 18px rgba(2,5,25,.18),
    0 0 0 2px rgba(var(--platform-accent),.14),
    0 0 13px rgba(var(--platform-accent),.18),
    inset 0 0 0 1px rgba(255,255,255,.13),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.cb-ad-platform.active .cb-ad-platform-copy strong{
  position:relative!important;
  padding-right:10px!important;
}
.cb-ad-platform.active .cb-ad-platform-copy strong::after{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  right:0!important;
  width:5px!important;
  height:5px!important;
  margin-top:-2.5px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:
    0 0 0 2px rgba(255,255,255,.11),
    0 0 8px rgba(255,255,255,.55)!important;
  animation:cb-platform-selected-dot .22s cubic-bezier(.16,1,.3,1) both!important;
}

@keyframes cb-platform-selected-dot{
  from{opacity:0;transform:scale(.25)}
  to{opacity:1;transform:scale(1)}
}

@media(hover:hover) and (pointer:fine){
  .cb-ad-platform:not(.active):hover{
    transform:translateY(-1px)!important;
    filter:brightness(1.025) saturate(1)!important;
    border-color:rgba(255,255,255,.20)!important;
    box-shadow:
      0 6px 13px rgba(2,5,25,.12),
      inset 0 1px 0 rgba(255,255,255,.10)!important;
  }
  .cb-ad-platform:not(.active):hover::after{
    transform:translate3d(430%,0,0) rotate(18deg)!important;
  }
  .cb-ad-platform.active:hover{
    transform:translateY(-3px) scale(1.03)!important;
    filter:brightness(1.11) saturate(1.10)!important;
  }
}

.cb-ad-platform:active,
.cb-ad-platform.active:active{
  transform:translateY(0) scale(.98)!important;
}

.cb-ad-platform:focus-visible{
  outline:none!important;
  border-color:rgba(255,255,255,.31)!important;
  box-shadow:
    0 0 0 2px rgba(255,255,255,.07),
    0 5px 11px rgba(2,5,25,.11),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
}

@media(max-width:980px){
  .cb-ad-platforms{gap:5px!important}
  .cb-ad-platform{height:31px!important;min-height:31px!important;padding:5px 8px!important}
  .cb-ad-platform-copy strong{font-size:10.1px!important}
}
@media(max-width:760px){
  .cb-ad-platforms{gap:4px!important}
  .cb-ad-platform{height:30px!important;min-height:30px!important;padding:4px 7px!important;border-radius:8px!important}
  .cb-ad-platform-copy strong{font-size:9.7px!important}
}
@media(max-width:440px){
  .cb-ad-platform{height:29px!important;min-height:29px!important;padding:4px 6px!important}
  .cb-ad-platform-copy strong{font-size:9.3px!important}
}
@media(prefers-reduced-motion:reduce){
  .cb-ad-platform.active .cb-ad-platform-copy strong::after{animation:none!important}
}

/* Release 310 — advertiser funding currency is independent from payout preference. */
.cb-ad-funding-select{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(11,14,27,.86);color:#fff;padding:0 12px;font:inherit;font-weight:760;outline:none}
.cb-ad-funding-select:focus{border-color:rgba(112,145,255,.72);box-shadow:0 0 0 2px rgba(112,145,255,.12)}
[data-cb-funding-status][data-state=ready]{color:#69ec98}
[data-cb-funding-status][data-state=unavailable]{color:#ffb45e}

/* Targeted R1: there is no Live Preview column; the actual form uses all width. */
#cb-create-ad .cb-create-ad-body{grid-template-columns:minmax(0,1fr)!important}
#cb-create-ad .cb-create-ad-form{grid-column:1/-1}