/* Scoped to the production subtitle editor (Detail.vue: data-v-e6789859). */
@media (max-width: 767px), (max-width: 1024px) and (max-height: 520px) and (orientation: landscape) {
  .video-editor-view[data-v-e6789859] {
    width: 100%;
    max-width: 100vw;
    min-width: 0;
    box-sizing: border-box;
  }

  .editor-shell[data-v-e6789859] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .top-section[data-v-e6789859] {
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .global-actions[data-v-e6789859],
  .preview-panel[data-v-e6789859],
  .transport-row[data-v-e6789859],
  .timeline-panel[data-v-e6789859],
  .mobile-workspace-nav[data-v-e6789859] {
    min-width: 0;
    max-width: 100%;
  }

  .timeline-panel[data-v-e6789859] .timeline-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    grid-template-rows: auto auto;
    min-width: 0;
    max-width: 100%;
  }

  .timeline-panel[data-v-e6789859] .mobile-dl-subtitle-btn {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
  }

  .timeline-panel[data-v-e6789859] .transport-buttons {
    grid-column: 2;
    grid-row: 1;
  }

  .timeline-panel[data-v-e6789859] .clip-actions {
    grid-column: 3;
    grid-row: 1;
    justify-content: flex-end;
  }

  .timeline-panel[data-v-e6789859] .toolbar-right {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100% !important;
    justify-content: center !important;
  }
}

@media (max-width: 480px) and (orientation: portrait) {
  .global-actions[data-v-e6789859] {
    flex-wrap: wrap !important;
  }

  .brand-slot[data-v-e6789859],
  .header-actions[data-v-e6789859] {
    flex: 1 1 100% !important;
    min-width: 0;
  }

  .header-actions[data-v-e6789859] {
    margin-left: 0 !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    row-gap: 5px;
  }

  .mobile-project-name[data-v-e6789859] {
    max-width: calc(100vw - 90px) !important;
  }
}