/* SPLIT PDF */

.snf-tool-wrapper.snf-split-container{
max-width:620px;
width:100%;
margin:40px auto;
padding:20px;
box-sizing:border-box;
background:#fff;
border-radius:18px;
box-shadow:0 2px 14px rgba(0,0,0,.06);
}

/* TITLE */

.snf-tool-title{
text-align:center;
font-size:56px;
font-weight:700;
line-height:1.2;
margin:20px 0 30px;
color:#0b2f63;
}

/* UPLOAD BOX */

.snf-upload-box{
background:#eef2f6;
border:2px dashed #0073aa;
border-radius:20px;
padding:40px 20px;
text-align:center;
width:100%;
box-sizing:border-box;
}

/* TEXT */

.snf-upload-title{
font-size:22px;
font-weight:700;
margin-bottom:10px;
}

.snf-upload-subtitle{
margin-bottom:25px;
color:#666;
}

/* BUTTONS */

.snf-upload-btn,
.snf-convert-btn,
.snf-clear-btn{
border:none;
border-radius:12px;
padding:14px 28px;
font-size:18px;
cursor:pointer;
transition:.2s ease;
}

.snf-upload-btn,
.snf-convert-btn{
background:#0073aa;
color:#fff;
}

.snf-clear-btn{
background:#5a5a5a;
color:#fff;
}

/* FILE PREVIEW */

#snf-split-preview{
margin-top:25px;
}

.snf-file-item{
background:#fff;
padding:18px;
margin-bottom:12px;
border-radius:12px;
box-shadow:0 1px 5px rgba(0,0,0,.08);
word-break:break-word;
}

/* OPTIONS */

.snf-options{
display:flex;
justify-content:center;
gap:20px;
margin:25px 0;
flex-wrap:wrap;
}

/* RANGE BOX */

.snf-range-wrapper{
margin-top:20px;
}

#splitPageRange{
width:100%;
padding:14px 16px;
border:1px solid #ddd;
border-radius:10px;
font-size:16px;
outline:none;
box-sizing:border-box;
margin-top:10px;
}

/* ACTION BUTTONS */

.snf-action-buttons{
display:flex;
justify-content:center;
gap:15px;
margin-top:25px;
flex-wrap:wrap;
}

/* RESULT */

#snf-split-pdf-result{
margin-top:20px;
text-align:center;
}

/* MOBILE */

@media screen and (max-width:768px){

.snf-tool-wrapper.snf-split-container{
max-width:100%;
padding:15px;
}

.snf-tool-title{
font-size:34px;
}

.snf-upload-btn,
.snf-convert-btn,
.snf-clear-btn{
width:100%;
}

.snf-action-buttons{
flex-direction:column;
}

}