.sji-img-tool-wrap{
    max-width:800px;
    margin:40px auto;
    background:#fff;
    padding:25px;
    box-shadow:0 0 10px rgba(0,0,0,.2);
    font-family: Arial, Helvetica, sans-serif;
}

select, input, button{
    padding:8px;
    margin:6px 0;
}

.controls input, .controls select{
    width:120px;
    margin-right:5px;
}

.info-box{
    background:#f7f7f7;
    padding:10px;
    margin:15px 0;
    border-left:4px solid #000;
}

#imgPreview img{
    max-width:200px;
    margin-top:15px;
    border:1px solid #ccc;
}

button{
    background:#000;
    color:#fff;
    border:none;
    cursor:pointer;
}
/* =====================================
   SJI SEO CONTENT STYLING
===================================== */

/* Justified SEO paragraphs */
.sji-justify p{
    text-align: justify;
    text-justify: inter-word;
    line-height: 1.6;
    margin-bottom: 12px;
}

/* Tool wrapper spacing */
.sji-tool-wrap{
    margin: 30px 0;
}

/* Feature list */
.sji-features{
    margin-left: 18px;
}
.sji-features li{
    margin-bottom: 6px;
}

/* Steps list */
.sji-steps{
    margin-left: 18px;
}
.sji-steps li{
    margin-bottom: 6px;
}

/* Useful links – one row */
.sji-links{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 10px;
}
.sji-links a{
    text-decoration: none;
    font-weight: 600;
}
/**/
/* =====================================
   SJI IMAGE TOOL – PREMIUM DESIGN
===================================== */

/* Tool outer wrapper */
.sji-image-tool,
.sji-tool-wrap,
.sji-image-govt-tool{
    background:#ffffff;
    border:1px solid #ddd;
    border-radius:8px;
    padding:20px;
    box-shadow:0 2px 8px rgba(0,0,0,0.08);
    max-width:720px;
    margin:0 auto;
}

/* Tool main heading */
.sji-image-tool h2,
.sji-image-govt-tool h2{
    background:#8b2d3b; /* Sarkari Job India maroon */
    color:#fff;
    padding:12px 15px;
    margin:-20px -20px 20px;
    font-size:18px;
    border-radius:8px 8px 0 0;
    text-align:center;
}

/* Labels */
.sji-image-tool label{
    font-weight:600;
    display:block;
    margin-bottom:6px;
}

/* Inputs & Select */
.sji-image-tool input[type="file"],
.sji-image-tool input[type="number"],
.sji-image-tool select{
    width:100%;
    padding:8px 10px;
    border:1px solid #ccc;
    border-radius:4px;
    font-size:14px;
    margin-bottom:12px;
}

/* Info boxes */
.sji-image-tool .info-box,
.sji-image-tool .original-info{
    background:#f7f7f7;
    border-left:4px solid #8b2d3b;
    padding:10px 12px;
    margin:15px 0;
    font-size:13px;
}

/* Two column layout */
.sji-image-tool .row{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}
.sji-image-tool .col{
    flex:1;
    min-width:150px;
}

/* Buttons */
.sji-image-tool button,
.sji-image-tool .btn{
    background:#8b2d3b;
    color:#fff;
    border:none;
    padding:10px 16px;
    font-size:14px;
    font-weight:600;
    border-radius:4px;
    cursor:pointer;
    transition:0.2s;
}
.sji-image-tool button:hover{
    background:#6f232f;
}

/* Download button */
.sji-image-tool .download-btn{
    background:#2e7d32;
}
.sji-image-tool .download-btn:hover{
    background:#256628;
}

/* Preview image */
.sji-image-tool img{
    max-width:100%;
    border:1px solid #ddd;
    border-radius:4px;
    margin-top:10px;
}

/* Result success */
.sji-image-tool .success{
    background:#e8f5e9;
    border-left:4px solid #2e7d32;
    padding:10px 12px;
    margin-top:15px;
    font-size:13px;
}

/* Error box */
.sji-image-tool .error{
    background:#fdecea;
    border-left:4px solid #c62828;
    padding:10px 12px;
    margin-top:15px;
    font-size:13px;
}

/* Mobile adjustments */
@media(max-width:600px){
    .sji-image-tool{
        padding:15px;
    }
    .sji-image-tool h2{
        font-size:16px;
    }
}