.image-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#101010;color:#f3f1ed;overflow:hidden}.image-viewer::backdrop{background:#000}.viewer-bar,.viewer-controls{display:flex;align-items:center;gap:14px;padding:10px clamp(14px,3vw,36px);min-height:58px;background:#171717}.viewer-bar{justify-content:space-between}.viewer-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-viewer button{border:1px solid #777;background:none;color:inherit;cursor:pointer;min-width:36px;height:36px;padding:0 9px}.image-viewer button:hover{border-color:#fff}.image-viewer button:disabled{opacity:.3;cursor:default}.viewer-close{font-size:26px;line-height:1;border:0!important}.viewer-viewport{height:calc(100dvh - 116px);display:grid;place-items:center;overflow:hidden;touch-action:none;cursor:default}.viewer-viewport.zoomed{cursor:grab}.viewer-image{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;user-select:none;will-change:transform}.viewer-controls{justify-content:center}.viewer-spacer{width:clamp(8px,7vw,100px)}.viewer-count,.viewer-zoom{font-size:12px;min-width:38px;text-align:center}.viewer-reset{font-size:12px}@media(max-width:550px){.viewer-bar,.viewer-controls{min-height:56px;padding:8px 12px;gap:9px}.viewer-viewport{height:calc(100dvh - 112px)}.viewer-spacer{flex:1;width:auto}.viewer-reset{display:none}.viewer-title{max-width:80vw}.image-viewer button{min-width:32px;padding:0 7px}}