.animation-excerpt-screen.photo-video-compare{aspect-ratio:1/1!important;--split:50%;isolation:isolate}
.animation-excerpts-grid .animation-excerpt:first-child{grid-column:1/-1}
.animation-excerpt-screen.photo-video-compare video,.photo-video-compare .compare-original{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important}
.photo-video-compare .compare-original{clip-path:inset(0 calc(100% - var(--split)) 0 0);pointer-events:none}
.photo-video-compare .compare-handle{position:absolute;top:0;bottom:0;left:clamp(22px,var(--split),calc(100% - 22px));transform:translateX(-50%);width:44px;padding:0;border:0;border-radius:0;background:transparent;color:#10382c;cursor:ew-resize;touch-action:none}
.compare-handle::before{content:'';position:absolute;top:0;bottom:0;left:21px;width:2px;background:#fff;box-shadow:1px 0 3px #10382c}
.compare-handle svg{position:relative;box-sizing:content-box;padding:9px;background:#dec490;border:1px solid #10382c;border-radius:50%}
.photo-video-compare .compare-handle:focus-visible{outline:3px solid #dec490;outline-offset:-3px}
.compare-toolbar{padding-top:12px;color:#10382c}
.compare-labels{display:flex;justify-content:space-between;gap:12px;font-size:.85rem}
.compare-toolbar p{font-size:.85rem;margin:8px 0}
.compare-toolbar button{min-height:44px;padding:10px 18px;border:1px solid #dec490;border-radius:8px;background:#dec490;color:#10382c;cursor:pointer}
.compare-toolbar button:hover{background:#f8f4e9}
.compare-toolbar button:disabled{opacity:.6;cursor:wait}
.compare-toolbar button:focus-visible{outline:2px solid #10382c;outline-offset:3px}
.compare-status:empty{display:none}