/* LL AI v65.45 — keyboard-safe pending attachment previews. */
/* A video frame must never use its intrinsic dimensions to grow the composer. */
#pendingAttachments.pendingAttachments{
  width:min(860px,calc(100% - 8px))!important;
  max-width:860px!important;
  height:auto!important;
  max-height:96px!important;
  min-height:0!important;
  margin:0 auto 8px!important;
  padding:2px 4px 5px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
  flex:0 0 auto!important;
  contain:layout paint!important;
}
#pendingAttachments.pendingAttachments[hidden]{display:none!important}
#pendingAttachments.pendingAttachments::-webkit-scrollbar{display:none!important}
#pendingAttachments .pendingAttachment{box-sizing:border-box!important;min-width:0!important;max-height:82px!important;overflow:hidden!important}
#pendingAttachments .pendingImageAttachment{width:108px!important;height:78px!important;min-width:108px!important;max-width:108px!important;min-height:78px!important;max-height:78px!important}
#pendingAttachments .pendingImageAttachment img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;display:block!important}
#pendingAttachments .pendingFileAttachment{width:260px!important;height:78px!important;min-width:220px!important;max-width:260px!important;min-height:78px!important;max-height:78px!important;padding:10px 39px 10px 10px!important;align-items:center!important;overflow:hidden!important}
#pendingAttachments .pendingFileIcon{width:48px!important;height:56px!important;min-width:48px!important;max-width:48px!important;min-height:56px!important;max-height:56px!important;flex:0 0 48px!important}
#pendingAttachments .pendingMediaPreview{position:relative!important;width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important;min-height:58px!important;max-height:58px!important;flex:0 0 58px!important;display:block!important;border-radius:11px!important;overflow:hidden!important;background:#111!important}
#pendingAttachments .pendingMediaThumb{width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important;min-height:58px!important;max-height:58px!important;display:block!important;object-fit:cover!important;object-position:center!important;background:#111!important}
#pendingAttachments .pendingMediaPlay{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:26px!important;height:26px!important;border-radius:50%!important;display:grid!important;place-items:center!important;padding-left:2px!important;background:rgba(0,0,0,.66)!important;border:1px solid rgba(255,255,255,.24)!important;color:#fff!important;font-size:10px!important;line-height:1!important;box-shadow:0 3px 12px rgba(0,0,0,.32)!important;pointer-events:none!important}
#pendingAttachments .pendingFileCopy{min-width:0!important;max-width:150px!important;overflow:hidden!important}
#pendingAttachments .pendingFileCopy strong,#pendingAttachments .pendingFileCopy small{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#pendingAttachments .pendingRemove{width:25px!important;height:25px!important;right:6px!important;top:6px!important}
/* Keep the input/send row usable even with the on-screen keyboard open. */
.composer:has(#pendingAttachments:not([hidden])){max-height:min(230px,38dvh)!important;overflow:visible!important}
.composer:has(#pendingAttachments:not([hidden])) .composebox{flex:0 0 auto!important}
@media(max-width:800px){
  #pendingAttachments.pendingAttachments{max-height:88px!important;margin-bottom:6px!important;padding-inline:2px!important}
  #pendingAttachments .pendingFileAttachment{width:232px!important;min-width:210px!important;max-width:232px!important;height:72px!important;min-height:72px!important;max-height:72px!important}
  #pendingAttachments .pendingMediaPreview,#pendingAttachments .pendingMediaThumb{width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;min-height:52px!important;max-height:52px!important;flex-basis:52px!important}
  #pendingAttachments .pendingImageAttachment{width:96px!important;height:70px!important;min-width:96px!important;max-width:96px!important;min-height:70px!important;max-height:70px!important}
  .composer:has(#pendingAttachments:not([hidden])){max-height:min(205px,42dvh)!important}
}