/* Hamrah 4.12.10 Beta — Group 11.9B Dev1 R3 Telegram-grade Android share/media UX */

:root{
  --g119b-r3-fast:150ms;
  --g119b-r3-medium:240ms;
  --g119b-r3-ease:cubic-bezier(.2,.8,.2,1);
  --g119b-r3-dock-height:72px;
}

/* Telegram-like chat media: exact geometry, full-bleed thumbnail, no artificial black mat. */
button.attachment-image-button.g119b-r3-media-frame,
button.g7-media-card.g119b-r3-media-frame{
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;
  display:block!important;
  position:relative!important;
  inline-size:min(var(--g119b-r3-media-width,272px),82vw)!important;
  block-size:min(var(--g119b-r3-media-height,204px),62vh)!important;
  min-inline-size:116px!important;
  min-block-size:104px!important;
  max-inline-size:min(392px,82vw)!important;
  max-block-size:560px!important;
  margin:0 0 6px!important;
  padding:0!important;
  border:0!important;
  border-radius:16px!important;
  background:transparent!important;
  overflow:hidden!important;
  line-height:0!important;
  cursor:zoom-in!important;
  contain:layout paint!important;
  isolation:isolate!important;
  transform:none!important;
  transition:inline-size var(--g119b-r3-medium) var(--g119b-r3-ease),block-size var(--g119b-r3-medium) var(--g119b-r3-ease)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.16)!important;
}
button.attachment-image-button.g119b-r3-media-frame img,
button.g7-media-card.g119b-r3-media-frame img{
  display:block!important;
  inline-size:100%!important;
  block-size:100%!important;
  max-inline-size:none!important;
  max-block-size:none!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center!important;
  background:transparent!important;
  border-radius:inherit!important;
  transform:none!important;
  transition:opacity var(--g119b-r3-fast) ease!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
button.g119b-r3-media-frame[data-g119b-r3-ready="false"] img{opacity:.01!important}
button.g119b-r3-media-frame[data-g119b-r3-ready="true"] img{opacity:1!important}
button.g119b-r3-media-frame[data-g119b-r3-error="true"]{background:linear-gradient(145deg,#0b1a27,#102436)!important}
button.g119b-r3-media-frame[data-g119b-r3-error="true"]::after{
  content:"نمایش تصویر ممکن نشد"!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  padding:16px!important;
  color:#e4edf4!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.7!important;
  text-align:center!important;
  background:transparent!important;
}
.g119b-r2-upload-preview{background:transparent!important;border-radius:16px!important}
.g119b-r2-upload-preview>img{object-fit:cover!important;background:transparent!important}
.g119b-r2-upload-bubble{background:transparent!important}

/* Viewer uses a dimmed ambient copy behind the true contained image. */
.g119b-r2-media-viewer.g119b-r3-media-viewer{
  grid-template-columns:52px minmax(0,1fr) 52px!important;
  grid-template-rows:minmax(0,1fr)!important;
  padding:0!important;
  background:#03070b!important;
  isolation:isolate!important;
}
.g119b-r3-media-backdrop{
  position:fixed!important;
  inset:-32px!important;
  z-index:0!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  filter:blur(28px) saturate(.82) brightness(.34)!important;
  transform:scale(1.08)!important;
  opacity:.9!important;
  pointer-events:none!important;
}
.g119b-r2-media-viewer.g119b-r3-media-viewer::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:1;
  background:rgba(0,0,0,.26);
  pointer-events:none;
}
.g119b-r3-media-viewer .g119b-r2-media-toolbar{
  position:fixed!important;
  z-index:12!important;
  top:max(8px,env(safe-area-inset-top))!important;
  inset-inline:8px!important;
  min-block-size:54px!important;
  padding:5px 7px!important;
  border-radius:18px!important;
  background:rgba(5,13,21,.72)!important;
  backdrop-filter:blur(18px)!important;
}
.g119b-r3-media-viewer .g119b-r2-media-surface{
  position:fixed!important;
  inset:0!important;
  z-index:3!important;
  display:grid!important;
  place-items:center!important;
  padding:max(68px,calc(env(safe-area-inset-top) + 62px)) max(8px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
}
.g119b-r3-media-viewer .g119b-r2-media-surface img{
  max-inline-size:100%!important;
  max-block-size:100%!important;
  inline-size:auto!important;
  block-size:auto!important;
  object-fit:contain!important;
  background:transparent!important;
  border-radius:3px!important;
  box-shadow:0 16px 50px rgba(0,0,0,.34)!important;
}
.g119b-r3-media-viewer .g119b-r2-media-nav{
  position:fixed!important;
  z-index:13!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  background:rgba(4,12,20,.58)!important;
  backdrop-filter:blur(12px)!important;
}
.g119b-r3-media-viewer .g119b-r2-media-nav.previous{inset-inline-start:8px!important}
.g119b-r3-media-viewer .g119b-r2-media-nav.next{inset-inline-end:8px!important}
.g119b-r3-media-viewer[data-controls="hidden"] .g119b-r2-media-toolbar{transform:translateY(-18px)!important}
.g119b-r3-media-viewer[data-controls="hidden"] .g119b-r2-media-nav{opacity:0!important;pointer-events:none!important}

/* R3 share layer owns the visual stage while R2 remains the interaction/state compatibility layer. */
.g119a-layer.g119b-r2-share-layer{
  --g119b-r3-stage-height:320px;
  --g119b-r3-dock-bottom:max(8px,env(safe-area-inset-bottom));
}
.g119a-layer[data-share="active"] .g119a-share-video-wrap{
  isolation:isolate!important;
  background:#07111a!important;
}
.g119b-r3-share-backdrop{
  position:absolute!important;
  inset:-26px!important;
  z-index:0!important;
  inline-size:calc(100% + 52px)!important;
  block-size:calc(100% + 52px)!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:blur(26px) saturate(.78) brightness(.36)!important;
  transform:scale(1.08)!important;
  opacity:0!important;
  transition:opacity var(--g119b-r3-fast) ease!important;
  pointer-events:none!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-ambient="true"] .g119b-r3-share-backdrop{opacity:.92!important}
.g119a-layer[data-share="active"] .g119a-share-video-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.16));
  pointer-events:none;
}
.g119a-layer[data-share="active"] .g119b-share-transform{z-index:2!important;background:transparent!important}
.g119a-layer[data-share="active"] .g119b-share-transform>.g119a-share-video{background:transparent!important}
.g119a-layer[data-share="active"] .g119a-share-empty,
.g119a-layer[data-share="active"] .g119a-share-overlay,
.g119a-layer[data-share="active"] .g119a-local-presenter{z-index:4!important}

