@media (max-width: 1220px) {
  .app, .app-grid {
    grid-template-columns: minmax(0, 1.45fr) 440px;
  }
}

@media (max-width: 980px) {
  body { padding: 10px; }

  .app, .app-grid {
    grid-template-columns: 1fr;
  }

  .control-sidebar {
    max-height: none;
    overflow: visible;
  }

  .sidebar-scroll {
    overflow: visible;
  }
}

@media (max-width: 720px) {
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  input, select, textarea { font-size: 16px !important; }
  .video-card, .player-card { min-height: 0; }
  .player-shell { min-height: 0; height: auto; aspect-ratio: 16 / 9; }
  .iframe-wrap, iframe, .empty { min-height: 0; width: 100%; height: 100%; }

  .adblock-banner {
    align-items: flex-start;
  }

  .shield-icon { display: none; }
}