.composer-lightbox form{
  gap:10px!important;
}
.composer-lightbox .composer-access-row{
  display:flex!important;
  align-items:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:0!important;
}
.composer-lightbox .composer-access-row .visibility-picker,
.composer-lightbox .composer-access-row .composer-subscription-gate{
  flex:0 1 176px!important;
  min-width:140px!important;
  display:grid!important;
  gap:4px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.composer-lightbox .composer-access-row .visibility-picker span,
.composer-lightbox .composer-access-row .composer-subscription-gate span{
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#64748b!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.composer-lightbox .composer-access-row .visibility-picker select,
.composer-lightbox .composer-access-row .composer-subscription-gate select{
  width:100%!important;
  min-height:34px!important;
  height:34px!important;
  border:1px solid rgba(15,23,42,.12)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#0f172a!important;
  font:800 13px/1.2 system-ui,-apple-system,Segoe UI,sans-serif!important;
  padding:7px 28px 7px 11px!important;
  box-shadow:0 5px 14px rgba(15,23,42,.04)!important;
}
.composer-lightbox .composer-subscription-note,
.composer-lightbox .composer-background-help{
  display:none!important;
}
.composer-lightbox .composer-background-row{
  position:relative!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  gap:0!important;
}
.composer-lightbox .composer-background-trigger-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
}
.composer-lightbox .composer-background-trigger,
.composer-lightbox .composer-feeling-trigger,
.composer-lightbox .composer-quickbar .file-label{
  min-height:36px!important;
  height:36px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(15,23,42,.12)!important;
  background:#fff!important;
  color:#172033!important;
  font:900 13px/1 system-ui,-apple-system,Segoe UI,sans-serif!important;
  box-shadow:0 5px 14px rgba(15,23,42,.06)!important;
}
.composer-lightbox .composer-background-trigger{
  width:auto!important;
}
.composer-lightbox .composer-background-trigger-preview{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
}
.composer-lightbox .composer-background-current{
  display:none!important;
}
.composer-lightbox .composer-bg-clear{
  min-height:32px!important;
  height:32px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:12px!important;
}
.composer-lightbox .composer-bg-clear.hidden{
  display:none!important;
}
.composer-lightbox .composer-background-palette{
  display:none!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 8px)!important;
  z-index:40!important;
  max-height:min(460px,52dvh)!important;
  overflow:auto!important;
  padding:12px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 24px 60px rgba(15,23,42,.18)!important;
}
.composer-lightbox .composer-background-palette.is-open{
  display:block!important;
}
.composer-lightbox .composer-background-group-title{
  margin:8px 0 7px!important;
  color:#475569!important;
  font-size:12px!important;
  font-weight:950!important;
}
.composer-lightbox .composer-background-group-title:first-child{
  margin-top:0!important;
}
.composer-lightbox .composer-background-swatches,
.composer-lightbox .composer-bg-image-swatches{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(34px,1fr))!important;
  gap:8px!important;
  align-items:center!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
}
.composer-lightbox .composer-bg-swatch,
.composer-lightbox .composer-bg-image-swatch{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:12px!important;
}
.composer-bg-image-section{
  display:none!important;
}
.composer-background-palette .composer-bg-image-section{
  display:block!important;
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(15,23,42,.08)!important;
}
.composer-lightbox .composer-bg-image-current,
.composer-lightbox .composer-bg-image-empty{
  margin-top:8px!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#64748b!important;
}
.composer-lightbox .composer-quickbar{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  min-height:36px!important;
  margin:0!important;
}
.composer-lightbox .composer-feeling-wrap{
  position:relative!important;
  display:inline-flex!important;
}
.composer-lightbox .composer-feeling-trigger{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  cursor:pointer!important;
}
.composer-lightbox .composer-feeling-trigger[aria-expanded="true"],
.composer-lightbox .composer-background-trigger.is-open,
.composer-lightbox .composer-quickbar .file-label:hover,
.composer-lightbox .hmoji-btn:hover,
.composer-lightbox .hmoji-btn[aria-expanded="true"]{
  border-color:rgba(37,99,235,.32)!important;
  background:#eef4ff!important;
  color:#174ea6!important;
}
.composer-lightbox .composer-feeling-icon{
  font-size:17px!important;
  line-height:1!important;
}
.composer-lightbox .composer-activity-current{
  display:inline-flex!important;
  max-width:168px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#2563eb!important;
  font-size:12px!important;
}
.composer-lightbox .composer-activity-current.hidden{
  display:none!important;
}
.composer-lightbox .composer-feeling-panel{
  position:absolute!important;
  left:0!important;
  top:calc(100% + 8px)!important;
  z-index:45!important;
  width:min(430px,calc(100vw - 42px))!important;
  max-height:min(390px,48dvh)!important;
  overflow:auto!important;
  padding:12px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 24px 60px rgba(15,23,42,.18)!important;
}
.composer-lightbox .composer-feeling-panel.hidden{
  display:none!important;
}
.composer-lightbox .composer-feeling-panel:not(.hidden){
  display:block!important;
}
.composer-lightbox .composer-feeling-panel-head{
  margin:0 0 8px!important;
  color:#475569!important;
  font-size:12px!important;
  font-weight:950!important;
}
.composer-lightbox .composer-feeling-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.composer-lightbox .composer-activity-chip,
.composer-lightbox .composer-activity-clear{
  justify-content:flex-start!important;
  min-height:34px!important;
  padding:7px 9px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#172033!important;
  font:850 12px/1.1 system-ui,-apple-system,Segoe UI,sans-serif!important;
  box-shadow:none!important;
}
.composer-lightbox .composer-activity-chip.is-active{
  border-color:rgba(37,99,235,.34)!important;
  background:#eef4ff!important;
  color:#174ea6!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.10)!important;
}
.composer-lightbox .composer-activity-clear{
  margin-top:9px!important;
  width:100%!important;
  justify-content:center!important;
}
.composer-lightbox .composer-quickbar .hmoji-anchor{
  margin:0!important;
}
.composer-lightbox .composer-quickbar .hmoji-btn{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:999px!important;
  box-shadow:0 5px 14px rgba(15,23,42,.06)!important;
}
.composer-lightbox .composer-quickbar .hmoji-picker{
  width:min(312px,calc(100vw - 24px))!important;
  max-height:min(300px,42dvh)!important;
}
.composer-lightbox .composer-quickbar .file-label{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  margin:0!important;
  overflow:hidden!important;
}
.composer-lightbox .composer-quickbar .file-label span{
  font-size:0!important;
}
.composer-lightbox .composer-quickbar .file-label span::before{
  content:"Photo";
  font-size:13px!important;
}
.composer-lightbox .composer-tools.composer-tools-preview-only{
  min-height:0!important;
  margin:0!important;
  gap:8px!important;
}
.composer-lightbox .composer-tools.composer-tools-preview-only .upload-status:empty{
  display:none!important;
}
.composer-lightbox .composer-image-preview-list.hidden{
  display:none!important;
}
.composer-lightbox .poll-toggle-row{
  min-height:34px!important;
  width:max-content!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  font-size:13px!important;
}
@media(max-width:680px){
  .composer-lightbox .composer-access-row{
    flex-wrap:nowrap!important;
  }
  .composer-lightbox .composer-access-row .visibility-picker,
  .composer-lightbox .composer-access-row .composer-subscription-gate{
    flex:1 1 0!important;
    min-width:0!important;
  }
  .composer-lightbox .composer-background-palette{
    left:0!important;
    right:0!important;
    max-height:44dvh!important;
  }
  .composer-lightbox .composer-feeling-panel{
    left:0!important;
    width:calc(100vw - 28px)!important;
    max-height:42dvh!important;
  }
  .composer-lightbox .composer-feeling-grid{
    grid-template-columns:1fr!important;
  }
  .composer-lightbox .composer-actions button[type="submit"]{
    min-height:40px!important;
  }
}

