:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0;max-width:720px;margin-inline:auto;padding:2rem}h1{margin-top:0}.note{opacity:.7;border:1px solid;border-radius:6px;margin-bottom:1.5rem;padding:.5rem .75rem;font-size:.85rem}.drops{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.drop{text-align:center;cursor:pointer;border:2px dashed;border-radius:8px;padding:1.5rem}.drop.filled{border-style:solid}#preview{margin:1.5rem 0}#preview img{border-radius:8px}button{cursor:pointer;border-radius:8px;padding:.6rem 1.2rem;font-size:1rem}button:disabled{cursor:not-allowed;opacity:.5}progress{width:100%;margin-top:1rem}.error{color:#c0392b;white-space:pre-wrap;font-family:monospace;font-size:.8rem}