/* Модуль result_compare: сравнение «было и стало» для результата обработки. Один исходник для виджетов инструментов
   (сжатие фото, размытие фона). --pos положение ползунка, --ar пропорция кадра (ширина / высота), их ставит скрипт. */
.gd-rc{--pos:50%;--ar:1.5;position:relative;width:100%;max-width:560px;aspect-ratio:var(--ar);margin:12px 0 0;overflow:hidden;background:#f3f5fa;border-radius:8px;line-height:0;-webkit-user-select:none;user-select:none;touch-action:pan-y}
.gd-rc.gd-rc-cap{width:min(100%,560px,calc(520px*var(--ar)));max-width:none}
.gd-rc img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;display:block}
.gd-rc.gd-rc-cover img{object-fit:cover}
.gd-rc-b{-webkit-clip-path:inset(0 calc(100% - var(--pos)) 0 0);clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.gd-rc-line{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.55);pointer-events:none}
.gd-rc-r{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.gd-rc:focus-within{outline:2px solid #3949a0;outline-offset:2px}
.gd-rc-tag{position:absolute;top:8px;padding:3px 8px;background:rgba(29,38,48,.72);color:#fff;font-size:.74rem;line-height:1.3;border-radius:4px;pointer-events:none}
.gd-rc-tag.l{left:8px}.gd-rc-tag.r{right:8px}