/* Layered, registered images: no pan/zoom between edits. */
.scroll-feature .feature-image { isolation:isolate; }
.scroll-feature .feature-scene { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;pointer-events:none; }
.scroll-feature .feature-scene[data-scene="0"] { opacity:1; }
.scroll-feature .feature-scene img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.scroll-feature .feature-compare img {clip-path:inset(0 50% 0 0);}
.feature-compare::after {content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff9;}
.compare-label {position:absolute;top:65px;background:#faf9f5ed;color:#545344;padding:6px 10px;border-radius:4px;font-size:11px;}
.compare-before {left:18px}.compare-after {right:18px}
.scroll-feature .image-label,.scroll-feature .feature-counter,.scroll-feature .prompt-card,.feature-scene-controls {z-index:5}
.feature-scene-controls {position:absolute;left:14px;right:14px;bottom:12px;display:flex;justify-content:center;gap:4px;flex-wrap:wrap;}
.feature-scene-controls button {border:1px solid #d8dccd;background:#faf9f5ed;color:#454c39;font:inherit;font-size:10px;padding:7px 9px;border-radius:20px;cursor:pointer;min-height:30px;}
.feature-scene-controls button[aria-pressed="true"] {background:#dceccb;border-color:#9aac88;}
.feature-scene-controls button:focus-visible{outline:2px solid #405645;outline-offset:2px}
.feature-scene-controls button:disabled{opacity:.55;cursor:wait;}
.scroll-feature .prompt-card{bottom:60px;}
.scroll-feature .feature-counter{display:block;position:absolute;right:22px;top:22px;background:#faf9f5ed;color:#545344;font-size:9px;padding:7px 10px;border-radius:3px;}
@media(max-width:999px),(max-height:649px){
 html.motion-enabled .scroll-feature{display:block;overflow:visible;background:transparent;border:0;}
 html.motion-enabled .scroll-feature .feature-image{position:sticky;top:calc(76px + env(safe-area-inset-top));height:clamp(220px,40svh,360px);min-height:0;z-index:8;border-radius:8px;background:#eee9df;box-shadow:0 8px 22px #0001;}
 html.motion-enabled .scroll-feature .feature-image .prompt-card{display:none;}
 html.motion-enabled .scroll-feature .feature-list article{min-height:40svh;align-items:center;border-top:1px solid var(--line);padding-block:24px;}
 html.motion-enabled .scroll-feature .feature-copy{padding:30px 12px;}
 html.motion-enabled .scroll-feature .feature-list h3{font-size:20px;}
 html.motion-enabled .scroll-feature .feature-list p{font-size:14px;}
 .scroll-feature .feature-scene-controls button{font-size:9px;padding:6px 8px;}
}
@media print{.feature-scene-controls{display:none}.scroll-feature .feature-scene{opacity:0!important}.scroll-feature .feature-scene[data-scene="0"]{opacity:1!important}}

@media(min-width:1000px) and (min-height:650px){html.motion-enabled .scroll-feature .feature-copy{padding-bottom:16svh;}}