:root{--bg:#fbfbfa;--fg:#1a1a19;--muted:#6b6b68;--line:#e4e4e1;--card:#fff;--accent:#2f6fed;--ok:#17803d;--err:#c0392b}@media (prefers-color-scheme:dark){:root{--bg:#161614;--fg:#f2f1ee;--muted:#a3a19c;--line:#302e2b;--card:#1f1e1c;--accent:#6f9dff;--ok:#55c284;--err:#ff8a7a}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:color-mix(in srgb,var(--fg) 8%,transparent);padding:.1em .35em;border-radius:4px}.wrap{max-width:40rem;margin:0 auto;padding:4rem 1.5rem 6rem}header h1{font-size:1.9rem;letter-spacing:-.02em;margin:0 0 .5rem}.sub{color:var(--muted);margin:0 0 2rem}.drop{border:2px dashed var(--line);border-radius:14px;background:var(--card);padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer;transition:border-color .15s,background .15s,transform .1s;text-align:center}.drop.dragging,.drop:hover{border-color:var(--accent)}.drop.dragging{background:color-mix(in srgb,var(--accent) 8%,var(--card))}.drop.busy{cursor:progress}.drop strong{font-size:1.05rem}.drop span{color:var(--muted);font-size:.9rem}.icon{width:2.6rem;height:2.6rem;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);display:grid;place-items:center;font-size:1.3rem;margin-bottom:.4rem}.spinner{width:1.6rem;height:1.6rem;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin-bottom:.6rem}@keyframes spin{to{transform:rotate(1turn)}}.note{margin-top:1.25rem;padding:.75rem 1rem;border-radius:10px;font-size:.92rem;border:1px solid var(--line);background:var(--card)}.note.done{border-color:color-mix(in srgb,var(--ok) 40%,var(--line));color:var(--ok)}.note.error{border-color:color-mix(in srgb,var(--err) 40%,var(--line));color:var(--err)}.help,.summary{margin-top:2.5rem;padding-top:1.75rem;border-top:1px solid var(--line)}.help h2,.summary h2{font-size:.82rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 .85rem;font-weight:600}.help h2:not(:first-child){margin-top:1.75rem}.summary ul,.types{list-style:none;margin:0;padding:0}.summary li,.types li{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px dashed var(--line);font-size:.92rem}.summary li em,.types li em{color:var(--muted);font-style:normal;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}details{margin-top:1rem}details summary{cursor:pointer;color:var(--muted);font-size:.88rem}.types{margin-top:.6rem}.help ol,.help ul.plain{margin:0;padding-left:1.25rem;font-size:.94rem;color:var(--fg)}.help li{margin:.3rem 0}.caveat{margin-top:1rem;font-size:.88rem;color:var(--muted)}.footer{margin-top:3rem;padding-top:1.75rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:1rem}.footer,.kofi{align-items:center}.kofi{display:inline-flex;gap:.5rem;padding:.6rem 1.1rem;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--fg);font-size:.92rem;font-weight:500;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.kofi:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 22%,transparent)}.kofi:active{transform:translateY(0)}.kofi:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kofi-icon{transition:transform .18s ease}.kofi:hover .kofi-icon{transform:rotate(-8deg) scale(1.08)}.credit{margin:0;font-size:.85rem;color:var(--muted)}.credit a{color:var(--fg);font-weight:500;text-decoration:none;border-bottom:1px solid var(--line);transition:color .15s ease,border-color .15s ease}.credit a:hover{color:var(--accent);border-bottom-color:var(--accent)}