/* static/style.css - helpers (Tailwind handles main styling) */
.tab { display: block; }
.tab.hidden { display: none; }
.tab-btn.active { background: rgba(8,145,178,0.08); box-shadow: 0 6px 18px rgba(2,6,23,0.6); }
#toast { z-index: 9999; }

/* make file inputs look tidy on small screens */
@media (max-width: 640px) {
  .max-w-4xl { max-width: 100% !important; padding: 0 12px; }
}

/* Drop-zone hover focus */
#carrier_drop:hover, #carrier_drop:focus,
#stego_drop:hover, #stego_drop:focus {
  background: rgba(2,6,23,0.4);
}