.uploaded-images__box.compare-card{display:flex;flex-direction:column;padding:0;border:1px solid #e0e2e6;border-radius:12px;background:#fff;box-shadow:0 2px 8px #1737850d;overflow:hidden}.compare-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#eff6ff 0%,#fdfeff 55%,#ffffff 100%);border-bottom:1px solid #e0eaf7}.compare-filename{font-size:13px;font-weight:700;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-filesize{font-size:11px;color:#8494ad;flex-shrink:0}.compare-pair{display:flex;align-items:center;gap:10px;padding:14px}.compare-item{flex:1 1 0;min-width:0;position:relative;border-radius:10px;overflow:hidden;border:1.5px solid #e8eff8;background:#f8fafc}.compare-item .base64-img{display:block;width:100%;aspect-ratio:16 / 9;height:auto;object-fit:cover}.compare-badge{position:absolute;top:8px;left:8px;z-index:2;font-size:11px;font-weight:600;color:#fff;background:rgba(15,23,42,.65);padding:3px 9px;border-radius:99px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.compare-badge--converted{background:var(--color-primary, #2E6ACE)}.compare-arrow{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary, #2E6ACE);background:#eff6ff}.compare-card-footer{display:flex;justify-content:flex-end;padding:0 14px 14px}.compare-card-footer .result-action-btn{height:32px}@media (width <= 600px){.compare-pair{flex-direction:column}.compare-item{flex:none;width:100%}.compare-arrow{align-self:center;transform:rotate(90deg)}}