/* Unified News Feed composer preview v1 */
#feedView .feedComposer[data-unified-composer="1"]{
  display:flex;
  flex-direction:column;
  gap:0;
  max-width:100%;
  overflow:hidden;
}
#feedView .feedComposer[data-unified-composer="1"] .composerTop265{
  align-items:flex-start;
  width:100%;
  min-width:0;
}
#feedView .feedComposer[data-unified-composer="1"] .cqUnifiedComposerText{
  flex:1;
  width:100%;
  min-width:0;
  min-height:44px!important;
  max-height:240px;
  margin:0!important;
  padding:11px 13px!important;
  resize:none;
  overflow-y:auto;
  border-radius:18px!important;
  line-height:1.42;
  font-size:14px!important;
  overflow-wrap:anywhere;
  white-space:pre-wrap;
  box-sizing:border-box;
}
#feedView .feedComposer[data-unified-composer="1"] .expanded265{
  display:contents!important;
}
#feedView .feedComposer[data-unified-composer="1"] .expanded265>b:first-child,
#feedView .feedComposer[data-unified-composer="1"] .expanded265>.muted:first-of-type,
#feedView .feedComposer[data-unified-composer="1"] .cqUnifiedHidden{
  display:none!important;
}
#feedView .feedComposer[data-unified-composer="1"] #feedMediaPreview{
  order:1;
  width:100%;
  min-width:0;
  margin:10px 0 0;
}
#feedView .feedComposer[data-unified-composer="1"] .composerActions265{
  order:2;
  width:100%;
}
#feedView .feedComposer[data-unified-composer="1"] #cqFeedTagBlock{
  order:3;
  margin-top:8px;
}
#feedView .feedComposer[data-unified-composer="1"] .grid2{
  order:4;
  width:100%;
  min-width:0;
}
#feedView .feedComposer[data-unified-composer="1"] .cqUnifiedMediaNote{
  order:5;
  margin-top:7px;
}
#feedView .feedComposer[data-unified-composer="1"] #cqUnifiedPostButton{
  order:6;
  width:100%;
  min-height:46px!important;
  margin:11px 0 max(2px,env(safe-area-inset-bottom))!important;
  position:relative;
  z-index:2;
}
#feedView .feedComposer[data-unified-composer="1"] #feedCreateStatus{order:7}
#feedView .feedComposer[data-unified-composer="1"] .feedPreviewGrid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:100%;
  overflow:hidden;
}
#feedView .feedComposer[data-unified-composer="1"] .feedPreviewItem{
  min-width:0;
  overflow:hidden;
}
#feedView .feedComposer[data-unified-composer="1"] .feedPreviewItem img,
#feedView .feedComposer[data-unified-composer="1"] .feedPreviewItem video{
  max-width:100%;
}
@media(max-width:520px){
  #feedView .feedComposer[data-unified-composer="1"]{
    padding:10px!important;
    scroll-margin-bottom:110px;
  }
  #feedView .feedComposer[data-unified-composer="1"] .composerAvatar265{
    width:36px!important;
    height:36px!important;
    flex-basis:36px;
  }
  #feedView .feedComposer[data-unified-composer="1"] .cqUnifiedComposerText{
    min-height:42px!important;
    font-size:16px!important;
  }
  #feedView .feedComposer[data-unified-composer="1"] .grid2{
    grid-template-columns:1fr;
    gap:0;
  }
  #feedView .feedComposer[data-unified-composer="1"] #cqUnifiedPostButton{
    scroll-margin-bottom:105px;
  }
}

