/* Image operations extend the existing gallery and Moments layouts. */
.media-title-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.media-title-actions .icon{width:21px;height:21px}
.media-selection-actions{display:flex;justify-content:flex-end;padding:8px 0}
.media-selection-actions button{display:flex;align-items:center;gap:6px;border-radius:20px;padding:10px 14px;background:#efeff3;font-size:13px}
.media-selection-actions button:disabled{opacity:.4}
.media-selection-actions .icon{width:18px;height:18px}
.ios-filmstrip{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
.ios-filmstrip button{flex-shrink:0}
.local-photo{display:block}
.ios-collection-grid img.scene{width:100%;aspect-ratio:1;object-fit:cover}
.moment-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:10px 0;max-width:300px}
.moment-image-grid>button,.moment-image-grid>div{position:relative;padding:0;aspect-ratio:1;min-width:0;overflow:hidden;border-radius:8px;background:#ececee}
.moment-image-grid .scene{width:100%;height:100%;object-fit:cover}
.moment-image-grid.single-image{grid-template-columns:1fr;max-width:240px}
.moment-image-grid.single-image>button{aspect-ratio:auto;max-height:320px}
.moment-image-grid.single-image .scene{object-fit:contain;height:auto;max-height:320px}
.draft-images{max-width:none}
.draft-images>div>button{position:absolute;right:4px;top:4px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ffffffeb;color:#222}
.draft-images .icon{width:16px;height:16px}
.moment-delete{font-size:11px;color:#73737a;padding:5px 0;margin-right:auto}
.media-missing{display:grid;place-items:center;min-height:90px;color:#86868c;font-size:12px;background:#e9e9ec;width:100%;height:100%}
.media-lightbox{position:absolute;inset:0;z-index:100;background:#09090bef;display:flex;align-items:center;justify-content:center;padding:66px 0 40px}
.media-lightbox>.scene{width:100%;height:100%;object-fit:contain}
.media-lightbox>button{position:absolute;top:16px;right:16px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#ffffff18}
.account-card .moment-image-grid{max-width:none}
.tochat-my-profile [data-media="pick-post"]{display:flex;align-items:center;justify-content:center;gap:8px}
.tochat-my-profile [data-media="pick-post"]>.icon{width:18px;height:18px;flex-shrink:0}


/* Native top-layer sheet stays intact when the feed polls or re-renders. */
.moments-cover-dialog{position:fixed;top:auto;right:auto;margin:0;max-width:calc(100vw - 16px);max-height:calc(100dvh - 32px);padding:0 0 env(safe-area-inset-bottom,0px);border:0;border-radius:14px;overflow-y:auto;background:#fff;color:#171717;font:inherit;box-shadow:0 12px 40px #0002}
.moments-cover-dialog::backdrop{background:#0005}
.moments-cover-dialog-title{display:flex;flex-direction:column;align-items:center;gap:7px;padding:22px 16px 18px;text-align:center}
.moments-cover-dialog-title b{font-size:16px;font-weight:600}
.moments-cover-dialog-title span{font-size:12px;line-height:1.5;color:#666}
.moments-cover-dialog>button{display:block;width:100%;min-height:54px;padding:14px 20px;border:0;border-top:1px solid #efefef;background:#fff;color:#171717;font:inherit;font-size:16px;text-align:center}
.moments-cover-dialog>button:active{background:#f2f2f2}
.moments-cover-dialog>button:disabled{color:#999;cursor:default}
.moments-cover-dialog>button:focus-visible{outline:2px solid #576b95;outline-offset:-4px}
.moments-cover-dialog>.moments-cover-cancel{border-top:6px solid #f3f3f3}