/* Keep the existing tile dimensions. Never expose an unloaded/broken img icon. */
.photo-trigger[data-preview-state] { position:relative; background:#edf0f3; border-radius:8px; overflow:hidden; }
.photo-trigger[data-preview-state] img { opacity:0; }
.photo-trigger[data-preview-state="loaded"] { background:transparent; }
.photo-trigger[data-preview-state="loaded"] img { opacity:1; }
.photo-trigger[data-preview-state]::after { content:"Photo preview"; position:absolute; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; padding:4px; color:#596579; font-size:13px; font-weight:400; text-align:center; pointer-events:none; box-sizing:border-box; }
.photo-trigger[data-preview-state="loading"]::after { content:"Loading…"; background:linear-gradient(110deg,#edf0f3,#e2e7ee,#edf0f3); }
.photo-trigger[data-preview-state="error"]::after { content:"Preview unavailable · Tap to open"; }
.photo-trigger[data-preview-state="loaded"]::after { display:none; }
.observation-thumbnail-button[data-preview-state]::after { font-size:10px; }