:root{--ink:#16161a;--dim:#5f6169;--line:#dcdce2;--bg:#fbfbfa;--card:#fff;--warn:#8a2f2f}@media (prefers-color-scheme:dark){:root{--ink:#e7e7ea;--dim:#9a9ba3;--line:#33343b;--bg:#141417;--card:#1c1c20;--warn:#e2837f}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif}main{max-width:62rem;margin:0 auto;padding:3rem 1.25rem 5rem}h1{letter-spacing:-.01em;margin:0 0 .4rem;font-size:1.6rem}.lede{max-width:42rem;color:var(--dim);margin:0 0 2rem}.drop{border:1px dashed var(--line);background:var(--card);text-align:center;border-radius:10px;padding:2.5rem 1.25rem}.drop input{margin-left:.35rem}.busy,.err{margin:1rem 0 0}.err{color:var(--warn)}.bar{color:var(--dim);align-items:center;gap:.75rem;margin:2rem 0 .75rem;display:flex}.bar button{margin-left:auto}button{font:inherit;color:inherit;background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:7px;padding:.35rem .75rem}button:hover{border-color:var(--dim)}canvas{border:1px solid var(--line);background:var(--card);cursor:crosshair;border-radius:8px;width:100%;height:auto;display:block}.found{gap:.35rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.found li{align-items:center;gap:.6rem;display:flex}.found li.off span{color:var(--dim);text-decoration:line-through}.note{color:var(--dim);max-width:42rem;margin-top:1.75rem}
