.render-review{margin:28px 0;padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink)}.render-review header{display:flex;align-items:center;justify-content:space-between;gap:20px}.render-review h3{font-size:clamp(22px,2.5vw,32px);letter-spacing:-.04em;margin:10px 0}.render-review p,.render-review footer{color:var(--muted);font-size:14px;line-height:1.6}.render-review button{border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);padding:10px 14px;cursor:pointer;transition:background 160ms ease,transform 160ms ease}.render-review button:active{transform:scale(.97)}.render-review button:focus-visible,.render-review input:focus-visible{outline:2px solid #87b7a0;outline-offset:4px}.render-review button[aria-pressed=true],#rr-import{background:#dfeaba;color:#23382a;border-color:#dfeaba}.rr-tools{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:22px 0 12px}.rr-tools>div{display:flex;align-items:center;gap:8px}.rr-tools output{font-size:12px;min-width:42px;text-align:center}.rr-stage{height:clamp(260px,42vw,570px);position:relative;overflow:hidden;background:#101815;border-radius:16px;touch-action:pan-y}.rr-layer{position:absolute;inset:0;overflow:hidden}.rr-layer img{width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}.rr-badge{position:absolute;top:16px;padding:7px 12px;border-radius:8px;background:#10241ed9;color:#fff;font-size:12px;pointer-events:none}.rr-original-label{left:16px}.rr-result-label{right:16px}.rr-divider{position:absolute;top:0;bottom:0;width:2px;background:white;pointer-events:none}.rr-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#eef1e4;color:#1c3327;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;box-shadow:0 2px 16px #0004}.rr-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#ecf1e9;background:radial-gradient(ellipse at 50% 100%,#345443,#111d17 70%)}.rr-empty>span{font-size:46px;color:#c7dda4}.rr-empty h4{font-size:24px;margin:18px 0 0}.rr-empty p{max-width:380px;color:#b7c7bd}.rr-slider-label{display:flex;gap:18px;align-items:center;font-size:12px;color:var(--muted);padding:18px 0}.rr-slider-label input{flex:1;accent-color:#729f85;cursor:ew-resize;min-width:90px}.rr-versions{display:flex;gap:10px;overflow-x:auto;padding:6px 0}.rr-versions button{padding:5px;flex:0 0 112px;text-align:left}.rr-versions img{width:100px;height:65px;object-fit:cover;border-radius:8px}.rr-versions span{display:block;font-size:12px;padding:6px}.render-review [hidden]{display:none!important}.render-review footer{font-size:12px;border-top:1px solid var(--line);padding-top:14px}.render-review .mono{font-size:10px;letter-spacing:.15em}@media(max-width:650px){.render-review{padding:15px}.render-review header{align-items:flex-start;flex-direction:column}.rr-tools button{padding:8px}.rr-slider-label{flex-direction:column;align-items:stretch}}@media(prefers-reduced-motion:reduce){.render-review button{transition:none}.render-review button:active{transform:none}}@media(hover:hover) and (pointer:fine){.render-review button:hover{filter:brightness(1.08)}}

.rr-divider{pointer-events:auto;cursor:ew-resize;touch-action:none}.rr-divider:before{content:"";position:absolute;inset:0 -16px}.rr-stage:has(img[style*="scale(1."]),.rr-stage:has(img[style*="scale(2"]){touch-action:none;cursor:grab}
