#upscale-compare.zoom-enabled{touch-action:none;cursor:zoom-in}#upscale-compare.zoom-enabled.is-zoomed{cursor:grab}#upscale-compare.zoom-enabled.is-zoomed:active{cursor:grabbing}#upscale-compare.zoom-enabled img{transform-origin:center center;pointer-events:none;user-select:none;will-change:transform}#upscale-compare.zoom-enabled .image-label{pointer-events:none;z-index:5}#upscale-compare.zoom-enabled .reveal{inset:auto 18px 8px;width:calc(100% - 36px);height:32px;opacity:1;z-index:7;cursor:ew-resize;accent-color:#27c7ed;touch-action:none}#upscale-compare.zoom-enabled .divider{z-index:6}#upscale-compare.zoom-enabled .divider span{pointer-events:auto;cursor:ew-resize;touch-action:none;user-select:none;min-width:48px;min-height:48px}.zoom-controls{background:#0d1b2d;border:1px solid #35506b;border-radius:10px;padding:14px 18px;margin-top:10px;color:#d4e5f3}.zoom-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.zoom-buttons button{min-width:44px;min-height:44px;padding:8px 14px;background:#15334b;color:#d7f7ff;border:1px solid #4caac6;border-radius:6px;font-weight:600;cursor:pointer}.zoom-buttons button:disabled{opacity:.4;cursor:default}.zoom-buttons button[hidden]{display:none}.zoom-buttons output{min-width:80px;text-align:center;font-size:14px}.zoom-controls p{font-size:12px;margin:10px 0 6px;color:#c0d2e2}.zoom-status{font-size:12px;color:#83d9ed}.zoom-shell:fullscreen{background:#07101c;padding:12px;display:flex;flex-direction:column}.zoom-shell:fullscreen #upscale-compare{flex:1;min-height:0;height:auto;max-height:none;width:100%}.zoom-shell:fullscreen .zoom-controls{flex:none}.zoom-buttons button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:650px){.zoom-controls{padding:12px}.zoom-buttons{gap:6px}.zoom-buttons button{padding:8px 10px}.zoom-controls p{line-height:1.5}#upscale-compare.zoom-enabled .image-label{max-width:44%;letter-spacing:0}}
#upscale-compare.zoom-enabled{user-select:none;-webkit-user-select:none}
#upscale-compare.zoom-enabled .before-layer{pointer-events:none}
#upscale-compare.zoom-enabled img{-webkit-user-drag:none}
#upscale .zoom-controls{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:24px;align-items:center}#upscale .zoom-controls .zoom-buttons{grid-column:1;grid-row:1}#upscale .zoom-controls .resolution{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;gap:18px;min-width:0;margin:0;padding:0;background:transparent;border:0;border-radius:0}#upscale .zoom-controls .resolution strong{font-size:18px;white-space:nowrap}#upscale .zoom-controls .resolution small{font-size:8px}#upscale .zoom-controls .resolution .pixel-count{margin-left:8px}#upscale .zoom-controls .resolution .pixel-count strong{font-size:24px}#upscale .zoom-controls>p,#upscale .zoom-controls>.zoom-status{grid-column:1/-1}#upscale .zoom-controls .demo-footnote{font-size:10px;margin:8px 0 0;color:#9bafc3}@media(max-width:950px){#upscale .zoom-controls{grid-template-columns:1fr;row-gap:8px}#upscale .zoom-controls .resolution{grid-column:1;grid-row:2;justify-content:flex-start;flex-wrap:wrap;gap:12px}#upscale .zoom-controls .resolution .pixel-count{margin-left:auto}#upscale .zoom-controls .resolution strong{font-size:15px}}
#upscale .zoom-controls>.scale-buttons{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px}#upscale .zoom-controls>.scale-buttons button{min-height:40px;min-width:48px}.zoom-shell:fullscreen .zoom-controls{max-height:45vh;overflow-y:auto}@media(max-width:950px){#upscale .zoom-controls>.scale-buttons{grid-row:3}}