:root{
  --zf-final-hero-gap-a: 18px;
  --zf-final-hero-gap-b: 18px;
  --zf-final-hero-gap-c: 22px;
  --zf-final-chip-gap: 14px;
}

#micro,
.heroTrustItem{
  white-space:nowrap;
  text-wrap:nowrap;
}

.micro--hero{ margin-top:var(--zf-final-hero-gap-a) !important; }
.heroExamplesWrap,
.heroExamplesWrap--modal{ margin-top:var(--zf-final-hero-gap-b) !important; }
.heroTrust{ margin-top:var(--zf-final-hero-gap-c) !important; }

.chatQuick{
  margin-top:var(--zf-final-chip-gap) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.chatQuick .chipsRow,
.quickPanel .chipsRow{
  mask-image:none !important;
  -webkit-mask-image:none !important;
  padding-left:0 !important;
}
#quickCats{ margin-top:0 !important; }

.composerPill{
  min-height:60px !important;
  padding:8px !important;
  gap:8px !important;
  align-items:center !important;
}
#toolBtn,
#micBtn,
#sendBtn,
.composerPill .moreBtn,
.composerPill .mic,
.composerPill .send{
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !important;
}
#toolBtn{ font-size:20px !important; line-height:1 !important; }

.edgeDock{
  right:12px !important;
  z-index:9800 !important;
  opacity:1 !important;
}
.edgeDock.is-hidden{
  opacity:0 !important;
}
.edgeDockBtn{
  width:52px !important;
  height:52px !important;
}

#premiumPreviewBuyBtn{
  color:#111 !important;
}

@media (max-width:560px){
  #heroText,
  #heroHelper,
  #micro,
  .heroTrustItem{
    white-space:nowrap;
    text-wrap:nowrap;
  }
  #heroText{ font-size:clamp(26px, 7.8vw, 32px) !important; line-height:1.04 !important; }
  #heroHelper{ font-size:clamp(12px, 3.25vw, 13.5px) !important; line-height:1.12 !important; }
  .chatQuick{ margin-top:15px !important; }
}