/* Compact refinement */
#feedView .feedComposer[data-unified-composer="1"] .cqUnifiedComposerText{
  height:44px;
}
#feedView .feedComposer[data-unified-composer="1"] .composerActions265{
  margin-top:8px!important;
  padding-top:8px!important;
}
#feedView .feedComposer[data-unified-composer="1"] .composerAction265{
  min-height:50px!important;
  padding:7px 4px!important;
}
#feedView .feedComposer[data-unified-composer="1"] #cqFeedTagBlock{
  padding:0!important;
  border:0!important;
}
#feedView .feedComposer[data-unified-composer="1"] #cqFeedTagBlock .cqTagHeading{
  min-height:44px;
  margin:0!important;
  padding:9px 2px;
  cursor:pointer;
  border-bottom:1px solid rgba(214,75,255,.18);
  user-select:none;
}
#feedView .feedComposer[data-unified-composer="1"] #cqFeedTagBlock .cqTagHeading:focus-visible{
  outline:2px solid #cf4cff;
  outline-offset:2px;
  border-radius:10px;
}
#feedView .feedComposer[data-unified-composer="1"] #cqFeedTagBlock .cqTagSummary{
  font-size:13px;
  font-weight:600;
  color:#cf82e8;
}
#feedView .feedComposer[data-unified-composer="1"] #cqFeedTagBlock.cqTagsCollapsed #cqFeedTagSelector{
  display:none!important;
}
#feedView .feedComposer[data-unified-composer="1"] #cqFeedTagBlock:not(.cqTagsCollapsed) #cqFeedTagSelector{
  padding-top:8px;
}
#feedView .feedComposer[data-unified-composer="1"] #cqFeedTagBlock .cqTagPicker{
  gap:6px!important;
}
#feedView .feedComposer[data-unified-composer="1"] #cqFeedTagBlock .cqTagChip{
  min-height:36px!important;
  padding:7px 12px!important;
  font-size:13px!important;
}
#feedView .feedComposer[data-unified-composer="1"] #cqFeedTagBlock .cqTagLimit{
  margin-top:6px!important;
  font-size:12px!important;
}
#feedView .feedComposer[data-unified-composer="1"] .grid2{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  margin-top:8px!important;
}
#feedView .feedComposer[data-unified-composer="1"] .grid2 label{
  margin:0 0 5px!important;
  font-size:11px!important;
  letter-spacing:.06em;
}
#feedView .feedComposer[data-unified-composer="1"] .grid2 select{
  width:100%;
  min-width:0;
  height:44px!important;
  padding:8px 34px 8px 11px!important;
  font-size:14px!important;
  border-radius:13px!important;
}
#feedView .feedComposer[data-unified-composer="1"] .cqUnifiedMediaNote{
  padding:7px 9px!important;
  margin-top:8px!important;
  font-size:11px!important;
  line-height:1.35!important;
  border-left-width:2px!important;
}
#feedView .feedComposer[data-unified-composer="1"] #cqUnifiedPostButton{
  min-height:44px!important;
  margin-top:9px!important;
}
@media(max-width:380px){
  #feedView .feedComposer[data-unified-composer="1"] .grid2{
    grid-template-columns:1fr!important;
  }
}


/* Compact refinement v2 — tighter mobile rhythm */
#feedView .feedComposer[data-unified-composer="1"]{
  padding:9px!important;
}
#feedView .feedComposer[data-unified-composer="1"] .composerTop265{
  gap:8px!important;
}
#feedView .feedComposer[data-unified-composer="1"] .composerAvatar265{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
}
#feedView .feedComposer[data-unified-composer="1"] .cqUnifiedComposerText{
  min-height:40px!important;
  height:40px;
  padding:9px 12px!important;
  border-radius:15px!important;
}
#feedView .feedComposer[data-unified-composer="1"] #feedMediaPreview{
  margin-top:7px!important;
}
#feedView .feedComposer[data-unified-composer="1"] .composerActions265{
  margin-top:5px!important;
  padding-top:5px!important;
}
#feedView .feedComposer[data-unified-composer="1"] .composerAction265{
  min-height:44px!important;
  padding:4px 3px!important;
  gap:2px!important;
}
#feedView .feedComposer[data-unified-composer="1"] .composerAction265 span,
#feedView .feedComposer[data-unified-composer="1"] .composerAction265 b{
  font-size:11px!important;
}
#feedView .feedComposer[data-unified-composer="1"] #cqFeedTagBlock{
  margin-top:4px!important;
}
#feedView .feedComposer[data-unified-composer="1"] #cqFeedTagBlock .cqTagHeading{
  min-height:40px!important;
  padding:7px 2px!important;
}
#feedView .feedComposer[data-unified-composer="1"] .grid2{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:6px!important;
  margin-top:5px!important;
}
#feedView .feedComposer[data-unified-composer="1"] .grid2 label{
  margin-bottom:3px!important;
  font-size:10px!important;
}
#feedView .feedComposer[data-unified-composer="1"] .grid2 select{
  height:40px!important;
  padding:6px 28px 6px 9px!important;
  font-size:13px!important;
  border-radius:12px!important;
}
#feedView .feedComposer[data-unified-composer="1"] .cqUnifiedMediaNote{
  margin-top:6px!important;
  padding:5px 7px!important;
  font-size:10px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#feedView .feedComposer[data-unified-composer="1"] #cqUnifiedPostButton{
  min-height:42px!important;
  margin-top:7px!important;
  margin-bottom:max(1px,env(safe-area-inset-bottom))!important;
}
@media(max-width:520px){
  #feedView .feedComposer[data-unified-composer="1"]{
    padding:8px!important;
  }
  #feedView .feedComposer[data-unified-composer="1"] .composerAvatar265{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
  }
}
@media(max-width:380px){
  #feedView .feedComposer[data-unified-composer="1"] .grid2{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  #feedView .feedComposer[data-unified-composer="1"] .grid2 select{
    font-size:12px!important;
  }
}


