/* MediaCenterV3.vue data-v-cd9b46b4 */

.media-center[data-v-cd9b46b4], .mc-main[data-v-cd9b46b4] { min-width: 0;
}
.mc-header[data-v-cd9b46b4], .mc-tabs[data-v-cd9b46b4] { flex-shrink: 0;
}
.mc-tabs[data-v-cd9b46b4] { overflow-x: auto; overflow-y: hidden;
}
.mc-tab[data-v-cd9b46b4] { flex: 0 0 auto; white-space: nowrap;
}
@media (max-width: 900px) {
.mc-header[data-v-cd9b46b4] { height: auto; min-height: 56px; padding: 12px 16px; gap: 10px 16px; flex-wrap: wrap;
}
.mc-brand[data-v-cd9b46b4] { flex: 1; min-width: 0; white-space: nowrap;
}
.mc-actions[data-v-cd9b46b4] { margin-left: auto;
}
.mc-ip-switch[data-v-cd9b46b4] { order: 3; flex: 1 0 100%; overflow-x: auto;
}
.mc-ip-tab[data-v-cd9b46b4] { flex: 1 0 auto; white-space: nowrap; min-height: 38px; padding: 0 12px;
}
.mc-tabs[data-v-cd9b46b4] { height: 46px; padding: 0 12px;
}
.mc-tab[data-v-cd9b46b4] { padding: 0 12px;
}
.mc-main[data-v-cd9b46b4] { padding: 16px 12px;
}
}
@media (max-width: 600px) {
.media-center[data-v-cd9b46b4] { height: 100dvh;
}
.mc-title[data-v-cd9b46b4] { font-size: 17px;
}
.mc-main[data-v-cd9b46b4] { padding: 12px 8px;
}
.mc-icon-btn[data-v-cd9b46b4] { min-width: 28px; min-height: 28px;
}
}


/* MediaProduction.vue data-v-f52cedd3 */

