:root{--bg: #edf2f0;--panel: #fbfdfc;--ink: #112a2e;--muted: #53686b;--line: #cfdcd9;--sea: #0c6670;--sea-ink: #ffffff;--sea-soft: #d6ebe8;--ok: #17683f;--ok-soft: #d8efe2;--warn: #8a5200;--warn-soft: #fbe8c8;--bad: #a1263a;--bad-soft: #f8dde1;--display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--body: "Public Sans", "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;color:var(--ink);background:var(--bg);font-family:var(--body);line-height:1.5}@media(prefers-color-scheme:dark){:root{--bg: #0c1719;--panel: #13262a;--ink: #e4f0ee;--muted: #9ab3b1;--line: #254146;--sea: #4fc1c9;--sea-ink: #06191b;--sea-soft: #17393d;--ok: #6fd49d;--ok-soft: #173a29;--warn: #f0b865;--warn-soft: #3d2d10;--bad: #f08a9a;--bad-soft: #40181f;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg)}header{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.4rem;background:var(--panel);border-bottom:1px solid var(--line)}header a{color:var(--ink);text-decoration:none;font-weight:600}header .brand{font-family:var(--display);font-size:1.2rem}nav{display:flex;gap:1.2rem}main{max-width:1080px;margin:0 auto;padding:1.2rem}:focus-visible{outline:3px solid var(--sea);outline-offset:2px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1.3rem 1.4rem 1.5rem;margin-bottom:1rem}.muted{background:var(--panel)}h1,h2,h3{font-family:var(--display);line-height:1.15;margin-top:0;text-wrap:balance}.eyebrow{letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:600;color:var(--muted);margin:0 0 .4rem}.hint{color:var(--muted);font-size:.9rem}label{display:block;margin:.7rem 0;font-size:.9rem;font-weight:600}input,select,button,canvas{font:inherit}input,select{display:block;width:100%;margin-top:.25rem;padding:.6rem .7rem;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-weight:400}button,.actions a{display:inline-block;margin-right:.5rem;margin-top:.4rem;padding:.6rem 1rem;border-radius:8px;border:1px solid var(--sea);background:var(--sea);color:var(--sea-ink);text-decoration:none;font-weight:600;cursor:pointer}button.secondary,.actions a{background:transparent;color:var(--sea)}button:disabled{opacity:.6;cursor:wait}.samples{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.6rem}button.chip{margin:0;padding:.35rem .7rem;font-family:var(--mono);font-size:.85rem;font-weight:500;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:6px}button.chip:hover{border-color:var(--sea)}.split{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.stat{font-family:var(--mono);font-size:1.4rem;margin:.2rem 0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.2rem;align-items:start}.column{min-width:0}.ledger{position:sticky;top:1rem}.ledger table{font-variant-numeric:tabular-nums}.ledger td:last-child{text-align:right;font-family:var(--mono)}.ledger tr.total td{border-bottom:0;font-weight:700;font-size:1.1rem;padding-top:.7rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .8rem}.check{display:flex;gap:.5rem;align-items:center;font-weight:500}.check input{width:auto;margin:0}.steps{display:flex;gap:.4rem;padding:0;list-style:none;flex-wrap:wrap}.steps li{font-size:.9rem;padding:.25rem .7rem;border-radius:6px;border:1px solid var(--line);background:var(--panel);color:var(--muted)}.steps li.done{color:var(--ink)}.steps li.active{background:var(--sea);border-color:var(--sea);color:var(--sea-ink);font-weight:600}.fee{font-size:1.15rem}.notice{background:var(--warn-soft);color:var(--warn);padding:.6rem .8rem;border-radius:8px}.error{color:var(--bad)}.flags{margin:.4rem 0 .8rem;padding-left:1.2rem;color:var(--warn)}.pill{display:inline-block;font-size:.8rem;font-weight:600;padding:.1rem .55rem;border-radius:999px;background:var(--warn-soft);color:var(--warn)}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--line);margin-bottom:.6rem;overflow-x:auto}.tabs button.tab{margin:0;background:none;border:0;border-bottom:3px solid transparent;border-radius:0;color:var(--muted);white-space:nowrap}.tabs button.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--sea)}canvas{display:block;width:100%;max-width:520px;height:140px;border:1px dashed var(--line);border-radius:8px;background:#fff;touch-action:none}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.45rem .3rem;border-bottom:1px solid var(--line)}tbody tr{cursor:pointer}.ledger tbody tr{cursor:default}pre{white-space:pre-wrap;font:.85rem/1.6 var(--mono);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.9rem;overflow-x:auto}pre.csv{white-space:pre}@media(max-width:820px){.split,.layout{grid-template-columns:minmax(0,1fr)}.ledger{position:static}}@media(max-width:700px){.grid{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column;gap:.4rem}}