.cb-home-hero-composer-panel-v1{
  display:none;
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:999999;
  width:min(420px, calc(100vw - 36px));
  max-height:calc(100vh - 36px);
  overflow:auto;
  padding:16px;
  border-radius:18px;
  background:rgba(15,11,9,.91);
  color:#f7efe4;
  border:1px solid rgba(247,239,228,.16);
  box-shadow:0 24px 90px rgba(0,0,0,.42);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  backdrop-filter:blur(18px);
}
body.cb-home-hero-compose-on .cb-home-hero-composer-panel-v1{display:block;}
.cb-home-hero-composer-panel-v1 h2{margin:0 0 6px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;}
.cb-home-hero-composer-panel-v1 p{margin:0 0 12px;color:rgba(247,239,228,.72);font-size:12px;line-height:1.35;}
.cb-home-hero-composer-tabs-v1,
.cb-home-hero-composer-modes-v1,
.cb-home-hero-composer-actions-v1{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px;}
.cb-home-hero-composer-tabs-v1{padding-bottom:12px;border-bottom:1px solid rgba(247,239,228,.12);}
.cb-home-hero-composer-panel-v1 button{
  min-height:32px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(247,239,228,.18);
  background:rgba(247,239,228,.06);
  color:#f7efe4;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
}
.cb-home-hero-composer-panel-v1 button.is-active{
  border-color:rgba(216,183,109,.68);
  background:rgba(216,183,109,.2);
  color:#f4d27c;
}
.cb-home-hero-composer-row-v1{
  display:grid;
  grid-template-columns:52px 1fr 74px;
  gap:10px;
  align-items:center;
  margin:10px 0;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.cb-home-hero-composer-row-v1 input[type="range"]{width:100%;}
.cb-home-hero-composer-row-v1 input[type="number"]{
  width:74px;
  min-height:30px;
  border-radius:10px;
  border:1px solid rgba(247,239,228,.15);
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:0 8px;
}
.cb-home-hero-composer-panel-v1 pre{
  white-space:pre-wrap;
  margin:12px 0 0;
  padding:12px;
  border-radius:12px;
  background:rgba(0,0,0,.28);
  color:rgba(247,239,228,.86);
  font-size:11px;
  line-height:1.35;
}


/* CB home hero composer mobile compact v2 START */
.cb-home-hero-composer-mobile-toggle-v2{
  display:none;
}

@media (max-width:760px){
  .cb-home-hero-composer-panel-v1{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    width:auto!important;
    max-height:46vh!important;
    padding:12px!important;
    padding-top:46px!important;
    border-radius:16px!important;
    overflow:auto!important;
  }

  .cb-home-hero-composer-mobile-toggle-v2{
    display:block!important;
    position:absolute!important;
    top:9px!important;
    right:9px!important;
    z-index:2!important;
    min-height:28px!important;
    padding:0 10px!important;
    font-size:9px!important;
  }

  .cb-home-hero-composer-panel-v1 h2{
    position:absolute!important;
    left:12px!important;
    top:15px!important;
    max-width:190px!important;
    margin:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .cb-home-hero-composer-panel-v1 p{
    display:none!important;
  }

  .cb-home-hero-composer-tabs-v1,
  .cb-home-hero-composer-modes-v1,
  .cb-home-hero-composer-actions-v1{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    padding-bottom:4px!important;
    margin-bottom:8px!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .cb-home-hero-composer-panel-v1 button{
    flex:0 0 auto!important;
    min-height:30px!important;
    padding:0 9px!important;
    font-size:9px!important;
  }

  .cb-home-hero-composer-row-v1{
    grid-template-columns:38px 1fr 58px!important;
    gap:8px!important;
    margin:7px 0!important;
    font-size:10px!important;
  }

  .cb-home-hero-composer-row-v1 input[type="number"]{
    width:58px!important;
    min-height:28px!important;
    padding:0 6px!important;
    font-size:11px!important;
  }

  .cb-home-hero-composer-panel-v1 pre{
    max-height:72px!important;
    overflow:auto!important;
    font-size:10px!important;
    padding:8px!important;
    margin-top:8px!important;
  }

  body.cb-home-hero-composer-minimized-v2 .cb-home-hero-composer-panel-v1{
    max-height:46px!important;
    min-height:46px!important;
    height:46px!important;
    padding:0 12px!important;
    overflow:hidden!important;
  }

  body.cb-home-hero-composer-minimized-v2 .cb-home-hero-composer-panel-v1 > *:not(.cb-home-hero-composer-mobile-toggle-v2):not(h2){
    display:none!important;
  }

  body.cb-home-hero-composer-minimized-v2 .cb-home-hero-composer-panel-v1 h2{
    top:16px!important;
  }
}
/* CB home hero composer mobile compact v2 END */