.BlogImageViewer-module__bXEXhq__viewer{color:#171717;background:#fff;border:1px solid #dcdee0;border-radius:12px;width:calc(100vw - 32px);max-width:none;height:calc(100dvh - 32px);max-height:none;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.BlogImageViewer-module__bXEXhq__viewer[open]{flex-direction:column;display:flex}.BlogImageViewer-module__bXEXhq__viewer::backdrop{background:#171717cc}.BlogImageViewer-module__bXEXhq__header{border-bottom:1px solid #e9ebee;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.BlogImageViewer-module__bXEXhq__header h2{overflow-wrap:anywhere;font-size:16px;line-height:1.4}.BlogImageViewer-module__bXEXhq__viewer button{color:#171717;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dcdee0;border-radius:6px;flex-shrink:0;padding:8px 12px;font-size:14px}.BlogImageViewer-module__bXEXhq__viewer button:hover{background:#f7f8fa}.BlogImageViewer-module__bXEXhq__viewer button:disabled{opacity:.4;cursor:default}.BlogImageViewer-module__bXEXhq__viewer :focus-visible{outline-offset:-3px;outline:2px solid #171717}.BlogImageViewer-module__bXEXhq__tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:flex}.BlogImageViewer-module__bXEXhq__tools output{text-align:center;font-variant-numeric:tabular-nums;min-width:64px;font-size:14px}.BlogImageViewer-module__bXEXhq__stage{overscroll-behavior:contain;cursor:grab;touch-action:none;background:#f4f4f5;flex:1;min-height:0;overflow:auto}.BlogImageViewer-module__bXEXhq__stage:active{cursor:grabbing}.BlogImageViewer-module__bXEXhq__canvas{justify-content:center;align-items:center;width:max-content;min-width:100%;min-height:100%;padding:16px;display:flex}.BlogImageViewer-module__bXEXhq__canvas img{-webkit-user-select:none;user-select:none;pointer-events:none;flex:none;max-width:none;height:auto}.BlogImageViewer-module__bXEXhq__help{color:#60646c;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding:10px 20px;font-size:12px;display:flex}.BlogImageViewer-module__bXEXhq__help a{text-underline-offset:3px;text-decoration:underline}.BlogImageViewer-module__bXEXhq__error{white-space:normal;max-width:min(520px,100vw - 32px);padding:32px}@media (max-width:600px){.BlogImageViewer-module__bXEXhq__viewer{border:0;border-radius:0;width:100vw;height:100dvh}.BlogImageViewer-module__bXEXhq__header{padding:10px 12px}.BlogImageViewer-module__bXEXhq__header h2{font-size:14px}.BlogImageViewer-module__bXEXhq__tools{gap:6px;padding:8px}.BlogImageViewer-module__bXEXhq__help{padding:8px 12px}}@media print{.BlogImageViewer-module__bXEXhq__viewer[open]{display:none}}