:root{--paper:#eaf0f6;--ink:#12263f;--line:#b9c9da;--mark:#f2c230}*{box-sizing:border-box}body{margin:0;color:var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px;font:17px/1.6 Instrument Sans,system-ui,sans-serif}main{max-width:860px;margin:0 auto;padding:56px 20px 80px}h1,h2,h3{font-family:Bricolage Grotesque,sans-serif;line-height:1.1;margin:0 0 12px}h1{font-size:clamp(2.4rem,7vw,4rem);font-weight:800}h3{margin-top:28px;font-size:1.2rem}.lede{max-width:56ch;margin:0 0 28px}form{display:flex;gap:10px;flex-wrap:wrap}input{flex:1 1 280px;padding:14px;border:2px solid var(--ink);background:#fff;font:inherit;color:inherit}button{padding:14px 22px;border:2px solid var(--ink);background:var(--mark);color:var(--ink);font:600 1rem Instrument Sans,sans-serif;cursor:pointer}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.note{margin-top:16px}.err{margin-top:16px;font-weight:600;color:#a4161a}.out{margin-top:36px;padding:24px;background:#fff;border:2px solid var(--ink)}.diagram{overflow-x:auto;padding:8px 0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chips span{padding:2px 10px;border:1px solid var(--ink);font-size:.9rem}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}button.ghost{padding:8px 14px;background:#fff;font-size:.9rem}.legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.85rem;margin-bottom:8px}.legend i{display:inline-block;width:12px;height:12px;margin-right:6px;border:1px solid var(--ink);vertical-align:-1px}.stats{font-size:.9rem;margin:-4px 0 0}