.compare-root{--bg:#f7f5f0;--surface:#fff;--surface2:#f2f0eb;--border:#00000017;--border2:#0000002e;--text:#1a1916;--muted:#7a7770;--accent:#1a52e8;--accent2:#0a3ab0;--success:#1a8a4a;--warn:#b85c00;--danger:#c02020;--diff:#ff6b2b;background:var(--bg);color:var(--text);height:100vh;font-family:DM Sans,sans-serif;overflow:hidden}.compare-root *{box-sizing:border-box;margin:0;padding:0}.mono{font-family:DM Mono,monospace}.serif{font-family:Instrument Serif,serif}.slider-divider{cursor:ew-resize;z-index:20;-webkit-user-select:none;user-select:none;background:#fff;width:2px;position:absolute;top:0;bottom:0}.slider-handle{cursor:ew-resize;background:#fff;border:2px solid #0000001f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000026}.diff-pixel{pointer-events:none;border-radius:2px;position:absolute}@keyframes ic-bar-in{0%{width:0}}.ic-bar{animation:.6s cubic-bezier(.22,1,.36,1) both ic-bar-in}@keyframes ic-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ic-fade-up{animation:.4s forwards ic-fade-up}.upload-zone{border:1.5px dashed var(--border2);cursor:pointer;border-radius:10px;transition:all .2s}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);background:#1a52e80a}.tag{letter-spacing:.04em;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.compare-root ::-webkit-scrollbar{width:3px;height:3px}.compare-root ::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}@keyframes ring-fill{0%{stroke-dashoffset:283px}}.ring-fill{animation:1s cubic-bezier(.22,1,.36,1) both ring-fill}@keyframes scan-line{0%{opacity:.6;top:0}to{opacity:0;top:100%}}.scan-line{background:linear-gradient(90deg, transparent, var(--accent), transparent);pointer-events:none;height:2px;animation:1.2s ease-in-out infinite scan-line;position:absolute;left:0;right:0}.ic-tooltip{background:var(--text);color:#fff;white-space:nowrap;pointer-events:none;z-index:100;border-radius:4px;padding:3px 7px;font-size:10px;position:absolute;transform:translateY(-120%)}