/* image-resizer */
.image-preview {
display: flex;
gap: 20px;
margin: 20px 0;
}
.preview-box {
flex: 1;
text-align: center;
}
.preview-label {
margin-bottom: 10px;
font-weight: bold;
}
.preview-box img {
max-width: 100%;
max-height: 300px;
border: 1px solid #ddd;
border-radius: 8px;
}
.result-info {
margin: 20px 0;
}
input[type="file"] {
padding: 10px;
}
input[type="number"] {
width: 100px;
}