/* Grid: Telegram-like large share card, compact participants, stable controls. */
.g119a-layer[data-share="active"][data-g119b-r3-mode="grid"] .g119a-shell{
  grid-template-rows:auto minmax(0,1fr) auto!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-mode="grid"] .g119a-body{overflow:auto!important}
.g119a-layer[data-share="active"][data-g119b-r3-mode="grid"] .g119a-presentation{
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:var(--g119b-r3-stage-height) auto!important;
  gap:10px!important;
  padding:10px!important;
  background:transparent!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-mode="grid"] .g119a-share-main{
  position:relative!important;
  inset:auto!important;
  inline-size:100%!important;
  block-size:var(--g119b-r3-stage-height)!important;
  min-block-size:210px!important;
  max-block-size:50dvh!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#07111a!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-mode="grid"] .g119a-share-video-wrap{
  position:absolute!important;
  inset:64px 0 0!important;
  inline-size:100%!important;
  block-size:auto!important;
  padding:0!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-mode="grid"] .g119a-share-header{
  position:absolute!important;
  z-index:10!important;
  top:0!important;
  inset-inline:0!important;
  min-block-size:64px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(6,17,27,.96),rgba(6,17,27,.82))!important;
  backdrop-filter:blur(14px)!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-mode="grid"] .g119b-r2-participant-rail{
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:78px!important;
  align-items:center!important;
  block-size:84px!important;
  min-block-size:84px!important;
  max-block-size:84px!important;
  padding:4px 2px!important;
  gap:7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  background:transparent!important;
  border:0!important;
  opacity:1!important;
  transform:none!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-mode="grid"] .g119b-r2-participant-rail .g119a-participant{
  min-block-size:76px!important;
  block-size:76px!important;
  padding:5px!important;
  border-radius:18px!important;
  background:rgba(14,31,47,.9)!important;
}

