:root{color-scheme:dark;--bg: #0d1013;--panel: #14181d;--line: #232a31;--fg: #d6dde4;--dim: #6b7783;--accent: #7fd1b9}*{box-sizing:border-box}body{margin:0;padding:3rem 1.5rem 6rem;background:var(--bg);color:var(--fg);font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}#app{max-width:60rem;margin:0 auto}h1{margin:0 0 1.5rem;font-size:1.5rem;letter-spacing:-.02em}.lede{margin:.25rem 0;color:var(--dim)}.lede strong{color:var(--accent);letter-spacing:.04em}section{margin-top:2rem;border:1px solid var(--line);border-radius:6px;background:var(--panel);overflow:hidden}h2{margin:0;padding:.75rem 1rem;border-bottom:1px solid var(--line);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.note{margin:0;padding:.625rem 1rem;border-bottom:1px solid var(--line);color:var(--dim);font-size:.8125rem}.row{display:grid;grid-template-columns:14rem 1fr auto;gap:1rem;align-items:baseline;padding:.5rem 1rem;border-top:1px solid var(--line)}.row:first-of-type{border-top:none}.name{color:var(--dim)}.value{overflow-wrap:anywhere}.value.absent{color:#4d5761;font-style:italic}.badge{font-size:.625rem;letter-spacing:.1em;padding:.1rem .4rem;border-radius:3px;border:1px solid currentColor;opacity:.85}.badge.direct{color:#7fd1b9}.badge.coarse{color:#d9b65f}.badge.inferred{color:#8fb2e0}.badge.unavailable{color:#5a646e}@media(max-width:40rem){.row{grid-template-columns:1fr auto}.name{grid-column:1 / -1}}#lab-toolbar{display:flex;gap:.5rem;margin-top:1.5rem}button,.button{padding:.4rem .75rem;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--fg);font:inherit;cursor:pointer}button:hover,.button:hover{border-color:var(--accent)}.button input{display:none}.note.error{color:#e07f7f}.badge.same{color:#7fd1b9}.badge.changed{color:#e07f7f}.badge.new{color:#8fb2e0}.badge.gone{color:#5a646e}