/* Mobile Responsive Fixes */
@media (max-width: 768px) {
  /* Container padding */
  .max-w-6xl {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  
  /* Input and button container */
  .flex.gap-4.mb-6 {
    flex-direction: column !important;
    gap: 0.75rem !important;
  }
  
  /* Input field mobile */
  .flex-1.p-4 {
    padding: 0.875rem !important;
    font-size: 1rem !important;
  }
  
  /* Analyze button mobile */
  .bg-indigo-600.hover\\:bg-indigo-700 {
    width: 100% !important;
    padding: 0.875rem 1.5rem !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
  }
  
  /* Dropdown mobile */
  .dropdown-toggle {
    padding: 0.875rem 1rem !important;
    font-size: 1rem !important;
  }
  
  /* Grid responsive */
  .grid.lg\\:grid-cols-12 {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }
  
  /* Cards mobile */
  .bg-white.rounded-2xl {
    margin-bottom: 1rem !important;
  }
  
  /* Style selection grid */
  .grid.grid-cols-1.sm\\:grid-cols-2.lg\\:grid-cols-3 {
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
  }
  
  /* Generated images grid */
  .grid.grid-cols-1.sm\\:grid-cols-2.lg\\:grid-cols-3.gap-4 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.5rem !important;
  }
  
  /* Install banner mobile */
  #install-banner {
    left: 0.5rem !important;
    right: 0.5rem !important;
    bottom: 0.5rem !important;
    padding: 0.75rem !important;
  }
  
  #install-banner .font-bold {
    font-size: 0.875rem !important;
  }
  
  #install-banner .text-xs {
    font-size: 0.75rem !important;
  }
  
  /* Header mobile */
  .h-16 {
    height: 3.5rem !important;
  }
  
  .text-xl.font-bold {
    font-size: 1.125rem !important;
  }
  
  /* Format selector mobile */
  .format-selector .grid {
    grid-template-columns: 1fr !important;
    gap: 0.5rem !important;
  }
  
  .format-option {
    padding: 0.75rem !important;
  }
  
  /* Generated images for story format */
  .aspect-\\[9\\/16\\] {
    aspect-ratio: 9/16 !important;
  }
}
