.image-viewer-v2__backdrop{backdrop-filter:blur(8px);background:rgba(2,20,24,.95);z-index:9998}.image-viewer-v2,.image-viewer-v2__backdrop{animation:fadeIn var(--motion-fast,.12s) ease;bottom:0;left:0;position:fixed;right:0;top:0}.image-viewer-v2{display:flex;flex-direction:column;z-index:9999}.image-viewer-v2__container{display:flex;flex-direction:column;height:100%;width:100%}.image-viewer-v2__header{align-items:center;background:linear-gradient(180deg,rgba(2,20,24,.9),transparent);display:flex;gap:var(--space-3,12px);justify-content:space-between;padding:var(--space-3,12px);position:relative;z-index:2}.image-viewer-v2__info{display:flex;flex:1;flex-direction:column;gap:var(--space-1,4px);min-width:0}.image-viewer-v2__title{color:var(--text-primary,#dff9f7);font-size:var(--text-sm,.875rem);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-viewer-v2__meta{color:var(--text-secondary,#a9d1cd);font-size:var(--text-xs,.75rem)}.image-viewer-v2__actions{display:flex;gap:var(--space-2,8px)}.image-viewer-v2__btn{align-items:center;background:rgba(16,103,124,.8);border:none;border-radius:var(--radius-base,8px);color:var(--text-accent,#3ef5e6);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all var(--motion-fast,.12s) ease;width:40px}.image-viewer-v2__btn:hover{background:var(--surface-interactive,#10677c);transform:translateY(-1px)}.image-viewer-v2__btn:active{transform:translateY(0)}.image-viewer-v2__btn svg{flex-shrink:0}.image-viewer-v2__main{flex:1;min-height:0}.image-viewer-v2__image-container,.image-viewer-v2__main{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.image-viewer-v2__image-container{height:100%;touch-action:none;width:100%}.image-viewer-v2__image-container>img:not(.image-viewer-v2__image){display:none!important}.image-viewer-v2__image{cursor:zoom-in;max-height:100%;max-width:100%;object-fit:contain;transition:opacity .15s ease;user-select:none;-webkit-user-drag:none;will-change:transform}.image-viewer-v2__image[style*=scale]{cursor:grab}.image-viewer-v2__image:active{cursor:grabbing}.image-viewer-v2__nav{align-items:center;background:rgba(16,103,124,.9);border:2px solid var(--border-base,#0b5569);border-radius:50%;color:var(--text-accent,#3ef5e6);cursor:pointer;display:flex;height:48px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--motion-fast,.12s) ease;width:48px;z-index:3}.image-viewer-v2__nav:hover{background:var(--surface-interactive,#10677c);border-color:var(--border-hover,#10677c);transform:translateY(-50%) scale(1.1)}.image-viewer-v2__nav:active{transform:translateY(-50%) scale(.95)}.image-viewer-v2__nav--prev{left:var(--space-4,16px)}.image-viewer-v2__nav--next{right:var(--space-4,16px)}.image-viewer-v2__nav svg{flex-shrink:0}.image-viewer-v2__thumbnails{background:linear-gradient(0deg,rgba(2,20,24,.9),transparent);padding:var(--space-3,12px) var(--space-4,16px);position:relative;z-index:2}.image-viewer-v2__thumbnails-scroll{display:flex;gap:var(--space-2,8px);overflow-x:auto;overflow-y:hidden;padding-bottom:var(--space-2,8px);scroll-behavior:smooth;scrollbar-color:var(--border-base,#0b5569) transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.image-viewer-v2__thumbnails-scroll::-webkit-scrollbar{height:4px}.image-viewer-v2__thumbnails-scroll::-webkit-scrollbar-track{background:transparent}.image-viewer-v2__thumbnails-scroll::-webkit-scrollbar-thumb{background:var(--border-base,#0b5569);border-radius:2px}.image-viewer-v2__thumbnail{background:var(--bg-secondary,#064356);border:2px solid var(--border-base,#0b5569);border-radius:var(--radius-base,8px);cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;padding:0;transition:all var(--motion-fast,.12s) ease;width:80px}.image-viewer-v2__thumbnail:hover{border-color:var(--border-hover,#10677c);transform:translateY(-2px)}.image-viewer-v2__thumbnail.is-active{border-color:var(--text-accent,#3ef5e6);box-shadow:0 0 0 2px var(--text-accent,#3ef5e6)}.image-viewer-v2__thumbnail img{display:block;height:100%;object-fit:cover;width:100%}.image-viewer-v2__counter{background:rgba(2,20,24,.9);border:2px solid var(--border-base,#0b5569);border-radius:var(--radius-pill,50rem);bottom:var(--space-20,100px);color:var(--text-accent,#3ef5e6);font-size:var(--text-sm,.875rem);font-weight:600;left:50%;padding:var(--space-2,8px) var(--space-4,16px);pointer-events:none;position:absolute;transform:translateX(-50%);z-index:3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (min-width:768px){.image-viewer-v2__header{padding:var(--space-4,16px) var(--space-6,24px)}.image-viewer-v2__title{font-size:var(--text-base,1rem)}.image-viewer-v2__meta{font-size:var(--text-sm,.875rem)}.image-viewer-v2__btn{height:44px;width:44px}.image-viewer-v2__actions{gap:var(--space-3,12px)}.image-viewer-v2__nav{height:56px;width:56px}.image-viewer-v2__nav--prev{left:var(--space-6,24px)}.image-viewer-v2__nav--next{right:var(--space-6,24px)}.image-viewer-v2__thumbnails{padding:var(--space-4,16px) var(--space-6,24px)}.image-viewer-v2__thumbnails-scroll{justify-content:center}.image-viewer-v2__thumbnail{height:75px;width:100px}.image-viewer-v2__counter{bottom:var(--space-24,120px);font-size:var(--text-base,1rem);padding:var(--space-3,12px) var(--space-5,20px)}}@media (min-width:1024px){.image-viewer-v2__header{padding:var(--space-5,20px) var(--space-8,40px)}.image-viewer-v2__nav{height:64px;width:64px}.image-viewer-v2__nav--prev{left:var(--space-8,40px)}.image-viewer-v2__nav--next{right:var(--space-8,40px)}.image-viewer-v2__thumbnail{height:90px;width:120px}}@media (max-width:767px){.image-viewer-v2__btn[data-action=zoom-in],.image-viewer-v2__btn[data-action=zoom-out]{display:none}.image-viewer-v2__btn,.image-viewer-v2__nav{height:44px;width:44px}.image-viewer-v2__thumbnail{height:48px;width:64px}.image-viewer-v2__counter{bottom:80px}}@media (prefers-color-scheme:dark){.image-viewer-v2__backdrop{background:rgba(2,20,24,.98)}}@media print{.image-viewer-v2,.image-viewer-v2__backdrop{display:none!important}}