:root{font-synthesis:none;touch-action:manipulation;font-smooth:always}body *{box-sizing:border-box;touch-action:manipulation}body{position:relative;margin:0;font-family:system-ui,sans-serif;font-size:13px;width:100vw;height:100svh}h3{margin-block:.8rem 0}p{margin:0}button{border-radius:4px;border:1px solid #444;background-color:#333;color:#f8f8f8;white-space:nowrap;font-weight:600;cursor:pointer;font-size:.82rem;padding-inline:.75rem;padding-block:.5rem}button:hover{background-color:#fff;color:#333}button:active{border-color:#333}label{color:#555}main{max-width:444px;margin-inline:auto;padding-inline:.75rem;padding-block-end:1rem}main>div:first-child{display:flex;flex-direction:column;gap:.5rem}.logo__img{object-fit:contain}.pdf__viewerContainer{display:flex;flex-direction:column;gap:.5rem;padding:.25rem;border-radius:4px;border:1px solid #ddd}.pdf__canvasControls{position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-content:center;gap:.5rem}.pdf__canvasControls span{display:flex}.pdf__canvasControls span:nth-child(2){justify-content:center;color:#888}.pdf__canvasControls span:nth-child(2) p{font-size:.72rem}.pdf__canvasControls span:last-of-type{display:flex;justify-content:flex-end}.pdf__dialogBtn{width:100%;padding-block:1rem}.pdf__canvasContainer{overflow:hidden;display:grid;place-items:center;aspect-ratio:70/96}dialog{margin:0;padding:0;border:none;width:100%;max-width:100vw;min-height:100dvh;background-color:transparent;overflow:hidden}.dialog__container{background-color:#f8f8f8;border-top-right-radius:8px;border-top-left-radius:8px;display:flex;flex-direction:column;gap:.5rem;position:absolute;bottom:0;width:100%;padding:.5rem}.dialog__container>button{width:100%;padding-block:1rem;margin-block-start:.5rem;text-transform:uppercase}#dialog__canvas{width:100%;height:auto;aspect-ratio:9/5;border-radius:4px;border:1px solid #ddd}@media screen and (min-width: 480px){main{max-width:444px}.pdf__canvasContainer{aspect-ratio:70/90}}