#yic-image-converter-container{font-family:'Poppins',sans-serif;max-width:900px;margin:40px auto;padding:35px;border-radius:16px;background-color:#f7f9fd;box-shadow:0 12px 30px rgb(0 0 0 / .12);overflow:hidden;position:relative}#yic-image-converter-container h3{text-align:center;color:#2c3e50;margin-bottom:30px;font-size:1.8em;font-weight:700;letter-spacing:-.8px;position:relative;padding-bottom:10px}#yic-image-converter-container h3::after{content:'';display:block;width:60px;height:3px;background:linear-gradient(to right,#6a82fb,#fc5c7d);margin:10px auto 0;border-radius:2px}.yic-upload-area{text-align:center;margin-bottom:35px;padding:45px 30px;border:3px dashed #a7bcfd;border-radius:15px;background:linear-gradient(135deg,#eef5ff,#f7faff);transition:all 0.4s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.yic-upload-area.yic-drag-over{border-color:#4CAF50;background-color:#e8f5e9;box-shadow:0 0 25px rgb(76 175 80 / .4);transform:scale(1.02)}.yic-upload-area:hover{border-color:#8a9afc;background:linear-gradient(135deg,#e0ecff,#edf4ff);transform:translateY(-5px);box-shadow:0 10px 25px rgb(138 154 252 / .3)}.yic-upload-area p{color:#6a7c8e;margin-top:20px;font-size:1em;line-height:1.5}#yic-image-upload{display:none}.yic-upload-button{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(to right,#6a82fb,#fc5c7d);color:#fff;padding:15px 30px;border-radius:10px;cursor:pointer;font-size:1.15em;font-weight:600;transition:all 0.3s ease;box-shadow:0 6px 15px rgb(106 130 251 / .4);margin-top:15px;position:relative;overflow:hidden}.yic-upload-button::before{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgb(255 255 255 / .3);border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:1;transition:transform 0.5s ease,opacity 0.5s ease}.yic-upload-button:hover::before{transform:translate(-50%,-50%) scale(15);opacity:0}.yic-upload-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgb(106 130 251 / .6);background:linear-gradient(to right,#5c74f5,#f54b6c)}.yic-preview-area{margin-top:40px;padding-top:30px;border-top:1px dashed #e0e0e0}#yic-image-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:25px;margin-bottom:35px}.yic-no-images-message{text-align:center;color:#95a5a6;padding:35px;border:2px dashed #eceff1;border-radius:10px;background-color:#fcfdfe;font-style:italic;font-size:1.15em;grid-column:1 / -1}.yic-image-preview-item{border:1px solid #eef2f6;padding:20px;border-radius:12px;text-align:center;background-color:#fff;box-shadow:0 5px 18px rgb(0 0 0 / .06);display:flex;flex-direction:column;justify-content:space-between;transition:transform 0.3s ease,box-shadow 0.3s ease}.yic-image-preview-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgb(0 0 0 / .1)}.yic-image-preview-item img{max-width:100%;height:auto;display:block;margin:0 auto 18px;border-radius:8px;max-height:110px;object-fit:contain;border:1px solid #f5f5f5}.yic-image-preview-item p{font-size:.9em;word-break:break-all;color:#4a637d;margin:0;font-weight:500}.yic-conversion-options{text-align:center;margin-top:40px;padding:30px;background-color:#e6f7ff;border-radius:12px;border:1px solid #cef;display:flex;flex-direction:column;align-items:center;gap:25px;box-shadow:0 6px 18px rgb(0 150 255 / .1)}.yic-conversion-options h3{margin-bottom:18px}#yic-conversion-format{padding:14px 20px;border-radius:10px;border:1px solid #a0d3f7;background-color:#fff;font-size:1.1em;color:#34495e;min-width:200px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777' width='24px' height='24px'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;cursor:pointer;transition:border-color 0.3s ease,box-shadow 0.3s ease;box-shadow:0 2px 8px rgb(0 0 0 / .08)}#yic-conversion-format:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 4px rgb(0 123 255 / .3)}#yic-convert-button{background:linear-gradient(to right,#2ecc71,#27ae60);color:#fff;padding:16px 35px;border:none;border-radius:10px;cursor:pointer;font-size:1.2em;font-weight:700;transition:all 0.3s ease;box-shadow:0 8px 20px rgb(46 204 113 / .4);text-transform:uppercase;letter-spacing:.5px}#yic-convert-button:hover{background:linear-gradient(to right,#27ae60,#229954);transform:translateY(-4px);box-shadow:0 10px 25px rgb(46 204 113 / .6)}#yic-convert-button:disabled{background:#bdc3c7;cursor:not-allowed;box-shadow:none;transform:none}#yic-messages{margin-top:35px;padding:18px;border-radius:10px;font-weight:600;text-align:center;display:none;border:1px solid #fff0;animation:fadeIn 0.5s ease-out}#yic-messages.yic-message{display:block}#yic-messages[style*="background-color: rgb(224, 242, 247)"]{background-color:#e3f2fd!important;color:#1976d2!important;border-color:#90caf9!important}#yic-messages[style*="background-color: rgb(255, 204, 203)"]{background-color:#ffebee!important;color:#c62828!important;border-color:#ef9a9a!important}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){#yic-image-converter-container{max-width:700px;padding:30px}}@media (max-width:768px){#yic-image-converter-container{max-width:100%;margin-left:15px;margin-right:15px;padding:25px}#yic-image-previews{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.yic-image-preview-item img{max-height:90px}.yic-conversion-options{padding:20px;gap:20px}}@media (max-width:480px){#yic-image-converter-container{padding:20px;margin:20px auto}.yic-upload-area{padding:25px 15px}.yic-upload-button{font-size:1em;padding:12px 20px}.yic-image-preview-item{padding:10px}.yic-image-preview-item img{max-height:80px;margin-bottom:10px}#yic-conversion-format{font-size:.95em;padding:10px 15px;min-width:unset;width:100%}#yic-convert-button{font-size:1.05em;padding:12px 25px}}