/* Compact photo previews, isolated from text messages and fullscreen viewer. */
html body #root#root .chat-shell .chat-message.photo316>div{width:min(240px,100%)!important;max-width:100%!important;min-width:0!important}
html body #root#root .chat-shell .chat-message.photo316 .social-photo-message{width:100%!important;height:auto!important;max-height:260px!important;object-fit:contain!important;background:transparent!important}
html body #root#root .chat-shell .photo24-album{width:min(320px,90%);max-width:100%;min-width:0;margin:8px 0;border-radius:16px;overflow:hidden;flex-shrink:0}
html body #root#root .chat-shell .photo24-album.outgoing{margin-left:auto}
html body #root#root .chat-shell .photo24-album.incoming{margin-right:auto}
html body #root#root .chat-shell .photo24-grid{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1fr);grid-template-rows:repeat(var(--photo24-rows),minmax(0,1fr));height:280px;gap:3px}
html body #root#root .chat-shell .photo24-tile:first-child{grid-column:1;grid-row:1 / span var(--photo24-rows)}
html body #root#root .chat-shell .photo24-tile:not(:first-child){grid-column:2}
html body #root#root .chat-shell .photo24-tile,html body #root#root .chat-shell .photo24-tile .chat-message-group{min-width:0;min-height:0;height:100%;margin:0!important}
html body #root#root .chat-shell .photo24-tile .chat-message.photo316{height:100%!important;width:100%!important;max-width:100%!important;min-height:0!important;margin:0!important;padding:0!important}
html body #root#root .chat-shell .photo24-tile .chat-message.photo316>div{position:relative;width:100%!important;height:100%!important;max-width:100%!important;border:0!important;border-radius:4px!important;margin:0!important;padding:0!important;display:block!important}
html body #root#root .chat-shell .photo24-tile .chat-message.photo316 .social-photo-message{width:100%!important;height:100%!important;max-height:100%!important;border-radius:4px!important;object-fit:cover!important}
html body #root#root .chat-shell .photo24-tile .chat-message-meta{position:absolute!important;bottom:3px;right:3px;max-width:100%;background:#001219a8;border-radius:10px;padding:2px 5px!important;min-height:0!important;pointer-events:none}
html body #root#root .chat-shell .photo24-tile .chat-message-meta>small{font-size:9px!important;line-height:12px!important}
html body #root#root .chat-shell .photo24-tile .photo-caption316,html body #root#root .chat-shell .photo24-tile .chat-message.photo316>div>strong{display:none!important}
html body #root#root .chat-shell .photo24-captions{padding:7px 10px;background:#113d3c85;color:inherit;font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap}
html body #root#root .chat-shell .photo24-captions p{margin:0 0 4px}
@media(max-width:650px){html body #root#root .chat-shell .photo24-grid{height:250px}html body #root#root .chat-shell .chat-message.photo316>div{width:min(220px,100%)!important}html body #root#root .chat-shell .chat-message.photo316 .social-photo-message{max-height:240px!important}html body #root#root .chat-shell .photo24-tile .chat-message.photo316>div{width:100%!important}html body #root#root .chat-shell .photo24-tile .chat-message.photo316 .social-photo-message{max-height:100%!important}}