/* ===== LAYOUT GLOBAL DE L'EDITOR ===== */

/* Reset bāsic */
* {
    box-sizing: border-box;
}

    /* Container principal */
.editor-layout {
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
    width: 100vw !important;
    overflow: hidden !important;
    background: var(--sidebar-bg);
    margin: 0;
    padding: 0;
}

/* 1. Menú principal (dalt de tot, tota l'amplada) */
.editor-layout > nav.editor-menu-bar {
    width: 100% !important;
    flex-shrink: 0 !important;
    order: 1;
}

/* 2. Toolbar (sota el menú, tota l'amplada) */
.editor-layout > .editor-toolbar {
    width: 100% !important;
    flex-shrink: 0 !important;
    order: 2;
}

/* 3. Ārea principal (escenes + contingut) */
.editor-main {
    display: flex !important;
    flex: 1 !important;
    overflow: hidden !important;
    width: 100% !important;
    order: 3;
}

/* 3a. Llista d'escenes (esquerra, amplada fixa) */
.editor-main > .scenes-list {
    flex-shrink: 0 !important;
    order: 1;
}

/* 3b. Ārea dreta (info + editor + cerca) */
.editor-right {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    overflow: hidden !important;
    order: 2;
}

/* 4. Barra d'informaciķ (sobre l'editor) */
.editor-right > .script-info-bar {
    flex-shrink: 0 !important;
    width: 100% !important;
    order: 1;
}

/* 5. Container del canvas (centre, creix) */
.editor-canvas-container {
    flex: 1 !important;
    overflow: auto !important;
    order: 2;
}

/* 6. Panell de cerca (sota del canvas) */
.editor-right > .search-panel {
    flex-shrink: 0 !important;
    width: 100% !important;
    order: 3;
}