/* FineME v288 — in-place create chooser, video quick upload, compact product tag. */

/* The centre + opens a real in-page chooser on both desktop and mobile. */
.fm-v288 .fm-social-modal.is-composer-chooser{
  width:min(520px,calc(100vw - 24px));
  max-height:min(86dvh,680px);
  border-radius:22px;
  overflow:hidden;
  background:#fff;
}
.fm-v288 .fm-social-modal.is-composer-chooser .fm-social-modal-head{
  padding:13px 15px;
  border-bottom:1px solid #edf0f6;
  background:#fff;
}
.fm-v288 .fm-social-modal.is-composer-chooser .fm-social-modal-body{
  padding:14px;
  overflow:auto;
  background:linear-gradient(180deg,#fbfcff 0%,#fff 100%);
}
.fm-v288 .fm-create-choice{display:grid;gap:12px;color:#1f2b46}
.fm-v288 .fm-create-choice-intro{display:grid;gap:3px;padding:1px 2px 4px}
.fm-v288 .fm-create-choice-intro strong{font-size:16px;line-height:1.25;font-weight:900;letter-spacing:-.01em;color:#202d49}
.fm-v288 .fm-create-choice-intro span{font-size:11px;line-height:1.55;font-weight:650;color:#8490a7}
.fm-v288 .fm-create-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.fm-v288 .fm-create-choice-item{
  appearance:none;
  width:100%;
  min-height:78px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 15px;
  align-items:center;
  gap:10px;
  padding:11px 10px;
  border:1px solid #e6e9f5;
  border-radius:17px;
  background:#fff;
  color:#263451;
  text-align:left;
  cursor:pointer;
  box-shadow:0 7px 20px rgba(63,75,126,.055);
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease;
}
.fm-v288 .fm-create-choice-item:hover,
.fm-v288 .fm-create-choice-item:focus-visible{
  transform:translateY(-1px);
  border-color:#cfd4ff;
  background:#fbfbff;
  box-shadow:0 11px 25px rgba(78,87,177,.11);
  outline:none;
}
.fm-v288 .fm-create-choice-item:active{transform:scale(.985)}
.fm-v288 .fm-create-choice-icon{
  width:42px;height:42px;border-radius:14px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#eef1ff 0%,#fff1fa 100%);
  border:1px solid #e5e6fb;
  color:#5556d9;
  font-size:21px;
  line-height:1;
  font-weight:900;
}
.fm-v288 .fm-create-choice-copy{min-width:0;display:grid;gap:2px}
.fm-v288 .fm-create-choice-copy strong{font-size:13px;line-height:1.25;font-weight:900;color:#24314d}
.fm-v288 .fm-create-choice-copy small{font-size:9.5px;line-height:1.35;font-weight:650;color:#8a95a9}
.fm-v288 .fm-create-choice-item>em{font-style:normal;font-size:23px;line-height:1;color:#9aa4bb}

/* Keep quick composer usable on pages that do not preload feed data. */
.fm-v288 .fm-qc-community-empty{margin:0 14px 14px!important}
.fm-v288 .fm-qc-context-row select:disabled{opacity:.68;cursor:wait}

/* Product tag in video feed: much less visual weight, while keeping a 3-line title readable. */
.fm-v288 .fm-video-card-v277 .shadow-video-product,
.fm-v288 .fm-video-card-v278 .shadow-video-product{
  width:min(162px,calc(100% - 4px))!important;
  min-height:38px!important;
  grid-template-columns:30px minmax(0,1fr) auto!important;
  gap:4px!important;
  padding:3px 4px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(10,13,20,.55)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
}
.fm-v288 .fm-video-card-v277 .shadow-video-product>img,
.fm-v288 .fm-video-card-v278 .shadow-video-product>img{
  width:30px!important;height:30px!important;border-radius:7px!important;align-self:center!important;
}
.fm-v288 .fm-video-card-v277 .shadow-video-product-copy,
.fm-v288 .fm-video-card-v278 .shadow-video-product-copy{
  min-width:0!important;display:grid!important;align-content:center!important;gap:0!important;
}
.fm-v288 .fm-video-card-v277 .shadow-video-product-copy small,
.fm-v288 .fm-video-card-v278 .shadow-video-product-copy small{
  font-size:6.3px!important;line-height:1.05!important;color:#c2cad6!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.fm-v288 .fm-video-card-v277 .shadow-video-product-copy strong,
.fm-v288 .fm-video-card-v278 .shadow-video-product-copy strong{
  font-size:9px!important;
  line-height:1.08!important;
  font-weight:850!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  white-space:normal!important;
}
.fm-v288 .fm-video-card-v277 .shadow-video-product>b,
.fm-v288 .fm-video-card-v278 .shadow-video-product>b{
  min-width:43px!important;
  min-height:29px!important;
  padding:3px 4px!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#1f2c43!important;
  align-self:center!important;
}
.fm-v288 .fm-video-card-v277 .shadow-video-product>b span,
.fm-v288 .fm-video-card-v278 .shadow-video-product>b span{font-size:8.4px!important;line-height:1.05!important}
.fm-v288 .fm-video-card-v277 .shadow-video-product>b em,
.fm-v288 .fm-video-card-v278 .shadow-video-product>b em{font-size:5.8px!important;line-height:1.05!important}

@media(max-width:700px){
  .fm-v288 .fm-social-modal.is-composer-chooser{
    width:100%!important;
    max-height:82dvh!important;
    border-radius:22px 22px 0 0!important;
  }
  .fm-v288 .fm-social-modal.is-composer-chooser .fm-social-modal-body{
    padding:12px 12px max(14px,env(safe-area-inset-bottom));
  }
  .fm-v288 .fm-create-choice-grid{gap:8px}
  .fm-v288 .fm-create-choice-item{min-height:72px;grid-template-columns:38px minmax(0,1fr) 12px;gap:8px;padding:9px 8px;border-radius:15px}
  .fm-v288 .fm-create-choice-icon{width:38px;height:38px;border-radius:12px;font-size:19px}
  .fm-v288 .fm-create-choice-copy strong{font-size:12.5px}
  .fm-v288 .fm-create-choice-copy small{font-size:9px}

  .fm-v288 .fm-video-card-v277 .shadow-video-product,
  .fm-v288 .fm-video-card-v278 .shadow-video-product{
    width:min(144px,calc(100% - 4px))!important;
    min-height:36px!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    gap:3px!important;
    padding:3px!important;
    border-radius:9px!important;
  }
  .fm-v288 .fm-video-card-v277 .shadow-video-product>img,
  .fm-v288 .fm-video-card-v278 .shadow-video-product>img{width:28px!important;height:28px!important;border-radius:7px!important}
  .fm-v288 .fm-video-card-v277 .shadow-video-product-copy small,
  .fm-v288 .fm-video-card-v278 .shadow-video-product-copy small{display:none!important}
  .fm-v288 .fm-video-card-v277 .shadow-video-product-copy strong,
  .fm-v288 .fm-video-card-v278 .shadow-video-product-copy strong{font-size:8.7px!important;line-height:1.08!important}
  .fm-v288 .fm-video-card-v277 .shadow-video-product>b,
  .fm-v288 .fm-video-card-v278 .shadow-video-product>b{min-width:39px!important;min-height:27px!important;padding:2px 3px!important;border-radius:7px!important}
  .fm-v288 .fm-video-card-v277 .shadow-video-product>b span,
  .fm-v288 .fm-video-card-v278 .shadow-video-product>b span{font-size:8px!important}
  .fm-v288 .fm-video-card-v277 .shadow-video-product>b em,
  .fm-v288 .fm-video-card-v278 .shadow-video-product>b em{font-size:5.4px!important}
}

@media(max-width:420px){
  .fm-v288 .fm-create-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fm-v288 .fm-create-choice-copy small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .fm-v288 .fm-video-card-v277 .shadow-video-product,
  .fm-v288 .fm-video-card-v278 .shadow-video-product{width:min(138px,calc(100% - 4px))!important}
}