.photo-viewer{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;background:#17141c;color:#fff;box-shadow:none;overflow:hidden}.photo-viewer::backdrop{background:#17141cf5;backdrop-filter:none}.photo-viewer-content{height:100%;min-height:0;display:flex;flex-direction:column}.photo-viewer-heading{display:flex;align-items:center;gap:8px;padding:calc(5px + env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 5px max(12px,env(safe-area-inset-left));min-height:54px;background:#24202c;flex:none}.photo-viewer-name{font-size:.75rem;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-viewer-download{display:flex;align-items:center;justify-content:center;min-width:56px;min-height:44px;font-size:.73rem;white-space:nowrap;color:#e5d3ff}.photo-viewer-button{min-width:44px;min-height:44px;padding:5px 10px;font-size:1.35rem;line-height:1;font-weight:500;background:#38303f;color:#fff;border-radius:7px;touch-action:manipulation}.photo-viewer-button:disabled{opacity:.35;cursor:default}.photo-viewer-button:focus-visible,.photo-viewer-download:focus-visible{outline:2px solid #d2b5ff;outline-offset:1px}.photo-viewer-viewport{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background:#17141c;outline-offset:-4px}.photo-viewer-zoomed{cursor:grab}.photo-viewer-zoomed:active{cursor:grabbing}.photo-viewer-image{position:absolute;left:50%;top:50%;display:block;object-fit:contain;max-width:none;max-height:none;transform-origin:center;will-change:transform;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.photo-viewer-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:#d6cedf;font-size:.8rem;pointer-events:none}.photo-viewer-status:empty{display:none}.photo-viewer-controls{display:flex;align-items:center;justify-content:center;gap:7px;min-height:54px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));background:#24202c;flex:none}.photo-viewer-scale{display:block;min-width:44px;text-align:center;font-size:.75rem;color:#e3dce9}.photo-viewer-controls .photo-viewer-button:last-child{font-size:.75rem;margin-left:4px;padding:5px 12px}.photo-viewer[open]{display:block}.photo-viewer img[hidden],.photo-viewer a[hidden]{display:none!important}
@media(max-height:400px){.photo-viewer-heading{min-height:46px;padding-top:1px;padding-bottom:1px}.photo-viewer-controls{min-height:46px;padding-top:1px;padding-bottom:calc(1px + env(safe-area-inset-bottom))}}