*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}:root{color:#1d1d1f;background:#fafafa;font-family:system-ui,sans-serif}main{max-width:40rem;margin:3rem auto;padding:0 1rem}.drop-zone{text-align:center;border:2px dashed #9a9aa0;border-radius:.75rem;padding:2.5rem 1rem}.drop-zone.over{background:#eef3fd;border-color:#2f6fde}.link{color:#2f6fde;cursor:pointer;text-decoration:underline}.note{color:#5c5c63;font-size:.9rem}form{grid-template-columns:1fr auto;gap:1rem;margin-top:1.5rem;display:grid}.fields{min-width:0}.fields label{margin-bottom:.75rem;display:block}.fields input{width:100%;padding:.4rem;font-size:1rem;display:block}.cover{text-align:center;margin:0}.cover img{border:1px solid #ccc;max-width:9rem;max-height:12rem}form button{grid-column:1/-1;justify-self:end}button,.button{color:#fff;cursor:pointer;background:#2f6fde;border:0;border-radius:.4rem;padding:.5rem 1.25rem;font-size:1rem;text-decoration:none;display:inline-block}#progress{align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}#progress progress{flex:1}#done{margin-top:1.5rem}.done-file{overflow-wrap:anywhere;margin:0 0 .75rem}.nowrap{white-space:nowrap}@media (width<=30rem){form{grid-template-columns:1fr}.cover{text-align:left;justify-self:start}}.error{color:#b3261e;white-space:pre-line;margin-top:1.5rem}