.frame-compare[data-astro-cid-uwawfvia]{scroll-margin-top:100px;overflow:hidden}.compare-header[data-astro-cid-uwawfvia]{justify-content:space-between;align-items:center;gap:16px;padding:17px 20px;display:flex}.eyebrow[data-astro-cid-uwawfvia]{letter-spacing:.1em;font-size:.58rem}h3[data-astro-cid-uwawfvia]{margin-top:6px;font-size:1rem}.mode-switch[data-astro-cid-uwawfvia]{background:var(--canvas);border:1px solid var(--border);border-radius:5px;flex-shrink:0;padding:3px;display:flex}.mode-switch[data-astro-cid-uwawfvia] button[data-astro-cid-uwawfvia]{font:.68rem var(--font-mono);color:var(--subtle);background:0 0;border-radius:3px;align-items:center;gap:5px;padding:6px 9px;display:flex}.mode-switch[data-astro-cid-uwawfvia] button[data-astro-cid-uwawfvia][aria-pressed=true]{color:var(--cyan);background:var(--surface-hover)}.compare-viewport[data-astro-cid-uwawfvia]{border-block:1px solid var(--border);background:#000;width:100%;max-height:720px;overflow:auto}.compare-stage[data-astro-cid-uwawfvia]{isolation:isolate;width:100%;position:relative}.source-image[data-astro-cid-uwawfvia]{width:100%;max-width:none;height:auto;display:block}.encode-image[data-astro-cid-uwawfvia]{object-fit:fill;width:100%;max-width:none;height:100%;clip-path:inset(0 0 0 var(--split));position:absolute;inset:0}.image-label[data-astro-cid-uwawfvia]{color:#e8edf6;pointer-events:none;background:#000000b3;border:1px solid #ffffff30;border-radius:3px;padding:3px 8px;font-size:.62rem;position:absolute;top:14px}.source-label[data-astro-cid-uwawfvia]{left:14px}.encode-label[data-astro-cid-uwawfvia]{right:14px}.split-handle[data-astro-cid-uwawfvia]{top:0;bottom:0;left:var(--split);cursor:ew-resize;touch-action:none;background:0 0;width:22px;padding:0;position:absolute;transform:translate(-50%)}.split-handle[data-astro-cid-uwawfvia]:before{content:"";background:#00e5ff;width:1px;margin-inline:auto;position:absolute;inset:0;box-shadow:0 0 0 1px #00000060}.split-handle[data-astro-cid-uwawfvia] span[data-astro-cid-uwawfvia]{color:#000;letter-spacing:2px;background:#00e5ff;border-radius:5px;place-items:center;width:32px;height:36px;font-size:1.25rem;font-weight:600;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compare-controls[data-astro-cid-uwawfvia]{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;padding:12px 20px;display:flex}.split-control[data-astro-cid-uwawfvia]{flex:1;align-items:center;gap:10px;min-width:120px;display:flex}input[data-astro-cid-uwawfvia][type=range]{height:18px;accent-color:var(--cyan);background:0 0;border:0;padding:0}output[data-astro-cid-uwawfvia]{color:var(--subtle);width:30px;font-size:.66rem}.frame-toggle[data-astro-cid-uwawfvia]{flex-wrap:wrap;gap:6px;margin-right:auto;display:flex}.frame-toggle[data-astro-cid-uwawfvia] button[data-astro-cid-uwawfvia]{font-size:.65rem}.native-button[data-astro-cid-uwawfvia]{color:var(--muted);border:1px solid var(--border-strong);font:.67rem var(--font-mono);background:0 0;border-radius:4px;padding:5px 9px}.native-button[data-astro-cid-uwawfvia][aria-pressed=true]{color:var(--cyan);border-color:var(--cyan)}.pixel-status[data-astro-cid-uwawfvia]{color:var(--subtle);font-size:.57rem}figcaption[data-astro-cid-uwawfvia]{color:var(--muted);padding:11px 20px;font-size:.77rem;line-height:1.7}.keyboard-hint[data-astro-cid-uwawfvia]{color:var(--subtle);margin-top:3px;font-size:.62rem;display:block}.keyboard-hint[data-astro-cid-uwawfvia] kbd[data-astro-cid-uwawfvia]{padding:0 3px;font-size:.6rem}.is-native[data-astro-cid-uwawfvia] .compare-stage[data-astro-cid-uwawfvia]{width:var(--native-width);min-width:var(--native-width)}.is-native[data-astro-cid-uwawfvia] img[data-astro-cid-uwawfvia]{image-rendering:crisp-edges}[data-astro-cid-uwawfvia][data-mode=toggle] .encode-image[data-astro-cid-uwawfvia]{clip-path:none}[data-astro-cid-uwawfvia][data-mode=toggle][data-frame=source] .encode-image[data-astro-cid-uwawfvia]{visibility:hidden}[data-astro-cid-uwawfvia][data-mode=toggle] .split-handle[data-astro-cid-uwawfvia],[data-astro-cid-uwawfvia][data-mode=toggle][data-frame=source] .encode-label[data-astro-cid-uwawfvia],[data-astro-cid-uwawfvia][data-mode=toggle][data-frame=encode] .source-label[data-astro-cid-uwawfvia]{display:none}@media (width<=600px){.compare-header[data-astro-cid-uwawfvia]{flex-direction:column;align-items:flex-start;padding:14px}.compare-controls[data-astro-cid-uwawfvia]{gap:10px;padding:10px 14px}.pixel-status[data-astro-cid-uwawfvia]{display:none}figcaption[data-astro-cid-uwawfvia]{padding:10px 14px}.keyboard-hint[data-astro-cid-uwawfvia]{font-size:.57rem}}