.frn-image-open{overflow:hidden}.frn-image-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;padding:0;background:#090f19;color:#fff}.frn-image-viewer::backdrop{background:#06101ef0}.frn-image-tools{height:60px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 16px;background:#142435}.frn-image-tools .frn-image-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.frn-image-tools>div{display:flex;gap:7px;flex-shrink:0}.frn-image-tools button{border:1px solid #587487;background:#1c3446;color:#fff;padding:9px 13px;border-radius:8px;font:inherit;cursor:pointer}.frn-image-tools button:last-child{background:#ad4058;border-color:#ad4058}.frn-image-stage{height:calc(100dvh - 92px);width:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab}.frn-image-stage:active{cursor:grabbing}.frn-image-stage img{display:block;max-width:none!important;max-height:none!important;object-fit:contain;transform-origin:center center;user-select:none;pointer-events:none}.frn-image-help{margin:0;height:32px;text-align:center;font-size:12px;color:#c3d1d8;padding:6px}.frn-image-viewer img{cursor:grab}@media(max-width:600px){.frn-image-tools{height:58px;padding:7px}.frn-image-tools button{padding:9px;font-size:12px}.frn-image-tools .frn-image-caption{font-size:12px}.frn-image-stage{height:calc(100dvh - 95px)}.frn-image-help{font-size:10px}}

/* Fit the whole picture before any user-requested zoom. */
.frn-image-viewer{box-sizing:border-box;margin:0;inset:0;width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100dvh;overflow:hidden;transform:none!important;animation:none!important;transition:none!important}
.frn-image-viewer[open]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}
.frn-image-viewer .frn-image-stage{width:100%;height:100%;min-width:0;min-height:0}
.frn-image-viewer .frn-image-stage img{flex:none;animation:none!important;transition:none!important}
.frn-image-viewer .frn-image-tools{height:auto;min-height:60px;padding-top:max(8px,env(safe-area-inset-top));min-width:0}
.frn-image-viewer .frn-image-caption{min-width:0}.frn-image-viewer .frn-image-help{height:auto;min-height:32px;padding-bottom:max(6px,env(safe-area-inset-bottom))}
@media(max-width:480px){.frn-image-viewer .frn-image-caption{display:none}.frn-image-viewer .frn-image-tools{justify-content:flex-end}.frn-image-viewer .frn-image-tools button{min-height:42px}}