:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#1a1a1a;--muted:#4a4a4a;--line:#c4c4c4;--accent:#0b57d0;--err:#b3261e}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161616;--fg:#f0f0f0;--muted:silver;--line:#555;--accent:#8ab4f8;--err:#f2b8b5}}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.5 system-ui,sans-serif}main{max-width:60rem;margin:0 auto;padding:1rem}.drop{border:2px dashed var(--line);border-radius:6px;padding:1rem}.drop.over{border-color:var(--accent)}label{font-weight:600;display:block}button,select,input{font:inherit}button{padding:.4rem 1rem}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.status{color:var(--muted)}.error{color:var(--err);font-weight:600}table{border-collapse:collapse;width:100%}caption{text-align:left;color:var(--muted);padding-bottom:.25rem}th,td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.25rem .5rem}thead th{background:color-mix(in srgb, var(--fg) 8%, var(--bg))}