body{
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
body{
margin:0;
background:#f5f7fb;
font-family:Inter,sans-serif;
}

.topbar{
height:70px;
background:#07162f;
display:flex;
align-items:center;
padding:0 20px;
color:white;
font-weight:700;
position:sticky;
top:0;
z-index:999;
box-shadow:0 2px 10px rgba(0,0,0,.1);
}

.topbar img{
height:42px;
margin-right:15px;
}

#pdf-container{
max-width:1100px;
margin:30px auto;
padding:0 20px;
display:flex;
flex-direction:column;
align-items:center;
}

canvas{
display:block;
max-width:100%;
height:auto;
background:white;
margin-bottom:25px;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,.15);

-webkit-user-drag:none;
user-select:none;
}
canvas{
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    pointer-events:none;
}
@media print {

*{
display:none !important;
visibility:hidden !important;
}

}