body {
  font-family: "Inter", sans-serif;
}

/* Style for the drop zone when a file is being dragged over it */
#drop-zone.dragover {
  border-color: #4f46e5; /* indigo-600 */
  background-color: #eef2ff; /* indigo-100 */
}

/* Responsive Ad Container */
.responsive-ad img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

/*
  A utility class for the CSS isolation property.
  This forces an element to create a new stacking context, preventing
  child elements (like the video player) from breaking out and
  appearing above sibling elements (like the sticky header).
*/
.isolate {
  isolation: isolate;
}