/* Style général */
body {
    margin: 0;
    font-family: 'MS Sans Serif', 'Arial', sans-serif; /* Police Windows 98 */
    height: 100vh;
    background-color: #008080; /* Couleur du bureau */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Mise en page principale */
#main-layout {
    width: 90%;
    height: 90%;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
}

/* Toolbar vertical */
#toolbar-vertical .window-body {
    display: flex;
    flex-direction: column;
    padding: 5px;
}

#export-btn {
    margin-top: auto; /* Pousse le bouton en bas du conteneur */
}


#toolbar-vertical button {
    margin-bottom: 5px;
}

/* Barre horizontale */
#toolbar-horizontal {
    display: flex;
    align-items: center;
    background-color: #c0c0c0;
    border: 2px solid #808080;
    padding: 5px;
}

#toolbar-horizontal input,
#toolbar-horizontal select {
    margin-right: 10px;
}

/* Canvas SVG */
/* Canvas SVG */
#drawing-canvas {
    border: 2px solid #000; /* Bordure noire pour le canvas */
    background-color: #fff; /* Fond blanc */
    width: 100%; /* Prend toute la largeur du conteneur */
    height: 100%; /* Prend toute la hauteur du conteneur */
}

/* Conteneur pour le canvas */
#canvas-container {
    flex-grow: 1; /* Prend tout l'espace restant dans la disposition flex */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px; /* Espacement intérieur */
    background-color: #c0c0c0; /* Couleur de fond grise (style Windows 98) */
    width: calc(100vw - 270px); /* S'adapte à l'écran moins la barre verticale */
    height: calc(100vh - 210px); /* S'adapte à l'écran moins la barre horizontale */
    box-sizing: border-box; /* Inclure la bordure et le padding dans les calculs */
}