/*svg to webp starts*/
.InnobudsImgSvgtoWebp-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; }
    .InnobudsImgSvgtoWebp-container h2 { margin-bottom: 16px; color: #333; }
    .InnobudsImgSvgtoWebp-dropzone { border: 2px dashed #f39c12; padding: 55px; margin-bottom: 16px; background: #fff; cursor: pointer; border-radius: 8px; transition: background 0.3s; }
    .InnobudsImgSvgtoWebp-dropzone:hover { background: #fff9f0; }
    .InnobudsImgSvgtoWebp-dropzone p { margin: 0; color: #555; font-size: 16px; }
    #InnobudsImgSvgtoWebpDropZone p{text-align: center !important;}
    .InnobudsImgSvgtoWebp-dropzone input { display: none; }
    .InnobudsImgSvgtoWebp-preview img { width: 100%; height: auto; max-height: 200px; object-fit: contain; border-radius: 6px; margin-bottom: 12px; border: 1px solid #ddd; }
    .InnobudsImgSvgtoWebpdownload-btn{background: #3c75cc !important;}
    .InnobudsImgSvgtoWebp-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; }
    .InnobudsImgSvgtoWebp-btn:hover { background: #d98c0e; }
    .InnobudsImgSvgtoWebp-error { color: red; font-size: 14px; margin-top: 8px; }
    @media (max-width: 520px) { .InnobudsImgSvgtoWebp-container { padding: 16px; } .InnobudsImgSvgtoWebp-dropzone { padding: 50px; } }
    /*svg to webp ends */
    /*svg to gif starts*/
    .InnobudsImgSvgtoGif-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; }
    .InnobudsImgSvgtoGif-container h2 { margin-bottom: 16px; color: #333; }
    .InnobudsImgSvgtoGif-dropzone { border: 2px dashed #f39c12; padding: 55px; margin-bottom: 16px; background: #fff; cursor: pointer; border-radius: 8px; transition: background 0.3s; }
    .InnobudsImgSvgtoGif-dropzone:hover { background: #fff9f0; }
    .InnobudsImgSvgtoGif-dropzone p { margin: 0; color: #555; font-size: 16px; }
    #InnobudsImgSvgtoGifDropZone p{text-align: center !important;}
    .InnobudsImgSvgtoGif-dropzone input { display: none; }
    .InnobudsImgSvgtoGif-preview img { width: 100%; height: auto; max-height: 200px; object-fit: contain; border-radius: 6px; margin-bottom: 12px; border: 1px solid #ddd; }
    .InnobudsImgSvgtoGifdownload-btn{background: #3c75cc !important;}
    .InnobudsImgSvgtoGif-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; }
    .InnobudsImgSvgtoGif-btn:hover { background: #d98c0e; }
    .InnobudsImgSvgtoGif-error { color: red; font-size: 14px; margin-top: 8px; }
    @media (max-width: 520px) { .InnobudsImgSvgtoGif-container { padding: 16px; } .InnobudsImgSvgtoGif-dropzone { padding: 50px; } }
    /*svg to gif ends*/
    /*svg to bmp starts*/
    .InnobudsImgSvgtoBmp-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; }
    .InnobudsImgSvgtoBmp-container h2 { margin-bottom: 16px; color: #333; }
    .InnobudsImgSvgtoBmp-dropzone { border: 2px dashed #f39c12; padding: 55px; margin-bottom: 16px; background: #fff; cursor: pointer; border-radius: 8px; transition: background 0.3s; }
    .InnobudsImgSvgtoBmp-dropzone:hover { background: #fff9f0; }
    .InnobudsImgSvgtoBmp-dropzone p { margin: 0; color: #555; font-size: 16px; }
    #InnobudsImgSvgtoBmpDropZone p{text-align: center !important;}
    .InnobudsImgSvgtoBmp-dropzone input { display: none; }
    .InnobudsImgSvgtoBmp-preview img { width: 100%; height: auto; max-height: 200px; object-fit: contain; border-radius: 6px; margin-bottom: 12px; border: 1px solid #ddd; }
    .InnobudsImgSvgtoBmpdownload-btn{background: #3c75cc !important;}
    .InnobudsImgSvgtoBmp-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; }
    .InnobudsImgSvgtoBmp-btn:hover { background: #d98c0e; }
    .InnobudsImgSvgtoBmp-error { color: red; font-size: 14px; margin-top: 8px; }
    @media (max-width: 520px) { .InnobudsImgSvgtoBmp-container { padding: 16px; } .InnobudsImgSvgtoBmp-dropzone { padding: 50px; } }
    /*svg to bmp ends*/

    /*svg to tiff starts*/

    .InnobudsImgSvgtoTiff-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; }
    .InnobudsImgSvgtoTiff-container h2 { margin-bottom: 16px; color: #333; }
    .InnobudsImgSvgtoTiff-dropzone { border: 2px dashed #f39c12; padding: 55px; margin-bottom: 16px; background: #fff; cursor: pointer; border-radius: 8px; transition: background 0.3s; }
    .InnobudsImgSvgtoTiff-dropzone:hover { background: #fff9f0; }
    .InnobudsImgSvgtoTiff-dropzone p { margin: 0; color: #555; font-size: 16px; }
    #InnobudsImgSvgtoTiffDropZone p{text-align: center !important;}
    .InnobudsImgSvgtoTiff-dropzone input { display: none; }
    .InnobudsImgSvgtoTiff-preview img { width: 100%; height: auto; max-height: 200px; object-fit: contain; border-radius: 6px; margin-bottom: 12px; border: 1px solid #ddd; }
    .InnobudsImgSvgtoTiffdownload-btn{background: #3c75cc !important;}
    .InnobudsImgSvgtoTiff-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; }
    .InnobudsImgSvgtoTiff-btn:hover { background: #d98c0e; }
    .InnobudsImgSvgtoTiff-error { color: red; font-size: 14px; margin-top: 8px; }
    @media (max-width: 520px) { .InnobudsImgSvgtoTiff-container { padding: 16px; } .InnobudsImgSvgtoTiff-dropzone { padding: 50px; } }
    /*svg to tiff ends*/
    /*svg to avif starts*/
    .InnobudsImgSvgtoAvif-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; }
    .InnobudsImgSvgtoAvif-container h2 { margin-bottom: 16px; color: #333; }
    .InnobudsImgSvgtoAvif-dropzone { border: 2px dashed #f39c12; padding: 55px; margin-bottom: 16px; background: #fff; cursor: pointer; border-radius: 8px; transition: background 0.3s; }
    .InnobudsImgSvgtoAvif-dropzone:hover { background: #fff9f0; }
    .InnobudsImgSvgtoAvif-dropzone p { margin: 0; color: #555; font-size: 16px; }
    #InnobudsImgSvgtoAvifDropZone p{text-align: center !important;}
    .InnobudsImgSvgtoAvif-dropzone input { display: none; }
    .InnobudsImgSvgtoAvif-preview img { width: 100%; height: auto; max-height: 200px; object-fit: contain; border-radius: 6px; margin-bottom: 12px; border: 1px solid #ddd; }
    .InnobudsImgSvgtoAvif-download-btn{background: #3c75cc !important;}
    .InnobudsImgSvgtoAvif-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; }
    .InnobudsImgSvgtoAvif-btn:hover { background: #d98c0e; }
    .InnobudsImgSvgtoAvif-error { color: red; font-size: 14px; margin-top: 8px; }
    @media (max-width: 520px) { .InnobudsImgSvgtoAvif-container { padding: 16px; } .InnobudsImgSvgtoAvif-dropzone { padding: 50px; } }
    /*svg to avif ends*/
    /*svg to pdf starts*/
    .InnobudsImgSvgtoPdf-container h2 { margin-bottom: 16px; color: #333; }
    .InnobudsImgSvgtoPdf-dropzone { border: 2px dashed #f39c12; padding: 55px; margin-bottom: 16px; background: #fff; cursor: pointer; border-radius: 8px; transition: background 0.3s; }
    .InnobudsImgSvgtoPdf-dropzone:hover { background: #fff9f0; }
    .InnobudsImgSvgtoPdf-dropzone p { margin: 0; color: #555; font-size: 16px; }
    #InnobudsImgSvgtoPdfDropZone p{text-align: center !important;}
    .InnobudsImgSvgtoPdf-dropzone input { display: none; }
    .InnobudsImgSvgtoPdf-preview img { width: 100%; height: auto; max-height: 200px; object-fit: contain; border-radius: 6px; margin-bottom: 12px; border: 1px solid #ddd; }
    .InnobudsImgSvgtoPdf-download-btn{background: #3c75cc !important;}
    .InnobudsImgSvgtoPdf-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; }
    .InnobudsImgSvgtoPdf-btn:hover { background: #d98c0e; }
    .InnobudsImgSvgtoPdf-error { color: red; font-size: 14px; margin-top: 8px; }
    @media (max-width: 520px) { .InnobudsImgSvgtoPdf-container { padding: 16px; } .InnobudsImgSvgtoPdf-dropzone { padding: 50px; } }
    /*svg to pdf ends*/
    /*image to ascii generator starts*/
    .InnobudsImgSvgtoAscii-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; }
    .InnobudsImgSvgtoAscii-container h2 { margin-bottom: 16px; color: #333; }
    .InnobudsImgSvgtoAscii-dropzone { border: 2px dashed #f39c12; padding: 55px; margin-bottom: 16px; background: #fff; cursor: pointer; border-radius: 8px; transition: background 0.3s; }
    .InnobudsImgSvgtoAscii-dropzone:hover { background: #fff9f0; }
    .InnobudsImgSvgtoAscii-dropzone p { margin: 0; color: #555; font-size: 16px; }
    .InnobudsImgSvgtoAscii-dropzone input { display: none; }
    #InnobudsImgSvgtoAsciiDropZone p{text-align:center !important;}

    .InnobudsImgSvgtoAscii-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; }
    .InnobudsImgSvgtoAscii-preview pre { margin: 0; font-family: "Courier New", monospace; line-height: 1; white-space: pre; font-size: 8px; }

    .InnobudsImgSvgtoAscii-controls {gap:10px; align-items:center; justify-content:center; flex-wrap:wrap; margin-top:12px; }
    .InnobudsImgSvgtoAscii-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; }
    .InnobudsImgSvgtoAscii-btn:hover { background: #d98c0e; }
    .InnobudsImgSvgtoAscii-download-btn{ background:#3c75cc!important; }

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

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

    @media(max-width:520px){
      .InnobudsImgSvgtoAscii-slider { width:160px; }
    }
    /*image to ascii ends*/