.image-viewer{position:fixed;inset:0;margin:0;padding:0;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#151815;color:#eeeede;overflow:hidden;box-sizing:border-box}
.image-viewer[open]{display:flex;flex-direction:column}.image-viewer::backdrop{background:#151815}
.image-viewer-bar{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:25px;align-items:center;padding:15px 26px;border-bottom:1px solid #42483d;background:#1d211b;flex-shrink:0}
.image-viewer-bar h2{font:500 14px/1.5 Manrope,Arial,sans-serif;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0}
.image-viewer-controls{display:flex;align-items:center;gap:8px}.image-viewer button{font:500 12px/1.5 Manrope,Arial,sans-serif;border:1px solid #535d4c;background:transparent;color:#eeeede;border-radius:5px;padding:8px 13px;min-height:40px;cursor:pointer;white-space:nowrap}
.image-viewer button:hover{background:#353e2e}.image-viewer button[aria-pressed=true]{background:#e7ba81;border-color:#e7ba81;color:#1b1d19}.image-viewer button:focus-visible,.image-viewer-stage:focus-visible{outline:2px solid #e7ba81;outline-offset:-3px}
.image-viewer [data-zoom]{font-size:20px;line-height:1;width:40px;padding:8px}.image-viewer output{font:500 11px/1.5 Manrope,Arial,sans-serif;min-width:42px;text-align:center;color:#c8cebf}
.image-viewer .image-viewer-close{font-size:17px;width:44px;padding:8px}.image-viewer-stage{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scroll-behavior:auto}
.image-viewer-canvas{display:flex;justify-content:center;align-items:center;width:max-content;min-width:100%;min-height:100%;box-sizing:border-box;padding:32px}
.image-viewer .image-viewer-canvas img{display:block;max-width:none;max-height:none;height:auto;flex:none;object-fit:contain;box-shadow:0 12px 45px #0004;border-radius:0}
@media(max-width:700px){.image-viewer-bar{grid-template-columns:minmax(0,1fr) 40px;gap:10px;padding:12px 14px}.image-viewer-bar h2{font-size:12px}.image-viewer-close{grid-column:2;grid-row:1}.image-viewer-controls{grid-column:1/-1;grid-row:2;justify-content:center;gap:6px}.image-viewer button{font-size:11px;padding:8px 10px;min-height:38px}.image-viewer [data-zoom]{width:38px}.image-viewer .image-viewer-close{width:40px}.image-viewer-canvas{padding:16px}}