:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--fg:#0f172a;--muted:#64748b;--bg:#f8fafc;--card:#fff;--line:#cbd5e1;--accent:#2563eb;--error:#b91c1c;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fg:#e2e8f0;--muted:#94a3b8;--bg:#0f172a;--card:#1e293b;--line:#334155;--accent:#60a5fa;--error:#f87171}}body{margin:0}main{max-width:40rem;margin:0 auto;padding:3rem 1.25rem}h1{margin:0 0 .5rem}.lead{color:var(--muted);margin:0 0 2rem}.drop{border:2px dashed var(--line);background:var(--card);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;padding:3rem 1rem;display:flex}.drop span{color:var(--muted)}.drop:hover,.drop.over{border-color:var(--accent)}.drop:focus-within{outline:2px solid var(--accent);outline-offset:2px}#status{min-height:1.5rem}#status.error{color:var(--error)}.bar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.bar h2{margin:0;font-size:1.1rem}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:.5rem 1rem}ol{margin:1rem 0 0;padding:0;list-style:none}li{border-bottom:1px solid var(--line);justify-content:space-between;padding:.6rem .25rem;display:flex}li a{color:var(--accent)}li span{color:var(--muted);font-variant-numeric:tabular-nums}