/* Dedicated New Post screen */
.cqFeedComposerModalOpen{
  overflow:hidden!important;
}
#feedView .feedComposer[data-unified-composer="1"] .cqFullscreenComposerHeader{
  display:none;
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen{
  position:fixed!important;
  inset:auto 0 auto 0!important;
  top:var(--cq-composer-top,0)!important;
  z-index:2147481000!important;
  width:100%!important;
  max-width:none!important;
  height:var(--cq-composer-height,100dvh)!important;
  margin:0!important;
  padding:0 16px max(18px,env(safe-area-inset-bottom))!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  border:0!important;
  border-radius:0!important;
  background:#0c0811!important;
  box-sizing:border-box;
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen .cqFullscreenComposerHeader{
  position:sticky;
  top:0;
  z-index:20;
  display:grid;
  grid-template-columns:72px 1fr 84px;
  align-items:center;
  min-height:64px;
  margin:0 -16px 14px;
  padding:env(safe-area-inset-top) 14px 0;
  background:rgba(12,8,17,.98);
  border-bottom:1px solid rgba(214,75,255,.2);
  backdrop-filter:blur(16px);
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen .cqFullscreenComposerHeader strong{
  text-align:center;
  font-size:19px;
  color:#fff;
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen .cqFullscreenClose,
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen .cqFullscreenPost{
  min-height:44px;
  border:0;
  border-radius:13px;
  font:inherit;
  font-weight:800;
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen .cqFullscreenClose{
  width:48px;
  padding:0;
  color:#fff;
  background:transparent;
  font-size:38px;
  font-weight:300;
  line-height:1;
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen .cqFullscreenPost{
  color:#fff;
  background:linear-gradient(135deg,#8f35c9,#df35ee);
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen .cqFullscreenPost:disabled{
  opacity:.5;
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen .composerTop265{
  align-items:flex-start!important;
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen .composerAvatar265{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen .cqUnifiedComposerText{
  min-height:clamp(240px,42dvh,520px)!important;
  max-height:none!important;
  height:auto!important;
  padding:8px 6px 24px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:20px!important;
  line-height:1.45;
  overflow-y:hidden!important;
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen .composerActions265{
  position:relative;
  margin-top:4px!important;
  padding:10px 0!important;
  border-top:1px solid rgba(214,75,255,.18);
  border-bottom:1px solid rgba(214,75,255,.18);
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen #cqUnifiedPostButton{
  display:none!important;
}
@media(min-width:760px){
  #feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen{
    left:50%!important;
    right:auto!important;
    width:min(720px,100%)!important;
    transform:translateX(-50%);
    border-left:1px solid rgba(214,75,255,.2)!important;
    border-right:1px solid rgba(214,75,255,.2)!important;
  }
}


/* Mobile keyboard viewport correction */
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen.cqComposerKeyboardOpen{
  padding-bottom:max(8px,env(safe-area-inset-bottom))!important;
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen.cqComposerKeyboardOpen .cqFullscreenComposerHeader{
  min-height:56px;
  margin-bottom:6px;
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen.cqComposerKeyboardOpen .composerAvatar265{
  width:40px!important;
  height:40px!important;
  flex-basis:40px!important;
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen.cqComposerKeyboardOpen .cqUnifiedComposerText{
  min-height:96px!important;
  max-height:150px!important;
  height:112px!important;
  padding-bottom:10px!important;
  overflow-y:auto!important;
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen.cqComposerKeyboardOpen .composerActions265{
  margin-top:0!important;
  padding:5px 0!important;
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen.cqComposerKeyboardOpen #cqFeedTagBlock{
  margin-top:2px!important;
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen.cqComposerKeyboardOpen #cqFeedTagBlock .cqTagHeading{
  min-height:36px!important;
  padding:5px 2px!important;
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen.cqComposerKeyboardOpen .grid2{
  margin-top:3px!important;
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen.cqComposerKeyboardOpen .grid2 select{
  height:36px!important;
}
#feedView .feedComposer[data-unified-composer="1"].cqFullscreenComposerOpen.cqComposerKeyboardOpen .cqUnifiedMediaNote{
  display:none!important;
}

/* Keep detailed post settings in the full-screen composer. */
#feedView .feedComposer[data-unified-composer="1"]:not(.cqFullscreenComposerOpen) #cqFeedTagBlock,
#feedView .feedComposer[data-unified-composer="1"]:not(.cqFullscreenComposerOpen) .grid2,
#feedView .feedComposer[data-unified-composer="1"]:not(.cqFullscreenComposerOpen) .cqUnifiedMediaNote{
  display:none!important;
}