/* This block also powers standalone exported effects. */
.hr-scene{--reveal:50%;--accent:#d5fa73;position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#192019;border-radius:12px;box-shadow:0 22px 70px #0005;isolation:isolate;touch-action:pan-y;cursor:ew-resize;outline-offset:5px}.hr-scene[data-axis=y]{touch-action:pan-x;cursor:ns-resize}.hr-scene[data-ratio=square]{aspect-ratio:1}.hr-scene[data-ratio=portrait]{aspect-ratio:3/4}.hr-layer{position:absolute;inset:0;pointer-events:none}.hr-layer img,.hr-layer video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;pointer-events:none}.hr-top{z-index:2;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}[data-axis=y] .hr-top{clip-path:inset(0 0 calc(100% - var(--reveal)) 0)}.hr-edge{display:none;position:absolute;z-index:3;top:0;bottom:0;left:var(--reveal);width:1px;background:var(--accent);pointer-events:none;box-shadow:0 0 16px var(--accent)}.hr-scene[data-edge=true] .hr-edge{display:block}[data-axis=y] .hr-edge{left:0;right:0;top:var(--reveal);bottom:auto;height:1px;width:auto}.hr-label{position:absolute;z-index:4;bottom:17px;max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 10px;background:#10160de0;color:#fff;font:9px system-ui;letter-spacing:1px;pointer-events:none}.hr-base-label{right:15px}.hr-top-label{left:15px;background:var(--accent);color:var(--accent-ink,#17200d)}.hr-scene[data-labels=false] .hr-label{display:none}.hr-cue{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);font:10px system-ui;letter-spacing:2px;white-space:nowrap;padding:12px 17px;border:1px solid #fff6;border-radius:30px;background:#10160d55;backdrop-filter:blur(8px);color:#fff;pointer-events:none;transition:opacity .35s}.hr-scene.hr-used .hr-cue{opacity:0}@media(max-width:600px){.hr-label{font-size:8px;bottom:10px;padding:5px 7px}.hr-base-label{right:10px}.hr-top-label{left:10px}.hr-cue{font-size:8px;letter-spacing:1px;padding:10px 12px}}
.hr-scene[data-effect=spotlight]{touch-action:none;cursor:crosshair}.hr-scene[data-effect=spotlight] .hr-top{clip-path:none;mask-image:var(--spot-mask);-webkit-mask-image:var(--spot-mask);mask-size:var(--spot-size) var(--spot-size);-webkit-mask-size:var(--spot-size) var(--spot-size);mask-position:var(--spot-left) var(--spot-top);-webkit-mask-position:var(--spot-left) var(--spot-top);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.hr-scene[data-effect=spotlight] .hr-edge{display:none!important}