.post-edit-media-block{
  display:grid!important;
  gap:10px!important;
  padding:12px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(248,250,252,.94),rgba(255,255,255,.98))!important;
}
.post-edit-section-title,
.post-edit-current-media-head,
.post-edit-new-preview-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.post-edit-section-title strong,
.post-edit-current-media-head strong,
.post-edit-new-preview-head strong{
  color:#172033!important;
  font-size:13px!important;
  font-weight:950!important;
}
.post-edit-section-title span,
.post-edit-current-media-head span{
  color:#64748b!important;
  font-size:12px!important;
  font-weight:750!important;
  text-align:right!important;
}
.post-edit-media-preview{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:76px!important;
  padding:10px 12px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:14px!important;
  background:#fff!important;
}
.post-edit-current-media-head{
  display:grid!important;
  align-content:center!important;
  justify-content:start!important;
  min-width:0!important;
  gap:3px!important;
}
.post-edit-current-media-head span{
  max-width:100%!important;
  text-align:left!important;
  line-height:1.25!important;
}
.post-edit-current-media-grid{
  grid-column:auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:7px!important;
  max-width:min(298px,44vw)!important;
  min-width:0!important;
  overflow:hidden!important;
}
.post-edit-new-preview-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:7px!important;
}
.post-edit-media-thumb{
  position:relative!important;
  display:block!important;
  grid-column:auto!important;
  flex:0 0 54px!important;
  width:54px!important;
  height:54px!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:#e5e7eb!important;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)!important;
}
.post-edit-new-preview-item{
  position:relative!important;
  display:block!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background:#e5e7eb!important;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)!important;
}
.post-edit-media-thumb img,
.post-edit-media-thumb video,
.post-edit-new-preview-item img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.post-edit-media-more{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(15,23,42,.58)!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:950!important;
}
.post-edit-current-media-empty,
.post-edit-new-preview-fallback{
  display:grid!important;
  place-items:center!important;
  min-height:54px!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:850!important;
}
.post-edit-current-media-empty,
.post-edit-media-preview > span:not(.post-edit-media-thumb){
  grid-column:1 / -1!important;
}
.post-edit-media-preview.is-clearing,
.post-edit-media-preview.is-replacing{
  border-color:rgba(37,99,235,.26)!important;
  background:#f8fbff!important;
}
.post-edit-media-preview.is-clearing .post-edit-current-media-grid,
.post-edit-media-preview.is-replacing .post-edit-current-media-grid{
  opacity:.48!important;
}
.post-edit-media-actions{
  display:grid!important;
  grid-template-columns:max-content max-content minmax(170px,1fr)!important;
  align-items:center!important;
  gap:8px!important;
}
.post-edit-media-actions .post-edit-file,
.post-edit-clear-current{
  min-height:36px!important;
  border:1px solid rgba(37,99,235,.18)!important;
  border-radius:999px!important;
  background:#eef4ff!important;
  color:#174ea6!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.post-edit-clear-current{
  padding:0 12px!important;
  cursor:pointer!important;
}
.post-edit-clear-current:disabled{
  opacity:.48!important;
  cursor:not-allowed!important;
}
.post-edit-clear-current-check{
  justify-self:end!important;
  max-width:230px!important;
  min-height:36px!important;
  margin:0!important;
  padding:7px 10px!important;
  border:1px solid rgba(15,23,42,.09)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#334155!important;
  font-size:12px!important;
  font-weight:850!important;
}
.post-edit-new-preview{
  display:grid!important;
  gap:9px!important;
  padding:10px!important;
  border:1px solid rgba(37,99,235,.16)!important;
  border-radius:14px!important;
  background:#f8fbff!important;
}
.post-edit-new-preview.hidden,
.post-edit-upload-progress.hidden{
  display:none!important;
}
.post-edit-new-preview-head button{
  min-height:30px!important;
  padding:0 10px!important;
  border:1px solid rgba(239,68,68,.18)!important;
  border-radius:999px!important;
  background:#fff5f5!important;
  color:#b42318!important;
  font-size:12px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.post-edit-upload-progress{
  display:grid!important;
  gap:6px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  background:#eef4ff!important;
}
.post-edit-upload-progress .upload-progress-meta{
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  color:#174ea6!important;
  font-size:12px!important;
  font-weight:900!important;
}
.post-edit-upload-progress .upload-progress-bar{
  overflow:hidden!important;
  height:7px!important;
  border-radius:999px!important;
  background:rgba(37,99,235,.14)!important;
}
.post-edit-upload-progress .upload-progress-fill{
  height:100%!important;
  border-radius:inherit!important;
  background:#2563eb!important;
  transition:width .18s ease!important;
}
@media(max-width:680px){
  .post-edit-media-block{
    border-radius:12px!important;
    padding:10px!important;
  }
  .post-edit-media-preview{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .post-edit-section-title,
  .post-edit-current-media-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:4px!important;
  }
  .post-edit-section-title span,
  .post-edit-current-media-head span{
    text-align:left!important;
  }
  .post-edit-current-media-grid,
  .post-edit-new-preview-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .post-edit-current-media-grid{
    justify-content:flex-start!important;
    max-width:100%!important;
  }
  .post-edit-media-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .post-edit-clear-current-check{
    grid-column:1 / -1!important;
    justify-self:stretch!important;
    max-width:none!important;
  }
}