/* VW_WATCH_TOGETHER_PRIVATE_MEDIA_A8_CSS */

.private-media-file-input{position:fixed!important;left:-10000px!important;top:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}

.private-media-attach-btn{
  display:none;
  flex:0 0 36px;
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  align-items:center;
  justify-content:center;
  font-size:23px;
  line-height:1;
  font-weight:500;
  cursor:pointer;
  padding:0;
}
body.vw-private-thread-open .private-media-attach-btn:not(.private-media-hidden){display:inline-flex}
.private-media-attach-btn:disabled{opacity:.62;cursor:wait}
.private-media-progress-label{font-size:10px;font-weight:800;letter-spacing:-.2px}

.private-message-bubble.is-media{overflow:visible}
.private-media-image-shell{width:min(280px,68vw);max-width:100%;border-radius:13px;overflow:hidden;min-height:96px;display:flex;align-items:center;justify-content:center}
.private-media-image{display:block;width:100%;height:auto;max-height:390px;object-fit:contain;cursor:zoom-in}
.private-media-loading,.private-media-unavailable{min-height:110px;width:100%;display:flex;align-items:center;justify-content:center;font-size:12px;opacity:.75;padding:14px;text-align:center}

.private-media-video-shell{width:min(310px,72vw);max-width:100%}
.private-media-video-card{display:flex;align-items:center;gap:10px;min-height:78px;border-radius:13px;padding:10px 10px}
.private-media-video-icon{flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}
.private-media-video-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.private-media-video-copy b{font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.private-media-video-copy small{font-size:10px;opacity:.75}
.private-media-video-play{flex:0 0 auto;border:0;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer}
.private-media-video-play:disabled{opacity:.55;cursor:default}
.private-media-video-frame{position:relative;width:min(310px,72vw);aspect-ratio:16/9;border-radius:13px;overflow:hidden;background:#000}
.private-media-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.private-media-lightbox{position:fixed;inset:0;z-index:2147483000;background:rgba(0,0,0,.91);display:none;align-items:center;justify-content:center;padding:18px}
.private-media-lightbox.show{display:flex}
.private-media-lightbox img{max-width:96vw;max-height:92vh;object-fit:contain;border-radius:12px}
.private-media-lightbox button{position:absolute;right:max(16px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));width:42px;height:42px;border:0;border-radius:50%;font-size:28px;line-height:1;cursor:pointer}

.private-media-toast{position:fixed;z-index:2147483100;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%,18px);max-width:min(88vw,420px);padding:10px 14px;border-radius:999px;background:rgba(16,18,28,.95);color:#fff;font:700 12px/1.35 system-ui,sans-serif;box-shadow:0 12px 34px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:.18s ease;text-align:center}
.private-media-toast.show{opacity:1;transform:translate(-50%,0)}

.private-message-bubble.mine .private-media-image-shell,
.private-message-bubble.mine .private-media-video-card{background:rgba(255,255,255,.08)}
.private-message-bubble.theirs .private-media-image-shell,
.private-message-bubble.theirs .private-media-video-card{background:rgba(127,127,127,.10)}
.private-media-video-icon{background:rgba(127,127,127,.16)}
.private-media-video-play{background:rgba(127,127,127,.18);color:inherit}
.private-media-lightbox button{background:rgba(255,255,255,.16);color:#fff}

@media (max-width:620px){
  .private-media-attach-btn{flex-basis:34px;width:34px;height:34px;font-size:21px}
  .private-media-image-shell{width:min(265px,72vw)}
  .private-media-video-shell,.private-media-video-frame{width:min(285px,76vw)}
  .private-media-video-card{min-height:72px;padding:9px}
}


/* ==========================================================================
   V3.14A8R1 — PRIVATE MEDIA + GIF + INPUT + SEND CANONICAL 4-TRACK COMPOSER

   A8 added .private-media-attach-btn to the canonical #chatForm.
   V3.13R7 intentionally had three tracks: GIF | INPUT | SEND.
   This repair makes the private-thread layout explicitly:
     MEDIA | GIF | INPUT | SEND

   Public-room composer behavior is untouched.
   ========================================================================== */

@media (max-width:720px){
  body.vw-private-thread-open #chatForm,
  body.vw-android-room-shell.vw-private-thread-open #chatForm,
  body.vw-android-room-shell.vw-android-ime-session.vw-private-thread-open #chatForm{
    display:grid!important;
    grid-template-columns:40px 46px minmax(0,1fr) 48px!important;
    grid-template-rows:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    column-gap:6px!important;
    row-gap:0!important;
    min-width:0!important;
  }

  body.vw-private-thread-open #chatForm > .private-media-attach-btn,
  body.vw-android-room-shell.vw-private-thread-open #chatForm > .private-media-attach-btn,
  body.vw-android-room-shell.vw-android-ime-session.vw-private-thread-open #chatForm > .private-media-attach-btn{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:center!important;
    display:inline-flex!important;
  }

  body.vw-private-thread-open #chatForm > .gif-picker-btn,
  body.vw-android-room-shell.vw-private-thread-open #chatForm > .gif-picker-btn,
  body.vw-android-room-shell.vw-android-ime-session.vw-private-thread-open #chatForm > .gif-picker-btn{
    grid-column:2!important;
    grid-row:1!important;
  }

  body.vw-private-thread-open #chatInput,
  body.vw-android-room-shell.vw-private-thread-open #chatInput,
  body.vw-android-room-shell.vw-android-ime-session.vw-private-thread-open #chatInput{
    grid-column:3!important;
    grid-row:1!important;
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
  }

  body.vw-private-thread-open #chatForm > button[type="submit"],
  body.vw-android-room-shell.vw-private-thread-open #chatForm > button[type="submit"],
  body.vw-android-room-shell.vw-android-ime-session.vw-private-thread-open #chatForm > button[type="submit"]{
    grid-column:4!important;
    grid-row:1!important;
  }

  /* Match the Android keyboard shell's 44px physical controls. */
  body.vw-android-room-shell.vw-android-keyboard-open.vw-private-thread-open #chatForm,
  body.vw-android-room-shell.vw-android-keyboard-open.vw-android-keyboard-tight.vw-private-thread-open #chatForm{
    display:grid!important;
    grid-template-columns:44px 44px minmax(0,1fr) 44px!important;
    grid-template-rows:44px!important;
    column-gap:6px!important;
    row-gap:0!important;
    min-width:0!important;
    overflow:visible!important;
  }

  body.vw-android-room-shell.vw-android-keyboard-open.vw-private-thread-open #chatForm > .private-media-attach-btn,
  body.vw-android-room-shell.vw-android-keyboard-open.vw-android-keyboard-tight.vw-private-thread-open #chatForm > .private-media-attach-btn{
    grid-column:1!important;
    grid-row:1!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    display:inline-flex!important;
  }

  body.vw-android-room-shell.vw-android-keyboard-open.vw-private-thread-open #chatForm > .gif-picker-btn,
  body.vw-android-room-shell.vw-android-keyboard-open.vw-android-keyboard-tight.vw-private-thread-open #chatForm > .gif-picker-btn{
    grid-column:2!important;
    grid-row:1!important;
  }

  body.vw-android-room-shell.vw-android-keyboard-open.vw-private-thread-open #chatInput,
  body.vw-android-room-shell.vw-android-keyboard-open.vw-android-keyboard-tight.vw-private-thread-open #chatInput{
    grid-column:3!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
  }

  body.vw-android-room-shell.vw-android-keyboard-open.vw-private-thread-open #chatForm > button[type="submit"],
  body.vw-android-room-shell.vw-android-keyboard-open.vw-android-keyboard-tight.vw-private-thread-open #chatForm > button[type="submit"]{
    grid-column:4!important;
    grid-row:1!important;
  }
}

:root{--vw-private-media-composer-four-track-v3-14a8r1:1}