:root{--bg:#f7f7f8;--fg:#1a1a1a;--muted:#6b6b70;--accent:#3a6df0;--border:#d7d7dc;--surface:#fff;--ok:#1a8f4c;--err:#c53030}@media (prefers-color-scheme:dark){:root{--bg:#16171a;--fg:#f0f0f2;--muted:#a0a0a8;--accent:#6f96ff;--border:#33343a;--surface:#1f2023;--ok:#3fcf7f;--err:#ff6b6b}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--fg);flex-direction:column;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}#drop-zone{border:2px dashed var(--border);border-radius:16px;flex:1;justify-content:center;align-items:center;min-height:40vh;margin:1.5rem;transition:border-color .15s,background-color .15s;display:flex}#drop-zone.drag-over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}#drop-message{text-align:center;max-width:32rem;padding:2rem}#drop-message h1{margin-bottom:.5rem;font-size:1.5rem}#drop-message p{color:var(--muted);margin:.5rem 0}#drop-message .or{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:.25rem 0 .75rem;font-size:.65rem}#browse-button{border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;border-radius:8px;padding:.6rem 1.4rem;font-size:1rem}#browse-button:hover{border-color:var(--accent)}#log{flex-direction:column;gap:.5rem;max-height:40vh;margin:0 1.5rem 1.5rem;display:flex;overflow-y:auto}.log-entry{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:baseline;gap:.75rem;padding:.6rem .9rem;font-size:.9rem;display:flex}.log-entry .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.log-entry .stats{color:var(--muted);white-space:nowrap}.log-entry.ok .stats{color:var(--ok)}.log-entry.error .stats{color:var(--err)}img.logo{width:240px;height:auto;margin-bottom:1rem}#site-footer{text-align:center;color:var(--muted);padding:1rem 1.5rem;font-size:.75rem}#site-footer a{color:#2a11ff;border-bottom:1px dotted #2a11ff;text-decoration:none}#site-footer a:hover{color:#e60e56;border-bottom:1px dotted #e60e56;text-decoration:none}#site-footer p{margin:0}p.instruction{color:var(--muted);font-size:.95rem;line-height:1.8}p.hint{color:var(--muted);max-width:300px;padding:1rem 0;font-size:.95rem;line-height:1.8}