/* Focus/fullscreen: content stage occupies the viewport; participants and controls float over it. */
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"],
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"]{
  position:fixed!important;
  inset:0!important;
  z-index:4200!important;
  padding:0!important;
  background:#03070b!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"] .g119a-shell,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"] .g119a-shell,
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"] .g119a-body,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"] .g119a-body,
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"] .g119a-presentation,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"] .g119a-presentation,
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"] .g119a-share-main,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"] .g119a-share-main{
  position:fixed!important;
  inset:0!important;
  inline-size:100vw!important;
  block-size:100dvh!important;
  min-inline-size:0!important;
  min-block-size:0!important;
  max-inline-size:none!important;
  max-block-size:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#03070b!important;
  overflow:hidden!important;
  display:block!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"] .g119a-topbar,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"] .g119a-topbar{display:none!important}
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"] .g119a-share-video-wrap,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"] .g119a-share-video-wrap{
  position:fixed!important;
  inset:0!important;
  inline-size:100vw!important;
  block-size:100dvh!important;
  padding:0!important;
  background:#03070b!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"] .g119a-share-header,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"] .g119a-share-header{
  position:fixed!important;
  z-index:4210!important;
  top:max(8px,env(safe-area-inset-top))!important;
  inset-inline:8px!important;
  min-block-size:56px!important;
  padding:6px 8px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:19px!important;
  background:rgba(5,14,23,.68)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.24)!important;
  opacity:var(--g119b-r2-controls-opacity,1)!important;
  transform:none!important;
  transition:opacity var(--g119b-r3-fast) ease,transform var(--g119b-r3-fast) ease!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"][data-g119b-r2-controls="hidden"] .g119a-share-header,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"][data-g119b-r2-controls="hidden"] .g119a-share-header{
  opacity:0!important;
  transform:translateY(-14px)!important;
  pointer-events:none!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"] .g119b-r2-focus-only,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"] .g119b-r2-focus-only{display:grid!important}

/* Floating participant rail does not steal stage height. */
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"] .g119b-r2-participant-rail,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"] .g119b-r2-participant-rail,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"][data-g119b-r2-participants="open"] .g119b-r2-participant-rail{
  position:fixed!important;
  z-index:4212!important;
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:76px!important;
  align-items:center!important;
  inset:auto 10px calc(var(--g119b-r3-dock-height) + 20px + env(safe-area-inset-bottom)) 10px!important;
  inline-size:min(72vw,420px)!important;
  block-size:82px!important;
  min-block-size:82px!important;
  max-block-size:82px!important;
  padding:5px!important;
  gap:6px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:20px!important;
  background:rgba(5,14,23,.62)!important;
  backdrop-filter:blur(16px)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.24)!important;
  opacity:1!important;
  transform:none!important;
  transition:opacity var(--g119b-r3-fast) ease,transform var(--g119b-r3-fast) ease!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"][data-g119b-r2-rail="hidden"] .g119b-r2-participant-rail,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"][data-g119b-r2-participants="closed"] .g119b-r2-participant-rail{
  opacity:0!important;
  transform:translateY(12px)!important;
  pointer-events:none!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"] .g119b-r2-participant-rail .g119a-participant,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"] .g119b-r2-participant-rail .g119a-participant{
  min-block-size:70px!important;
  block-size:70px!important;
  padding:4px!important;
  border-radius:16px!important;
  background:rgba(16,35,53,.9)!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"] .g119b-r2-participant-rail .g119a-avatar,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"] .g119b-r2-participant-rail .g119a-avatar{
  inline-size:36px!important;
  block-size:36px!important;
  border-radius:12px!important;
  font-size:14px!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"] .g119b-r2-participant-rail h3,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"] .g119b-r2-participant-rail h3{font-size:9px!important}
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"] .g119b-r2-participant-rail small,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"] .g119b-r2-participant-rail small{display:none!important}

