body{

margin:0;
font-family:Arial;
background:#1a1a1a;
color:white;

display:flex;
flex-direction:column;
height:100vh;

}


/* HEADER */

.topbar{

height:60px;
background:#000;

display:flex;
align-items:center;
justify-content:space-between;

padding:0 20px;

}

.logo{

font-size:22px;
font-weight:bold;

}

.issue-title{

font-size:14px;
opacity:0.8;

}


/* TOOLBAR */

.toolbar{

height:50px;
background:#222;

display:flex;
align-items:center;
justify-content:center;
gap:20px;

}

.toolbar button{

padding:8px 14px;
border:none;
background:#444;
color:white;
cursor:pointer;

}

.toolbar button:hover{

background:#666;

}


/* VIEWER */

.viewer{

flex:1;

display:flex;
align-items:center;
justify-content:center;

overflow:hidden;

}


/* FLIPBOOK */

#book{

height:100%;

}


/* FOOTER */

.footer{

height:40px;
background:#000;

display:flex;
align-items:center;
justify-content:center;

font-size:12px;

}