:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0;display:grid;place-items:center;min-height:100vh}main{width:min(24rem,90vw)}form{grid-gap:1rem;gap:1rem}form,label{display:grid}label{grid-gap:.25rem;gap:.25rem;font-weight:600}input{border:1px solid #888;border-radius:4px}button,input{padding:.6rem;font:inherit}button{cursor:pointer}[role=alert]{color:#b00020}main:has(.drop),main:has(.files){width:min(60rem,94vw)}.row{display:flex;gap:1rem;flex-wrap:wrap;align-items:end}.drop{border:2px dashed #888;border-radius:8px;padding:1.5rem;text-align:center;margin:1rem 0}.drop.over{border-color:#06c;background:color-mix(in srgb,#06c 10%,transparent)}.queue{list-style:none;padding:0;display:grid;grid-gap:.75rem;gap:.75rem}.files,.queue progress{width:100%}.files{border-collapse:collapse}.files td,.files th{text-align:left;padding:.35rem .6rem;border-bottom:1px solid #8884}body:has(nav){grid-template-rows:auto 1fr}nav{grid-column:1;justify-self:stretch;align-self:start;display:flex;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid #8884}main:has(.wide){width:min(80rem,96vw)}.wide{display:block}.scroll{overflow-x:auto}.pager,.tabs{display:flex;gap:1rem}.tabs{margin:1rem 0}.tabs a[aria-current=page]{font-weight:700;text-decoration:none}.cards{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0}.card{border:1px solid #8886;border-radius:6px;padding:.6rem 1rem;min-width:10rem}.card strong{display:block;font-size:1.5rem}.side{border-collapse:collapse}.side td,.side th{text-align:left;padding:.3rem .6rem;border:1px solid #8884;vertical-align:top}td.diff{background:color-mix(in srgb,#f5a623 35%,transparent)}.up{color:#1a7f37}.down{color:#b00020}.ok{color:#1a7f37}.bad{color:#b00020}.fill{width:6rem}pre.json{margin:0;white-space:pre-wrap;font-size:.8rem}