/* MOBILE */

@media (max-width:767px){

.tool-wrapper{
margin:15px;
padding:18px;
}

#input{
font-size:16px;
padding:14px 16px;
text-align:center;
}

.item{
padding:14px 14px;
font-size:15px;
border-radius:12px;
}

.preview-wrapper{
display:flex;
flex-direction:column;
padding:14px;
gap:14px;
}

.output-section-title{
font-size:14px;
}

.load-more-btn{
width:100%;
max-width:260px;
min-width:0;
}

}

/* TABLET */

@media (min-width:768px) and (max-width:1024px){

.tool-wrapper{
max-width:700px;
}

.preview-wrapper{
display:flex;
flex-direction:column;
}

}

/* DESKTOP */

@media (min-width:1025px){

.tool-wrapper{
max-width:900px;
}

.preview-wrapper{
display:flex;
}

}

/* ===== MOBILE STICKY FIX ===== */

@media (max-width:767px){

#input{
position:static;
}

.preview-wrapper{
position:static;
}

.tool-action-row{
display:grid;
grid-template-columns:1fr;
}

}