/* v1.0.1: Hide original images before the first paint, not when Canvas starts.
 * No-JS and reduced-motion users retain visible images: the HTML bootstrap
 * adds hdr-booting only when JS is enabled and motion is allowed. */
html:is(.hdr-booting, .hdr-active) :is(.draw-pencil, .draw-hatching, .draw-brush, .draw-ink, .draw-sketch) img:not(.hdr-original-visible),
html:is(.hdr-booting, .hdr-active) img:is(.draw-pencil, .draw-hatching, .draw-brush, .draw-ink, .draw-sketch):not(.hdr-original-visible) {
    opacity: 0 !important;
}

/* Canvas is inserted only while an image is actually being revealed. */
.hdr-reveal-canvas {
    position: absolute !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    z-index: 2;
    max-width: none !important;
    max-height: none !important;
}