img[data-image-state="loading"]{opacity:0}
img[data-image-state="ready"]{animation:artwork-loaded .55s ease-out}
@keyframes artwork-loaded{from{opacity:0}to{opacity:1}}
.viewer-scroll{touch-action:pan-y pinch-zoom;background:var(--project-surface,#eeeae3)}
.viewer-image{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.is-zoomed .viewer-scroll{touch-action:pan-x pan-y pinch-zoom}
.viewer-touch-hint{display:none}
@media(max-width:700px),(hover:none){
 .viewer-desktop-hint{display:none}
 .viewer-touch-hint{display:inline}
 .viewer-bottom{flex-wrap:wrap;row-gap:9px}
 .viewer-bottom>.viewer-hint{display:block;order:-1;width:100%;text-align:center;font-size:10px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){img[data-image-state="ready"]{animation:none}}
@media print{img[data-image-state]{opacity:1!important;animation:none!important}}