:root{color-scheme:light dark;font-family:system-ui,sans-serif}main{max-width:640px;margin:3rem auto;padding:0 1rem}h1{margin-bottom:.25rem}.note{color:#888;font-size:.9rem}.muted{color:#999}.drop{border:2px dashed #888;border-radius:12px;padding:2.5rem;text-align:center;margin:1rem 0}.drop.over{border-color:#4a90d9;background:#4a90d914}.link,a.button,button{cursor:pointer}section{margin:1rem 0}label{display:block;margin:.5rem 0}select,button,a.button{font-size:1rem;padding:.5rem .75rem;border-radius:8px}.bar{height:14px;background:#ddd;border-radius:7px;overflow:hidden}#fill{height:100%;width:0;background:#4a90d9;transition:width .3s}.warn{color:#b8860b}.error{color:#c0392b}button#convert,a.button{background:#4a90d9;color:#fff;border:none}