body{
    margin:0;
    font-family:Arial, sans-serif;
    background:#e7dcc8;
}

/* APP WRAPPER */
#app{
    width:100%;
    min-height:100vh;
}

/* HEADER */
header{
    display:flex;
    justify-content:space-between;
    padding:10px 20px;
    background:#3f2a1a;
    color:white;
}

/* MAIN */
main{
    width:100%;
    padding:15px;
}

/* TOOLBAR */
#formatbar{
    width:100%;
    max-width:1100px;
    margin:0 auto 10px auto;
    padding:10px;
    background:#3f2a1a;
    color:white;
}

/* BUTTONS */
#formatbar button{
    margin:3px;
}

/* BOOK WRAPPER (WICHTIG) */
#book{
    display:flex;
    justify-content:center;
    align-items:stretch;
    width:100%;
    max-width:1100px;
    margin:0 auto;
    gap:10px;
}

/* LEFT / RIGHT FIX */
#left, #right{
    flex:1;
    display:flex;
}

/* PAPER = stabile Seiten */
.paper{
    width:100%;
    height:600px;
    background:white;
    box-shadow:0 5px 20px rgba(0,0,0,0.15);
    padding:20px;
    box-sizing:border-box;
    overflow:hidden;
}

/* EDITOR */
.editor{
    width:100%;
    height:100%;
    outline:none;
    overflow:auto;
}

/* SPINE */
#spine{
    width:30px;
}

/* FOOTER */
footer{
    display:flex;
    justify-content:center;
    gap:10px;
    padding:10px;
    background:#3f2a1a;
    color:white;
}