/* Compact Telegram-like dock. Essential actions stay visible; secondary actions move into More. */
.g119a-layer[data-share="active"] .g119a-controls.g119b-r3-call-dock{
  box-sizing:border-box!important;
  z-index:4220!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-evenly!important;
  gap:5px!important;
  overflow:visible!important;
  touch-action:manipulation!important;
  scrollbar-width:none!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"] .g119a-controls.g119b-r3-call-dock,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"] .g119a-controls.g119b-r3-call-dock{
  position:fixed!important;
  inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px!important;
  inline-size:auto!important;
  max-inline-size:none!important;
  block-size:var(--g119b-r3-dock-height)!important;
  min-block-size:var(--g119b-r3-dock-height)!important;
  padding:7px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:24px!important;
  background:rgba(5,14,23,.72)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 16px 48px rgba(0,0,0,.34)!important;
  opacity:var(--g119b-r2-controls-opacity,1)!important;
  transform:none!important;
  transition:opacity var(--g119b-r3-fast) ease,transform var(--g119b-r3-fast) ease!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"][data-g119b-r2-controls="hidden"] .g119a-controls.g119b-r3-call-dock,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"][data-g119b-r2-controls="hidden"] .g119a-controls.g119b-r3-call-dock{
  opacity:0!important;
  transform:translateY(14px)!important;
  pointer-events:none!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"] .g119a-controls.g119b-r3-call-dock .g119a-control,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"] .g119a-controls.g119b-r3-call-dock .g119a-control{
  flex:1 1 0!important;
  min-inline-size:48px!important;
  max-inline-size:68px!important;
  min-block-size:56px!important;
  block-size:56px!important;
  padding:5px!important;
  border-radius:18px!important;
  touch-action:manipulation!important;
}
.g119a-layer[data-share="active"][data-g119b-r3-mode="focus"] .g119a-controls.g119b-r3-call-dock .g119a-control small,
.g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"] .g119a-controls.g119b-r3-call-dock .g119a-control small{
  display:block!important;
  max-inline-size:58px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:8px!important;
}
.g119b-r3-more-control>span{font-size:18px!important;letter-spacing:2px!important}
.g119b-r3-more-sheet{
  position:fixed!important;
  z-index:4230!important;
  inset:auto 10px calc(var(--g119b-r3-dock-height) + 18px + env(safe-area-inset-bottom)) 10px!important;
  display:grid!important;
  gap:8px!important;
  padding:8px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:22px!important;
  background:rgba(5,14,23,.94)!important;
  backdrop-filter:blur(20px)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.42)!important;
  animation:g119bR3SheetIn var(--g119b-r3-medium) var(--g119b-r3-ease) both!important;
}
.g119b-r3-more-sheet.hidden{display:none!important}
.g119b-r3-more-handle{inline-size:42px;block-size:4px;border-radius:999px;background:rgba(255,255,255,.24);justify-self:center}
.g119b-r3-more-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.g119b-r3-more-actions .g119a-control{
  min-inline-size:0!important;
  min-block-size:66px!important;
  padding:7px!important;
  border-radius:17px!important;
}
.g119b-r3-more-actions .g119a-control small{display:block!important;font-size:9px!important}
@keyframes g119bR3SheetIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}

