/* ==========================================================================
   Sdílené barvy a rozměry editorů (video editor .ve, editor obrázků .stu)
   ==========================================================================
   Editory jsou ve stejných barvách jako zbytek aplikace (světlé, růžový akcent, tytéž proměnné z acc.css) a běží uvnitř
   aplikace: nahoře horní lišta s kredity a účtem, vlevo menu. Tady jsou jen názvy, které sdílí video.css a studio-shell.css,
   aby oba editory vypadaly a seděly stejně. Monitor videa a plátno obrázku zůstávají neutrálně tmavé nebo šedé, aby barvy
   obsahu nebyly ovlivněné okolím.
   ========================================================================== */

:root {
    --editor-vyska-lisly: 64px;   /* výška horní lišty aplikace (.topbar v acc.css) */
}

.ve,
.studio-editor-main {
    --ve-bg: var(--bg);
    --ve-panel: var(--bg-card);
    --ve-panel-2: #f1f5f9;
    --ve-panel-3: #e2e8f0;
    --ve-line: var(--border);
    --ve-text: var(--text);
    --ve-muted: var(--text-muted);
    --ve-accent: var(--primary);
    --ve-accent-soft: var(--primary-light);
    --ve-clip: #34435b;
    --ve-voice: #2a9d8f;
    --ve-music: #7a5ad6;
    --ve-nature: #4c9a48;
    --ve-sfx: #d4872a;
    --ve-lane: #f1f5f9;
    --ve-tick: #cbd5e1;
    --ve-tick-big: #94a3b8;
}

/* Rozložení v aplikaci: editor vyplní plochu vedle menu a pod horní lištou (menu i lišta zůstávají vidět a fungují). */
.ve {
    position: fixed;
    top: var(--editor-vyska-lisly);
    right: 0;
    bottom: 0;
    left: var(--sidebar-w, 0px);
    z-index: 60;
    transition: left var(--transition-base);
}

.studio-editor-main {
    height: calc(100vh - var(--editor-vyska-lisly));
}

@media (max-width: 1024px) {
    .ve {
        left: 0;
    }
}