body{
    margin:0;
    padding:0;
    background:#1c1c1c;
    overflow:hidden;
    font-family:Arial;
}

.topbar{
    width:100%;
    height:60px;
    background:#111;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 20px;
    box-sizing:border-box;
    color:#fff;
}

.logo{
    font-size:22px;
    font-weight:bold;
}

.controls button,
.controls input{
    margin-left:10px;
}

button{
    padding:10px 15px;
    border:none;
    background:#007bff;
    color:white;
    border-radius:5px;
    cursor:pointer;
}

button:hover{
    background:#0056b3;
}

#flipbook-container{
    width:100%;
    height:calc(100vh - 60px);
    display:flex;
    justify-content:center;
    align-items:center;
}

#flipbook{
    width:900px;
    height:600px;
}

#flipbook .page{
    background:white;
    overflow:hidden;
}

#flipbook canvas{
    width:100%;
    height:100%;
}