/* Mobile perfect responsive tweaks */
*, *::before, *::after { box-sizing: border-box; }
.webp-converter-container, .converter-box, .webp-block { width: 100%; max-width: 100%; margin: 0 auto; padding: 12px; }
.webp-converter-container img, .converter-box img { max_width: 100%; height: auto; display: block; margin: 0 auto; }
@media (max-width: 900px) {
  .webp-converter-container, .converter-box, .webp-block, .webp-row, .webp-columns, .webp-flex {
    display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important;
    width: 100% !important; margin: 0 auto 16px auto !important; padding: 12px !important; text-align: center !important;
  }
  .webp-converter-container * { max-width: 100% !important; text-align: center !important; }
  .webp-converter-buttons a, .webp-converter-buttons button, input[type="file"], button, a.button {
    width: 100% !important; margin: 8px 0 !important; font-size: 1rem !important;
  }
  .webp-converter-title { font-size: 1.2rem !important; margin-bottom: 8px; }
  .webp-converter-description { font-size: 1rem !important; line-height: 1.4; }
  body { overflow-x: hidden !important; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
}
body { image-rendering: -webkit-optimize-contrast; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }