/* A visual layer preserves the theme, layout, fixed headers and all interactions. */
.lee-negative-overlay{position:fixed!important;inset:0!important;z-index:2147483000!important;pointer-events:none!important;user-select:none!important;background:transparent!important;opacity:1;contain:strict}
.lee-negative-pane{position:fixed!important;display:block!important;pointer-events:none!important;background:transparent!important;-webkit-backdrop-filter:grayscale(1);backdrop-filter:grayscale(1);opacity:0;will-change:opacity;animation:lee-effect-cycle var(--lee-duration,10s) ease-in-out 1 both}
/* One grayscale passage per page load, ending with the original colours. */
@keyframes lee-effect-cycle{0%,88%{opacity:1}100%{opacity:0}}
.lee-preview-tools{position:fixed;left:24px;right:24px;bottom:24px;z-index:2147483100;max-width:760px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid #d4e2dd;border-radius:16px;background:#fff;color:#16332b;box-shadow:0 12px 48px #0003;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;line-height:1.45}
.lee-preview-tools>div{flex:1}.lee-preview-tools strong,.lee-preview-tools span{display:block}.lee-preview-tools strong{font-size:13px;letter-spacing:.02em}.lee-preview-tools span{margin-top:4px;color:#5a6b64}
.lee-preview-tools button{border:0;border-radius:10px;background:#075a4b;color:#fff;padding:11px 16px;font:600 13px/1.3 system-ui;cursor:pointer;white-space:nowrap}.lee-preview-tools a{color:#365a4d;font-size:12px;text-decoration:underline;white-space:nowrap}.lee-preview-tools :focus-visible{outline:3px solid #e2a94a;outline-offset:3px}
@media(max-width:620px){.lee-preview-tools{left:12px;right:12px;bottom:12px;padding:12px;gap:10px;flex-wrap:wrap}.lee-preview-tools>div{flex-basis:100%}.lee-preview-tools a{margin-left:auto}}
@media print{.lee-negative-overlay,.lee-preview-tools{display:none!important}}

/* Persistent blood bar attached under the top navigation, over the page. */
.lee-blood-bar{position:fixed!important;left:0!important;right:0!important;top:0!important;bottom:0!important;height:100vh!important;height:100dvh!important;display:block!important;width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;isolation:isolate;z-index:2147483050!important;pointer-events:none!important;background:transparent!important}
.lee-blood-canvas{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;pointer-events:none!important}
@media(prefers-reduced-motion:reduce){.lee-blood-bar{display:none!important}}

/* Photographs remain natural black and white underneath the negative interface. */
html.lee-effect-active .lee-natural-photo{filter:var(--lee-photo-filter,brightness(1))!important;animation:lee-photo-cycle 3s cubic-bezier(.4,0,.2,1) infinite}
html.lee-effect-active .lee-photo-background-host{isolation:isolate!important}
html.lee-effect-active .lee-photo-background-static{position:relative!important}
.lee-natural-background{position:absolute!important;inset:0!important;z-index:-1!important;display:block!important;border-radius:inherit;filter:none!important;pointer-events:none!important;user-select:none!important;animation:lee-background-cycle 3s cubic-bezier(.4,0,.2,1) infinite}

html.lee-effect-active .lee-natural-photo-caption{filter:var(--lee-caption-filter,brightness(1))!important;animation:lee-caption-cycle 3s cubic-bezier(.4,0,.2,1) infinite}
html.lee-effect-active .lee-natural-photo-caption .lee-natural-photo{filter:var(--lee-photo-filter,brightness(1))!important;animation:none}
html.lee-effect-active .lee-natural-photo-caption .lee-natural-background{filter:none!important;animation:none}
@keyframes lee-photo-cycle{0%,33.333%{filter:var(--lee-photo-filter,brightness(1))}50%,83.333%{filter:var(--lee-photo-filter,brightness(1)) invert(1)}100%{filter:var(--lee-photo-filter,brightness(1))}}
@keyframes lee-background-cycle{0%,33.333%{filter:none}50%,83.333%{filter:invert(1)}100%{filter:none}}
@keyframes lee-caption-cycle{0%,33.333%{filter:var(--lee-caption-filter,brightness(1))}50%,83.333%{filter:var(--lee-caption-filter,brightness(1)) invert(1)}100%{filter:var(--lee-caption-filter,brightness(1))}}

/* Exempt native LayerSlider popup artwork without exposing page colours behind it. */
html.lee-effect-active .ls-popup.lee-layerslider-exempt{z-index:2147483040!important}