*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}#app{width:100vw;height:100vh;background:#333;display:grid;grid-template-columns:1fr;grid-template-rows:48px 1fr;overflow:hidden}#zoom-viewport{width:100%;height:100%}#zoom-viewport,.toolbar{display:flex;justify-content:center;align-items:center}.toolbar button{margin:0 4px;background:none;border:none;outline:none;color:#fff;padding:8px;background-color:hsla(0,0%,100%,.13);width:32px;cursor:pointer;transition:background-color .25s ease-in-out}.toolbar button:focus,.toolbar button:hover{background-color:hsla(0,0%,100%,.3)}.page img{max-width:100%;max-height:100%}