.production-actions[data-v-f52cedd3], .production-actions-main[data-v-f52cedd3] { display: flex; align-items: center; gap: var(--space-2, 8px); flex-wrap: wrap;
}
.production-actions[data-v-f52cedd3] { justify-content: space-between; margin-bottom: var(--space-3, 12px);
}
.draftbox-cards[data-v-f52cedd3] { display: none;
}
.media-production[data-v-f52cedd3], .workspace-body[data-v-f52cedd3], .nav-container[data-v-f52cedd3] { min-width: 0;
}
.category-bar[data-v-f52cedd3], .workspace-tab-bar[data-v-f52cedd3] { overflow-x: auto; overflow-y: hidden;
}
.category-pill[data-v-f52cedd3], .workspace-tab[data-v-f52cedd3] { flex: 0 0 auto; white-space: nowrap;
}
@media (max-width: 900px) {
.nav-container[data-v-f52cedd3] { padding: 10px 12px;
}
.workspace-tab .tab-desc[data-v-f52cedd3] { display: none;
}
.workspace-body[data-v-f52cedd3] { padding: 16px 12px;
}
}
@media (max-width: 600px) {
.production-actions[data-v-f52cedd3] { align-items: stretch; gap: 8px;
}
.production-actions-main[data-v-f52cedd3] { width: 100%; gap: 6px;
}
.production-actions-main[data-v-f52cedd3] .el-button { flex: 1; margin-left: 0; min-height: 40px; padding: 0 8px;
}
.production-actions[data-v-f52cedd3] >  .el-button { min-height: 36px;
}
.workspace-body[data-v-f52cedd3] { padding: 16px 8px;
}
.category-pill[data-v-f52cedd3], .workspace-tab[data-v-f52cedd3] { min-height: 40px;
}
.draftbox[data-v-f52cedd3] { padding: 16px 12px;
}
.draftbox-table[data-v-f52cedd3] { display: none;
}
.draftbox-cards[data-v-f52cedd3] { display: grid;
}
.draftbox-card[data-v-f52cedd3] { padding: 16px 0; border-top: 1px solid var(--neutral-150, #eaeaec); min-width: 0;
}
.draftbox-card-top[data-v-f52cedd3] { display: flex; gap: 10px; align-items: flex-start;
}
.draftbox-card-top[data-v-f52cedd3] .el-checkbox { flex: none; height: 28px;
}
.draftbox-card h3[data-v-f52cedd3] { margin: 0; font-size: 15px; line-height: 1.7; font-weight: 600; overflow-wrap: anywhere;
}
.draftbox-card-meta[data-v-f52cedd3] { display: flex; flex-wrap: wrap; gap: 4px 12px; color: var(--text-tertiary, #71717a); font-size: 12px; line-height: 1.8; margin-top: 8px;
}
.draftbox-card-source[data-v-f52cedd3] { color: var(--text-secondary, #52525b); font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; margin: 8px 0;
}
.draftbox-card-actions[data-v-f52cedd3] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 12px;
}
.draftbox-card-actions .op-btn[data-v-f52cedd3] { min-height: 40px; padding: 0 14px;
}
.draftbox-card-empty[data-v-f52cedd3] { font-size: 13px; color: var(--text-tertiary, #71717a); padding: 20px 0;
}
.script-diff-panel[data-v-f52cedd3] { grid-template-columns: minmax(0, 1fr); max-height: none;
}
}



/* VideoScriptEditor.vue data-v-29cdbff8 */


/* Keep the production steps intact; change only their arrangement on narrow screens. */
.vse-output-tools[data-v-29cdbff8] { display: flex; gap: var(--space-2); align-items: center; flex-shrink: 0;
}
@media (max-width: 1100px) {
.video-script-editor[data-v-29cdbff8] { flex-direction: column; min-height: 0;
}
.vse-config[data-v-29cdbff8] { width: 100%; min-width: 0; max-width: none;
}
.vse-output[data-v-29cdbff8] { width: 100%; min-width: 0;
}
}
@media (max-width: 600px) {
.video-script-editor[data-v-29cdbff8] { gap: 20px;
}
.vse-config[data-v-29cdbff8] { padding: 16px 12px;
}
.vse-config-title[data-v-29cdbff8], .vse-output-header[data-v-29cdbff8], .vse-quality-head[data-v-29cdbff8], .vse-refine-head[data-v-29cdbff8], .vse-version-item[data-v-29cdbff8] { flex-wrap: wrap; gap: 8px;
}
.vse-output-header > div[data-v-29cdbff8]:first-child { flex-basis: 100% !important;
}
.vse-output-tools[data-v-29cdbff8] { flex-wrap: wrap; width: 100%; min-width: 0; gap: 8px;
}
.vse-output-tools[data-v-29cdbff8] .el-button { margin-left: 0; min-height: 40px;
}
.vse-output-tools .vse-stats[data-v-29cdbff8] { flex-basis: 100%;
}
.vse-config[data-v-29cdbff8] .el-radio-group { display: flex; flex-wrap: wrap; gap: 4px;
}
.vse-config[data-v-29cdbff8] .el-radio-button__inner { min-height: 36px;
}
.vse-config[data-v-29cdbff8] .el-select { max-width: 100%;
}
.vse-upload-row[data-v-29cdbff8] { flex-wrap: wrap;
}
.vse-upload-row > span[data-v-29cdbff8] { flex-basis: 100%; line-height: 1.7;
}
.vse-actions[data-v-29cdbff8] { flex-wrap: wrap;
}
.vse-step-btn[data-v-29cdbff8], .vse-refine[data-v-29cdbff8] .el-button, .vse-version-item[data-v-29cdbff8] .el-button { min-height: 40px;
}
.vse-version-note[data-v-29cdbff8] { flex: 1 1 170px; min-width: 0; overflow-wrap: anywhere;
}
.vse-steps[data-v-29cdbff8] { overflow-x: auto; flex: none; min-height: 44px;
}
.vse-step-node[data-v-29cdbff8] { flex: 0 0 auto; white-space: nowrap;
}
.vse-step-line[data-v-29cdbff8] { min-width: 18px;
}
.vse-variant-grid[data-v-29cdbff8] { grid-template-columns: minmax(0, 1fr);
}
.vse-refine[data-v-29cdbff8], .vse-quality[data-v-29cdbff8] { padding: 14px 12px;
}
.vse-section[data-v-29cdbff8] { padding: 12px;
}
.vse-section-text[data-v-29cdbff8] { font-size: 15px; line-height: 1.9; overflow-wrap: anywhere;
}
.vse-batch-cfg-row[data-v-29cdbff8], .vse-batch-result-head[data-v-29cdbff8], .vse-batch-dlg-head[data-v-29cdbff8], .vse-batch-hist-item[data-v-29cdbff8] { flex-wrap: wrap;
}
.vse-batch-cfg-label[data-v-29cdbff8] { width: 100%;
}
.vse-script-dialog[data-v-29cdbff8] { margin-top: 4vh; max-height: 92dvh; overflow-y: auto;
}
.vse-topic-script-layout[data-v-29cdbff8] { flex-direction: column;
}
.vse-topic-script-list[data-v-29cdbff8] { width: 100% !important; max-height: 160px !important; border-right: 0 !important; border-bottom: 1px solid var(--border-default, #eee); padding: 0 0 12px !important;
}
.vse-topic-script-actions[data-v-29cdbff8] { flex-wrap: wrap;
}
}



/* VideoScriptEditor.vue data-v-29cdbff8 */

@media (max-width: 600px) {
.vse-script-dialog.el-dialog { display: flex; flex-direction: column; margin-top: 4vh; margin-bottom: 4vh; max-height: 92dvh; overflow: hidden;
}
.vse-script-dialog .el-dialog__header, .vse-script-dialog .el-dialog__footer { flex: none;
}
.vse-script-dialog .el-dialog__body { min-height: 0; overflow-y: auto; overscroll-behavior: contain;
}
.vse-script-dialog .el-dialog__footer .el-button { min-height: 40px;
}
.vse-script-dialog .vse-batch-ip-badge { white-space: nowrap; display: inline-flex;
}
}