/* Keep each real image element and its geometry while a request can be retried. */
.nir-image-host{position:relative}
.nir-image-failed{opacity:0!important}
.nir-panel{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:clamp(12px,3vw,28px);background:var(--paper,#fffdf9);color:var(--ink,#372c24);border:1px solid var(--line,#e2d8ce);font-family:var(--theme-ui,inherit);text-align:center;overflow:auto}
.nir-panel p{margin:0;max-width:32em;font-size:clamp(12px,1.3vw,15px);line-height:1.85;overflow-wrap:anywhere}
.nir-panel button{flex:none;max-width:100%;min-height:44px;padding:9px 15px;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:12px;line-height:1.7;cursor:pointer;overflow-wrap:anywhere}
.nir-panel button[aria-disabled="true"]{opacity:.65;cursor:wait}
.nir-panel button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
html:is([lang="my"],[lang="lo"],[lang="km"]) .nir-panel :is(p,button){line-height:1.9;letter-spacing:normal}
@media(max-width:600px){.nir-panel{gap:10px;padding:14px}.nir-panel button{padding:8px 12px}.nir-panel p{font-size:12px}}