.auto-image-viewer { position: relative; width: 100%; height: 100%; min-width: 0; min-height: 0; display: grid; place-items: center; overflow: hidden; background: #f1f4f8; }
.auto-image-viewer > img { position: absolute; inset: 0; display: block; width: 100%; height: 100% !important; min-width: 0; min-height: 0; max-width: 100%; max-height: 100%; object-fit: contain !important; object-position: center; }
.auto-image-viewer-open { position: absolute; right: 12px; bottom: 12px; z-index: 2; display: inline-grid; place-items: center; width: 52px; height: 52px; min-height: 52px; padding: 0; border: 0; border-radius: 50%; background: transparent; box-shadow: none; cursor: pointer; transition: transform .16s ease, filter .16s ease; }
.auto-image-viewer-open:hover,.auto-image-viewer-open:focus-visible { transform: scale(1.06); filter: brightness(1.03); outline: 2px solid rgba(10,107,184,.3); outline-offset: 2px; }
.auto-image-viewer-open-icon { width: 52px; height: 52px; display: block; background: url("data:image/png;base64,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") center/contain no-repeat; }
.auto-lightbox { position: fixed; inset: 0; z-index: 10000; display: none; background: rgba(3,11,24,.94); color: #fff; touch-action: none; }
.auto-lightbox.is-open { display: block; }
.auto-lightbox-stage { position: absolute; inset: 64px 20px 20px; overflow: hidden; display: grid; place-items: center; cursor: grab; }
.auto-lightbox-stage.is-dragging { cursor: grabbing; }
.auto-lightbox-image { position: absolute; left: 50%; top: 50%; display: block; max-width: none; max-height: none; transform-origin: center; user-select: none; -webkit-user-drag: none; will-change: transform; visibility: hidden; }
.auto-lightbox-image.is-ready { visibility: visible; }
.auto-lightbox-toolbar { position: absolute; z-index: 2; top: 14px; right: 16px; display: flex; gap: 10px; }
.auto-lightbox-toolbar button { min-height: 38px; padding: 8px 13px; border: 1px solid rgba(255,255,255,.35); border-radius: 8px; background: rgba(11,28,49,.84); color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.auto-lightbox-toolbar button:hover,.auto-lightbox-toolbar button:focus-visible { background: #153e68; outline: 2px solid #8bc8ff; outline-offset: 2px; }
.auto-lightbox-status { position: absolute; z-index: 2; left: 16px; top: 18px; margin: 0; color: #d8e8f8; font-size: .88rem; }
.auto-lightbox-loading { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-weight: 800; pointer-events: none; }
.auto-lightbox-loading[hidden] { display: none; }
body.auto-lightbox-lock { overflow: hidden; }
@media (max-width: 640px) { .auto-image-viewer-open { right: 9px; bottom: 9px; width: 46px; height: 46px; min-height: 46px; } .auto-image-viewer-open-icon { width: 46px; height: 46px; } .auto-lightbox-stage { inset: 58px 0 0; } .auto-lightbox-toolbar { top: 10px; right: 10px; } .auto-lightbox-status { top: 16px; left: 12px; } }
.auto-image-viewer-open-icon { width: 28px; height: 28px; background: url("/assets/auto/icons/zoom-in.svg") center/contain no-repeat; }
@media (max-width: 640px) { .auto-image-viewer-open-icon { width: 26px; height: 26px; } }