/* Fit/fill controls are compact and anchored; old controls cannot widen the header. */
.g119a-layer[data-share="active"] .g119b-viewer-controls{
  display:flex!important;
  gap:4px!important;
  direction:ltr!important;
}
.g119a-layer[data-share="active"] .g119b-viewer-controls button{
  min-inline-size:42px!important;
  min-block-size:42px!important;
  padding:5px 7px!important;
  border-radius:14px!important;
  font-size:10px!important;
}
.g119a-layer[data-share="active"] .g119a-share-actions{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  max-inline-size:64vw!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.g119a-layer[data-share="active"] .g119a-share-actions::-webkit-scrollbar{display:none}
.g119b-r2-view-menu{z-index:4240!important;max-block-size:min(70dvh,520px)!important;overflow:auto!important}

/* Self-share becomes a clean Telegram-like status card. */
.g119a-layer[data-share="active"] .g119a-local-presenter{
  inset:50% auto auto 50%!important;
  transform:translate(-50%,-50%)!important;
  inline-size:min(86vw,430px)!important;
  max-block-size:calc(100dvh - 180px)!important;
  padding:22px 18px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:28px!important;
  background:linear-gradient(155deg,rgba(25,111,115,.76),rgba(9,25,39,.86))!important;
  backdrop-filter:blur(20px)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.36)!important;
}
.g119a-layer[data-share="active"] .g119a-local-presenter .g119a-presenter-stats{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}
.g119a-layer[data-share="active"] .g119a-local-presenter .g119a-presenter-stats>div{padding:8px!important;border-radius:14px!important}

@media(max-width:820px){
  button.attachment-image-button.g119b-r3-media-frame,
  button.g7-media-card.g119b-r3-media-frame{max-inline-size:82vw!important}
  .g119b-r3-media-viewer .g119b-r2-media-nav{display:none!important}
  .g119b-r3-media-viewer .g119b-r2-media-toolbar{min-block-size:50px!important;border-radius:17px!important}
  .g119a-layer[data-share="active"][data-g119b-r3-mode="grid"] .g119a-share-copy small{font-size:10px!important}
  .g119a-layer[data-share="active"] .g119a-share-actions{max-inline-size:58vw!important}
  .g119a-layer[data-share="active"] .g119b-viewer-controls button{min-inline-size:40px!important;min-block-size:40px!important}
  .g119a-layer[data-share="active"] .g119a-local-presenter .g119a-presenter-stats{display:none!important}
  .g119a-layer[data-share="active"] .g119a-local-presenter{padding:24px 18px!important;gap:12px!important}
}

@media(orientation:landscape) and (max-height:560px){
  .g119a-layer[data-share="active"][data-g119b-r3-mode="grid"] .g119a-presentation{
    grid-template-columns:minmax(0,1fr) 90px!important;
    grid-template-rows:minmax(0,1fr)!important;
  }
  .g119a-layer[data-share="active"][data-g119b-r3-mode="grid"] .g119a-share-main{block-size:100%!important;max-block-size:none!important}
  .g119a-layer[data-share="active"][data-g119b-r3-mode="grid"] .g119b-r2-participant-rail{
    grid-column:2!important;
    grid-row:1!important;
    grid-auto-flow:row!important;
    grid-template-columns:1fr!important;
    grid-auto-rows:72px!important;
    inline-size:90px!important;
    block-size:100%!important;
    max-block-size:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .g119a-layer[data-share="active"][data-g119b-r3-mode="focus"] .g119b-r2-participant-rail,
  .g119a-layer[data-share="active"][data-g119b-r3-mode="fullscreen"] .g119b-r2-participant-rail{
    inline-size:min(46vw,360px)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  :root{--g119b-r3-fast:0ms;--g119b-r3-medium:0ms}
  .g119b-r3-more-sheet{animation:none!important}
  button.g119b-r3-media-frame{transition:none!important}
}