/* ============================================================
   video-editor.css — /video-edit. Общие .ie-* стили берём из
   image-editor.css (единый вид). Здесь — только видео-специфика.
   ============================================================ */
body[data-page="video-edit"] .composer-wrap,
body[data-page="video-edit"] .studio-empty { display: none !important; }

/* бейдж NEW/TOP на табах */
.ce-tab-badge { font-size: 8.5px; font-weight: 800; letter-spacing: .04em; color: #fff; background: var(--pink, #FF5097); border-radius: 5px; padding: 1px 5px; line-height: 1.5; }
.ie-tab.on .ce-tab-badge { background: var(--accent-ink, #1a1f05); color: var(--accent, #E4F482); }

/* превью входа (фото/видео) */
.ve-stage { position: relative; display: inline-flex; flex-direction: column; align-items: center; gap: 12px; line-height: 0; }
.ve-media { display: block; max-width: 100%; max-height: 60vh; width: auto; height: auto; border-radius: 12px; background: #000; }
.ve-change { display: inline-flex; align-items: center; gap: 7px; background: rgba(255,255,255,.05); border: 1px solid var(--line, rgba(255,255,255,.1)); color: var(--text-2, #c7c7cf); border-radius: 11px; padding: 9px 16px; font-family: inherit; font-weight: 600; font-size: 13px; cursor: pointer; line-height: 1; }
.ve-change:hover { background: rgba(255,255,255,.09); color: var(--text, #fff); }
.ve-change svg { width: 15px; height: 15px; }

/* аудио в панели */
.ve-audio-on { display: flex; align-items: center; gap: 8px; background: rgba(228,244,130,.1); border: 1px solid rgba(228,244,130,.3); border-radius: 10px; padding: 9px 11px; color: var(--text, #fff); font-size: 12.5px; }
.ve-audio-on svg { width: 16px; height: 16px; color: var(--accent, #E4F482); flex: none; }
.ve-audio-on span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ve-audio-x { flex: none; border: 0; background: transparent; color: var(--text-3, #8a8a93); font-size: 17px; line-height: 1; cursor: pointer; }

/* результат-видео */
.ve-result-media { max-width: 100%; max-height: 62vh; border-radius: 14px; background: #000; }

/* центрирование блока загрузки/превью в центре (как #ie-canvas) — фикс «прижато влево» */
#ve-canvas { display: flex; align-items: center; justify-content: center; min-height: 56vh; }
@media (max-width: 900px) { #ve-canvas { min-height: 42vh; } }