/* ====================== LAYOUT RACINE ====================== */
#layout {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* ====================== BACK ====================== */
#back {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

/* Le reste du CSS (work, buttons, dialog, etc.) reste identique à ta version originale pour l’instant */

#work {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--work-bg);
    padding: var(--work-padding-y) var(--work-padding-x);
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    scrollbar-width: none;
}

#work::-webkit-scrollbar {
    display: none;
}

/* ... (autres règles à venir) */