.media-viewer{width:min(1440px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:90dvh;padding:58px 16px 16px;box-sizing:border-box;overflow:hidden;border:1px solid #d4d7d5;border-radius:2px;background:#fcfbf9;color:#111;box-shadow:0 18px 70px #0003}.media-viewer::backdrop{background:#1119;backdrop-filter:blur(3px)}.media-viewer-canvas{width:100%;max-height:calc(90dvh - 76px);overflow:auto;overscroll-behavior:contain}.media-viewer-canvas img{display:block;max-width:none;max-height:none;height:auto;margin-inline:auto}.media-viewer-tools{position:absolute;top:12px;left:16px;display:flex;gap:8px}.media-viewer button{height:32px;min-width:32px;padding:4px 10px;border:1px solid #d4d7d5;background:transparent;color:#111;font:500 13px Gilroy,Arial,'PingFang SC',sans-serif;cursor:pointer}.media-viewer button:hover{background:#fff500}.media-viewer button:focus-visible{outline:2px solid #111;outline-offset:2px}.media-viewer .media-viewer-close{position:absolute;right:14px;top:12px;font-size:22px;border:0}.media-viewer-trigger{cursor:zoom-in}.media-viewer-open{overflow:hidden}@media(max-width:520px){.media-viewer{width:calc(100vw - 12px);max-width:calc(100vw - 12px);padding:56px 8px 10px}.media-viewer-tools{left:8px;gap:5px}.media-viewer button{padding:4px 8px}}