nav{height:6rem;display:flex;justify-content:center;align-items:center}body{margin:0;font-family:system-ui,sans-serif}h1{font-family:Noto Sans,sans-serif;font-size:1.25rem;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:#606060}#app{box-sizing:border-box;padding-bottom:2rem;height:calc(100vh - 6rem);display:flex;justify-content:center;gap:1rem}.controls{width:300px;display:none;flex-direction:column;gap:1rem}canvas{display:none}.checks{display:flex;gap:2rem}.loader{align-self:center;width:48px;height:48px;border:5px solid #cfcfcf;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}input[type=file]::file-selector-button{border-radius:4px;padding:0 16px;height:40px;cursor:pointer;background-color:#fff;border:1px solid rgba(0,0,0,.16);box-shadow:0 1px #0000000d;margin-right:16px;transition:background-color .2s}input[type=file]::file-selector-button:hover{background-color:#f3f4f6}input[type=file]::file-selector-button:active{background-color:#e5e7eb}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 768px){#app{flex-direction:column;height:auto;padding:0 1rem}.controls{align-self:center}}