:root{--bg:#fff;--fg:#1c1c1e;--muted:#6b6b70;--line:#c8c8cc;--accent:#0a6cff;--accent-fg:#fff;--error:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121214;--fg:#ececf0;--muted:#9a9aa2;--line:#3a3a40;--accent:#4d94ff;--accent-fg:#0b0b0d;--error:#ff8a80}}html{background:var(--bg)}body{color:var(--fg);margin:0;font:16px/1.5 system-ui,sans-serif}main{max-width:36rem;margin:0 auto;padding:2.5rem 16px 1rem}h1{margin:0 0 .5rem;font-size:1.75rem}footer{max-width:36rem;margin:0 auto;padding:1rem 16px 2rem}footer a{color:var(--muted)}.intro{color:var(--muted);margin:0 0 1.5rem}.drop{border:2px dashed var(--line);text-align:center;border-radius:12px;padding:2rem 1rem;display:none}.drop p{margin:0 0 1rem}[data-state=ready] .drop.over{border-color:var(--accent)}[data-state=ready] .drop,[data-state=uploading] .drop,[data-state=processing] .drop{display:block}[data-state=uploading] .drop,[data-state=processing] .drop{opacity:.5}.pick{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.button{background:var(--accent);color:var(--accent-fg);cursor:pointer;border-radius:8px;padding:.6rem 1.2rem;display:inline-block}.pick:disabled+.button{cursor:not-allowed}.pick:focus-visible+.button{outline:2px solid var(--fg);outline-offset:2px}.notice,.progress{display:none}[data-state=paused] .notice,[data-state=uploading] .progress,[data-state=processing] .progress{display:block}.notice{border:1px solid var(--line);border-radius:8px;padding:1rem}.message{color:var(--error)}.message:empty{display:none}