/* Scoped follow-up: retain the existing theme and make narrow layout independent of lazy CSS arrival order. */
@media (max-width: 1100px) {
  .media-center[data-v-cd9b46b4] .video-script-editor[data-v-29cdbff8] { flex-direction: column; min-height: 0; }
  .media-center[data-v-cd9b46b4] .vse-config[data-v-29cdbff8] { width: 100%; min-width: 0; max-width: none; }
  .media-center[data-v-cd9b46b4] .vse-output[data-v-29cdbff8] { width: 100%; min-width: 0; }
}
@media (max-width: 900px) {
  .media-center.media-center[data-v-cd9b46b4] { width: 100%; max-width: 100%; min-width: 0; height: auto; min-height: 0; }
  .media-center[data-v-cd9b46b4] .mc-header[data-v-cd9b46b4] { height: auto; min-height: 56px; padding: 12px; gap: 10px 12px; flex-wrap: wrap; align-items: center; }
  .media-center[data-v-cd9b46b4] .mc-brand[data-v-cd9b46b4] { flex: 1 1 125px; min-width: 0; gap: 8px; white-space: nowrap; }
  .media-center[data-v-cd9b46b4] .mc-logo[data-v-cd9b46b4] { flex: none; width: 26px; height: 26px; object-fit: contain; }
  .media-center[data-v-cd9b46b4] .mc-title[data-v-cd9b46b4] { white-space: nowrap; line-height: 1.4; }
  .media-center[data-v-cd9b46b4] .mc-actions[data-v-cd9b46b4] { flex: none; gap: 8px; margin-left: auto; }
  .media-center[data-v-cd9b46b4] .mc-ip-switch[data-v-cd9b46b4] { order: 3; flex: 1 0 100%; width: 100%; min-width: 0; gap: 4px; overflow-x: auto; overflow-y: hidden; }
  .media-center[data-v-cd9b46b4] .mc-ip-tab[data-v-cd9b46b4] { flex: 0 0 auto; min-height: 36px; padding: 0 12px; white-space: nowrap; }
  .media-center[data-v-cd9b46b4] .mc-tabs[data-v-cd9b46b4] { flex: none; height: 46px; padding: 0 8px; overflow-x: auto; overflow-y: hidden; }
  .media-center[data-v-cd9b46b4] .mc-tab[data-v-cd9b46b4] { flex: 0 0 auto; padding: 0 12px; white-space: nowrap; }
  .media-center[data-v-cd9b46b4] .mc-main[data-v-cd9b46b4] { flex: none; min-width: 0; padding: 12px 4px; overflow: visible; }
  .media-center[data-v-cd9b46b4] .pipeline-bar[data-v-a517b401] { flex: none; min-width: 0; height: auto; min-height: 40px; padding: 6px 8px; gap: 8px; }
  .media-center[data-v-cd9b46b4] .pipeline-bar[data-v-a517b401] .pb-items[data-v-a517b401] { flex: 1 1 0; min-width: 0; gap: 14px; overflow-x: auto; overflow-y: hidden; padding-bottom: 2px; }
  .media-center[data-v-cd9b46b4] .pipeline-bar[data-v-a517b401] .pb-item[data-v-a517b401] { flex: 0 0 auto; gap: 6px; white-space: nowrap; }
  .media-center[data-v-cd9b46b4] .pipeline-bar[data-v-a517b401] .pb-label[data-v-a517b401],
  .media-center[data-v-cd9b46b4] .pipeline-bar[data-v-a517b401] .pb-value[data-v-a517b401] { flex: none; white-space: nowrap; }
  .media-center[data-v-cd9b46b4] .pipeline-bar[data-v-a517b401] .pb-detail-btn[data-v-a517b401] { flex: none; min-height: 28px; white-space: nowrap; }
  .media-center[data-v-cd9b46b4] .media-production[data-v-f52cedd3] { width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: 0; box-sizing: border-box; }
  .media-center[data-v-cd9b46b4] .media-production[data-v-f52cedd3] .nav-container[data-v-f52cedd3] { padding: 8px 4px; min-width: 0; }
  .media-center[data-v-cd9b46b4] .media-production[data-v-f52cedd3] .workspace-body[data-v-f52cedd3] { padding: 12px 4px; min-width: 0; }
}
@media (max-width: 600px) {
  .media-center[data-v-cd9b46b4] .mc-header[data-v-cd9b46b4] { padding: 10px 8px; gap: 8px; }
  .media-center[data-v-cd9b46b4] .mc-title[data-v-cd9b46b4] { font-size: 16px; }
  .media-center[data-v-cd9b46b4] .mc-ip-tab[data-v-cd9b46b4] { padding: 0 10px; }
  .media-center[data-v-cd9b46b4] .mc-main[data-v-cd9b46b4] { padding: 8px 0; }
  .media-center[data-v-cd9b46b4] .media-production[data-v-f52cedd3] .nav-container[data-v-f52cedd3] { padding: 8px 0; }
  .media-center[data-v-cd9b46b4] .media-production[data-v-f52cedd3] .workspace-body[data-v-f52cedd3] { padding: 12px 0; }
  .media-center[data-v-cd9b46b4] .draftbox[data-v-f52cedd3] { width: 100%; max-width: 100%; box-sizing: border-box; padding: 16px 10px; }
  .media-center[data-v-cd9b46b4] .draftbox-card[data-v-f52cedd3] { min-width: 0; }
  .media-center[data-v-cd9b46b4] .production-actions-main[data-v-f52cedd3] { min-width: 0; }
  .media-center[data-v-cd9b46b4] .production-actions-main[data-v-f52cedd3] > .el-button { flex: 1 1 115px; min-width: 0; margin-left: 0; white-space: normal; line-height: 1.4; }
}