#webp-files {
    margin-bottom: 10px;
}

#output-format {
    margin-bottom: 10px;
}

#conversion-results {
    margin-top: 20px;
    width: 100%;
}

#conversion-results td {
    vertical-align: middle;
}

#conversion-results .loading {
    text-align: center;
    font-size: 16px;
}

#conversion-results td img {
    max-width: 50px;
    max-height: 50px;
}
.smaller {
    color: #155724; /* Dark green for smaller converted size */
}

.larger {
    color: #721c24; /* Dark red for larger converted size */
}

.same {
    color: #856404; /* Dark yellow for same size */
}