/*bmp to jpg start*/
.InnobudsImgBmptoJpg-container {  max-width: 800px; margin: 30px auto; padding: 20px; background: #f9f9f9; border-radius: 10px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); text-align: center; }
    .InnobudsImgBmptoJpg-container h2 { margin-bottom: 16px; color: #333; }
    .InnobudsImgBmptoJpg-dropzone { border: 2px dashed #f39c12; padding: 55px; margin-bottom: 16px; background: #fff; cursor: pointer; border-radius: 8px; transition: background 0.3s; }
    .InnobudsImgBmptoJpg-dropzone:hover { background: #fff9f0; }
    .InnobudsImgBmptoJpg-dropzone p { margin: 0; color: #555; font-size: 16px; }
    #InnobudsImgBmptoJpgDropZone p{text-align: center !important;}
    .InnobudsImgBmptoJpg-dropzone input { display: none; }
    .InnobudsImgBmptoJpg-preview img { width: 100%; height: auto; max-height: 200px; object-fit: contain; border-radius: 6px; margin-bottom: 12px; border: 1px solid #ddd; }
    .InnobudsImgBmptoJpgdownload-btn{background: #3c75cc !important;}
    .InnobudsImgBmptoJpg-btn { display: inline-block; padding: 10px 18px; margin: 6px 4px 0; text-decoration: none; background: #f39c12; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 15px; transition: background 0.3s; }
    .InnobudsImgBmptoJpg-btn:hover { background: #d98c0e; }
    .InnobudsImgBmptoJpg-error { color: red; font-size: 14px; margin-top: 8px; }
    @media (max-width: 520px) { .InnobudsImgBmptoJpg-container { padding: 16px; } .InnobudsImgBmptoJpg-dropzone { padding: 50px; } }
    /*bmp to jpg ends*/
    /*bmp to png starts*/

    .InnobudsImgBmptoPng-container {  max-width: 800px; margin: 30px auto; padding: 20px; background: #f9f9f9; border-radius: 10px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); text-align: center; }
    .InnobudsImgBmptoPng-container h2 { margin-bottom: 16px; color: #333; }
    .InnobudsImgBmptoPng-dropzone { border: 2px dashed #f39c12; padding: 55px; margin-bottom: 16px; background: #fff; cursor: pointer; border-radius: 8px; transition: background 0.3s; }
    .InnobudsImgBmptoPng-dropzone:hover { background: #fff9f0; }
    .InnobudsImgBmptoPng-dropzone p { margin: 0; color: #555; font-size: 16px; }
    #InnobudsImgBmptoPngDropZone p{text-align: center !important;}
    .InnobudsImgBmptoPng-dropzone input { display: none; }
    .InnobudsImgBmptoPng-preview img { width: 100%; height: auto; max-height: 200px; object-fit: contain; border-radius: 6px; margin-bottom: 12px; border: 1px solid #ddd; }
    .InnobudsImgBmptoPngdownload-btn{background: #3c75cc !important;}
    .InnobudsImgBmptoPng-btn { display: inline-block; padding: 10px 18px; margin: 6px 4px 0; text-decoration: none; background: #f39c12; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 15px; transition: background 0.3s; }
    .InnobudsImgBmptoPng-btn:hover { background: #d98c0e; }
    .InnobudsImgBmptoPng-error { color: red; font-size: 14px; margin-top: 8px; }
    @media (max-width: 520px) { .InnobudsImgBmptoPng-container { padding: 16px; } .InnobudsImgBmptoPng-dropzone { padding: 50px; } }
    /*bmp to png ends*/
    /*bmp to gif starts*/

    .InnobudsImgBmptoGif-container {  max-width: 800px; margin: 30px auto; padding: 20px; background: #f9f9f9; border-radius: 10px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); text-align: center; }
    .InnobudsImgBmptoGif-container h2 { margin-bottom: 16px; color: #333; }
    .InnobudsImgBmptoGif-dropzone { border: 2px dashed #f39c12; padding: 55px; margin-bottom: 16px; background: #fff; cursor: pointer; border-radius: 8px; transition: background 0.3s; }
    .InnobudsImgBmptoGif-dropzone:hover { background: #fff9f0; }
    .InnobudsImgBmptoGif-dropzone p { margin: 0; color: #555; font-size: 16px; }
    #InnobudsImgBmptoGifDropZone p{text-align: center !important;}
    .InnobudsImgBmptoGif-dropzone input { display: none; }
    .InnobudsImgBmptoGif-preview img { width: 100%; height: auto; max-height: 200px; object-fit: contain; border-radius: 6px; margin-bottom: 12px; border: 1px solid #ddd; }
    .InnobudsImgBmptoGifdownload-btn { background: #3c75cc !important; }
    .InnobudsImgBmptoGif-btn { display: inline-block; padding: 10px 18px; margin: 6px 4px 0; text-decoration: none; background: #f39c12; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 15px; transition: background 0.3s; }
    .InnobudsImgBmptoGif-btn:hover { background: #d98c0e; }
    .InnobudsImgBmptoGif-error { color: red; font-size: 14px; margin-top: 8px; }

    @media (max-width: 520px) {
      .InnobudsImgBmptoGif-container { padding: 16px; }
      .InnobudsImgBmptoGif-dropzone { padding: 50px; }
    }
    /*bmp to gif ends*/

    /*bmp to webp starts*/
    .InnobudsImgBmptoWebp-container {  max-width: 800px; margin: 30px auto; padding: 20px; background: #f9f9f9; border-radius: 10px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); text-align: center; }
    .InnobudsImgBmptoWebp-container h2 { margin-bottom: 16px; color: #333; }
    .InnobudsImgBmptoWebp-dropzone { border: 2px dashed #f39c12; padding: 55px; margin-bottom: 16px; background: #fff; cursor: pointer; border-radius: 8px; transition: background 0.3s; }
    .InnobudsImgBmptoWebp-dropzone:hover { background: #fff9f0; }
    .InnobudsImgBmptoWebp-dropzone p { margin: 0; color: #555; font-size: 16px; }
    #InnobudsImgBmptoWebpDropZone p{text-align: center !important;}
    .InnobudsImgBmptoWebp-dropzone input { display: none; }
    .InnobudsImgBmptoWebp-preview img { width: 100%; height: auto; max-height: 200px; object-fit: contain; border-radius: 6px; margin-bottom: 12px; border: 1px solid #ddd; }
    .InnobudsImgBmptoWebpdownload-btn{background: #3c75cc !important;}
    .InnobudsImgBmptoWebp-btn { display: inline-block; padding: 10px 18px; margin: 6px 4px 0; text-decoration: none; background: #f39c12; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 15px; transition: background 0.3s; }
    .InnobudsImgBmptoWebp-btn:hover { background: #d98c0e; }
    .InnobudsImgBmptoWebp-error { color: red; font-size: 14px; margin-top: 8px; }
    @media (max-width: 520px) { .InnobudsImgBmptoWebp-container { padding: 16px; } .InnobudsImgBmptoWebp-dropzone { padding: 50px; } }
    /*bmp to webp ends*/

    /*bmp to avif starts*/
    .InnobudsImgBmptoAvif-container {  max-width: 800px; margin: 30px auto; padding: 20px; background: #f9f9f9; border-radius: 10px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); text-align: center; }
    .InnobudsImgBmptoAvif-container h2 { margin-bottom: 16px; color: #333; }
    .InnobudsImgBmptoAvif-dropzone { border: 2px dashed #f39c12; padding: 55px; margin-bottom: 16px; background: #fff; cursor: pointer; border-radius: 8px; transition: background 0.3s; }
    .InnobudsImgBmptoAvif-dropzone:hover { background: #fff9f0; }
    .InnobudsImgBmptoAvif-dropzone p { margin: 0; color: #555; font-size: 16px; }
    #InnobudsImgBmptoAvifDropZone p{text-align: center !important;}
    .InnobudsImgBmptoAvif-dropzone input { display: none; }
    .InnobudsImgBmptoAvif-preview img { width: 100%; height: auto; max-height: 200px; object-fit: contain; border-radius: 6px; margin-bottom: 12px; border: 1px solid #ddd; }
    .InnobudsImgBmptoAvifdownload-btn { background: #3c75cc !important; }
    .InnobudsImgBmptoAvif-btn { display: inline-block; padding: 10px 18px; margin: 6px 4px 0; text-decoration: none; background: #f39c12; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 15px; transition: background 0.3s; }
    .InnobudsImgBmptoAvif-btn:hover { background: #d98c0e; }
    .InnobudsImgBmptoAvif-error { color: red; font-size: 14px; margin-top: 8px; }

    @media (max-width: 520px) {
      .InnobudsImgBmptoAvif-container { padding: 16px; }
      .InnobudsImgBmptoAvif-dropzone { padding: 50px; }
    }
    /*bmp to avif ends*/
    /*bmp to tiff starts*/

    .InnobudsImgBmptoTiff-container {  max-width: 800px; margin: 30px auto; padding: 20px; background: #f9f9f9; border-radius: 10px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); text-align: center; }
    .InnobudsImgBmptoTiff-container h2 { margin-bottom: 16px; color: #333; }
    .InnobudsImgBmptoTiff-dropzone { border: 2px dashed #f39c12; padding: 55px; margin-bottom: 16px; background: #fff; cursor: pointer; border-radius: 8px; transition: background 0.3s; }
    .InnobudsImgBmptoTiff-dropzone:hover { background: #fff9f0; }
    .InnobudsImgBmptoTiff-dropzone p { margin: 0; color: #555; font-size: 16px; }
    #InnobudsImgBmptoTiffDropZone p{text-align: center !important;}
    .InnobudsImgBmptoTiff-dropzone input { display: none; }
    .InnobudsImgBmptoTiff-preview img { width: 100%; height: auto; max-height: 200px; object-fit: contain; border-radius: 6px; margin-bottom: 12px; border: 1px solid #ddd; }
    .InnobudsImgBmptoTiffdownload-btn { background: #3c75cc !important; }
    .InnobudsImgBmptoTiff-btn { display: inline-block; padding: 10px 18px; margin: 6px 4px 0; text-decoration: none; background: #f39c12; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 15px; transition: background 0.3s; }
    .InnobudsImgBmptoTiff-btn:hover { background: #d98c0e; }
    .InnobudsImgBmptoTiff-error { color: red; font-size: 14px; margin-top: 8px; }

    @media (max-width: 520px) {
      .InnobudsImgBmptoTiff-container { padding: 16px; }
      .InnobudsImgBmptoTiff-dropzone { padding: 50px; }
    }
    /*bmp to tiff ends*/
    /*bmp to svg starts*/

    .InnobudsImgBmptoSvg-container {
      
      max-width: 800px;
      margin: 30px auto;
      padding: 20px;
      background: #f9f9f9;
      border-radius: 10px;
      box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
      text-align: center;
    }
    .InnobudsImgBmptoSvg-container h2 {
      margin-bottom: 16px;
      color: #333;
    }
    .InnobudsImgBmptoSvg-dropzone {
      border: 2px dashed #f39c12;
      padding: 55px;
      margin-bottom: 16px;
      background: #fff;
      cursor: pointer;
      border-radius: 8px;
      transition: background 0.3s;
    }
    .InnobudsImgBmptoSvg-dropzone:hover {
      background: #fff9f0;
    }
    .InnobudsImgBmptoSvg-dropzone p {
      margin: 0;
      color: #555;
      font-size: 16px;
    }
    #InnobudsImgBmptoSvgDropZone p {text-align: center !important;}
    .InnobudsImgBmptoSvg-dropzone input {
      display: none;
    }
    .InnobudsImgBmptoSvg-preview img {
      width: 100%;
      height: auto;
      max-height: 200px;
      object-fit: contain;
      border-radius: 6px;
      margin-bottom: 12px;
      border: 1px solid #ddd;
    }
    .InnobudsImgBmptoSvgdownload-btn {
      background: #3c75cc !important;
    }
    .InnobudsImgBmptoSvg-btn {
      display: inline-block;
      padding: 10px 18px;
      margin: 6px 4px 0;
      text-decoration: none;
      background: #f39c12;
      color: #fff;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      font-size: 15px;
      transition: background 0.3s;
    }
    .InnobudsImgBmptoSvg-btn:hover {
      background: #d98c0e;
    }
    .InnobudsImgBmptoSvg-error {
      color: red;
      font-size: 14px;
      margin-top: 8px;
    }

    @media (max-width: 520px) {
      .InnobudsImgBmptoSvg-container { padding: 16px; }
      .InnobudsImgBmptoSvg-dropzone { padding: 50px; }
    }
    /*bmp to svg ends*/

/* bmp to pdf starts */
.InnobudsImgBmpToPdf-container {
    
    max-width: 800px;
    margin: 30px auto;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.InnobudsImgBmpToPdf-dropzone {
    border: 2px dashed #e67e22;
    padding: 55px;
    margin-bottom: 16px;
    background: #fff;
    cursor: pointer;
    border-radius: 8px;
    transition: background 0.3s;
}

.InnobudsImgBmpToPdf-dropzone:hover {
    background: #fff7ef;
}

.InnobudsImgBmpToPdf-dropzone p {
    margin: 0;
    color: #555;
    font-size: 16px;
}

#InnobudsImgBmpToPdfDropZone p {
    text-align: center !important;
}

.InnobudsImgBmpToPdf-dropzone input {
    display: none;
}

.InnobudsImgBmpToPdf-preview img {
    width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: contain;
    border-radius: 6px;
    margin-bottom: 12px;
    border: 1px solid #ddd;
}

.InnobudsImgBmpToPdf-btn {
    display: inline-block;
    padding: 10px 18px;
    margin: 6px 4px 0;
    text-decoration: none;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 15px;
    transition: background 0.3s;
}

.InnobudsImgBmpToPdf-convert-btn {
    background: #e67e22 !important;
}

.InnobudsImgBmpToPdf-convert-btn:hover {
    background: #cf6f1c !important;
}

.InnobudsImgBmpToPdfdownload-btn {
    background: #27ae60 !important;
}

.InnobudsImgBmpToPdfdownload-btn:hover {
    background: #1e8f4d !important;
}

.InnobudsImgBmpToPdf-error {
    color: red;
    font-size: 14px;
    margin-top: 8px;
}

@media (max-width: 520px) {
    .InnobudsImgBmpToPdf-container {
        padding: 16px;
    }
    .InnobudsImgBmpToPdf-dropzone {
        padding: 50px;
    }
}
/* bmp to pdf ends */


/* bmp to ascii starts */
.InnobudsImgBmpToAscii-container {
    
    max-width: 800px;
    margin: 30px auto;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    text-align: center;
}
.InnobudsImgBmpToAscii-container h2 {
    margin-bottom: 16px;
    color: #333;
}
.InnobudsImgBmpToAscii-dropzone {
    border: 2px dashed #f39c12;
    padding: 55px;
    margin-bottom: 16px;
    background: #fff;
    cursor: pointer;
    border-radius: 8px;
    transition: background 0.3s;
}
.InnobudsImgBmpToAscii-dropzone:hover {
    background: #fff9f0;
}
.InnobudsImgBmpToAscii-dropzone p {
    margin: 0;
    color: #555;
    font-size: 16px;
    text-align: center;
}
.InnobudsImgBmpToAscii-dropzone input { display:none; }

.InnobudsImgBmpToAscii-preview {
    width: 100%;
    max-height: 420px;
    overflow: auto;
    background: #111;
    color: #eee;
    padding: 12px;
    border-radius: 6px;
    margin-top: 12px;
    border: 1px solid #ddd;
    text-align: left;
}
.InnobudsImgBmpToAscii-preview pre {
    margin: 0;
    font-family: "Courier New", monospace;
    line-height: 1;
    white-space: pre;
    font-size: 8px;
}

.InnobudsImgBmpToAscii-controls {
    gap:10px;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    margin-top:12px;
}

.InnobudsImgBmpToAscii-btn {
    display:inline-block;
    padding:10px 18px;
    margin:6px 4px 0;
    background:#f39c12;
    color:#fff;
    border:none;
    border-radius:5px;
    cursor:pointer;
    font-size:15px;
    transition: background 0.3s;
}
.InnobudsImgBmpToAscii-btn:hover {
    background:#d98c0e;
}
.InnobudsImgBmpToAscii-download-btn {
    background:#3c75cc !important;
}

.InnobudsImgBmpToAscii-settings {
    display:flex;
    gap:8px;
    align-items:center;
    font-size:14px;
    color:#333;
}
.InnobudsImgBmpToAscii-slider { width:240px; }

.InnobudsImgBmpToAscii-error {
    color:red;
    font-size:14px;
    margin-top:8px;
}

@media(max-width:520px){
    .InnobudsImgBmpToAscii-slider { width:160px; }
}
/* bmp to ascii ends */
#InnobudsBmpDropZone p{text-align: center !important;}