:root{--paper:#f3f0e7;--paper2:#ece8da;--ink:#181610;--ink2:#5a574b;--line:#d9d4c3;--sig:#e8490c}*{box-sizing:border-box;margin:0}body{background:var(--paper);color:var(--ink);padding-bottom:48px;font-family:system-ui,sans-serif;line-height:1.55}.mono,.palette{font-family:ui-monospace,monospace}.top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:26px clamp(16px,4vw,48px);display:flex}.brand{color:var(--sig);letter-spacing:.05em;font-family:ui-monospace,monospace;font-size:20px;font-weight:700}.tagline{color:var(--ink2);max-width:75ch;font-size:13.5px}.gh{color:var(--ink);border:1px solid var(--line);white-space:nowrap;padding:8px 14px;font-size:13px;text-decoration:none}.gh:hover{border-color:var(--sig);color:var(--sig)}main{max-width:1080px;margin-inline:auto;padding:20px clamp(16px,4vw,48px)}.panel{border:1px solid var(--line);background:#fff8;margin-top:18px;padding:18px}h2{text-transform:uppercase;letter-spacing:.12em;color:var(--ink2);margin-bottom:12px;font-family:ui-monospace,monospace;font-size:12px}.palette{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tool{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:9px 14px;font-size:13px;display:inline-flex}.tool select{border:1px solid var(--line);background:var(--paper);font:inherit;padding:2px}.tool.active{border-color:var(--sig);color:var(--sig);box-shadow:inset 0 0 0 1px var(--sig)}.tool:hover{border-color:var(--sig)}.tool.example{background:var(--paper2)}.hint{color:var(--ink2);margin-top:10px;font-size:12.5px}#board{border:1px solid var(--ink);background:var(--paper2);width:100%;height:auto}.status{color:var(--ink2);margin-top:10px;font-size:12.5px}.foot{max-width:1080px;color:var(--ink2);margin:24px auto 0;padding:0 clamp(16px,4vw,48px);font-size:12px}.foot a{color:var(--ink2)}