.snf-tool-wrapper[data-tool="photo-resize"]{
max-width:520px;
margin:0 auto;
padding:24px;
background:#f5f7f9;
border-radius:16px;
box-sizing:border-box;
}

/* Upload Area */

.snf-tool-wrapper[data-tool="photo-resize"] .snf-upload-box{
border:2px dashed #0073aa;
border-radius:16px;
background:#eef3f7;
min-height:220px;
padding:24px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
}

.snf-tool-wrapper[data-tool="photo-resize"] .snf-upload-box p{
font-size:22px;
font-weight:700;
margin-bottom:12px;
color:#0b2b5c;
}

.snf-tool-wrapper[data-tool="photo-resize"] .snf-upload-box small{
font-size:16px;
color:#666;
margin-bottom:18px;
display:block;
}

#snfFileName{
margin-top:12px;
font-size:14px;
color:#666;
word-break:break-word;
text-align:center;
}

/* Target Size Input */

.snf-tool-wrapper[data-tool="photo-resize"] .snf-input-group{
display:flex;
justify-content:center;
margin:20px 0;
}

.snf-tool-wrapper[data-tool="photo-resize"] .snf-input-group input{
width:260px;
max-width:100%;
padding:14px;
border:1px solid #ccc;
border-radius:10px;
font-size:16px;
text-align:center;
box-sizing:border-box;
}

/* Dimension Options */

.snf-dimension-options{
display:flex;
justify-content:center;
gap:16px;
margin:20px 0;
font-size:16px;
font-weight:500;
flex-wrap:wrap;
}

.snf-dimension-options label{
cursor:pointer;
}

/* Format Options */

.snf-tool-wrapper[data-tool="photo-resize"] .snf-options,
.snf-tool-wrapper[data-tool="photo-resize"] .snf-format-options{
--snf-option-columns:3;
display:flex;
justify-content:center;
align-items:center;
gap:20px;
margin:20px 0;
flex-wrap:wrap;
}

/* Preview */

.snf-tool-wrapper[data-tool="photo-resize"] #snf-photo-preview{
margin-top:24px;
text-align:center;
}

.snf-tool-wrapper[data-tool="photo-resize"] #snf-photo-preview img{
max-width:100%;
max-height:260px;
border-radius:12px;
object-fit:contain;
}

/* Result */

.snf-tool-wrapper[data-tool="photo-resize"] #snfResizeResult{
margin-top:24px;
font-size:16px;
font-weight:600;
text-align:center;
}

/* Buttons */

.snf-upload-btn{
background:#0073aa;
color:#fff;
border:none;
padding:12px 24px;
border-radius:8px;
font-weight:600;
cursor:pointer;
}

.snf-upload-btn:hover

/* Mobile */

@media(max-width:640px){

.snf-tool-wrapper[data-tool="photo-resize"]{
padding:15px;
}

.snf-tool-wrapper[data-tool="photo-resize"] .snf-options,
.snf-tool-wrapper[data-tool="photo-resize"] .snf-format-options{
--snf-option-columns:1;
gap:12px;
}

.snf-dimension-options{
flex-direction:column;
gap:10px;
}

}