:root{--bg: #16161a;--surface: #232630;--text: #f2f3f5;--muted: #a8adba;--accent: #5a9fd4;--border: #3a3f4b;color-scheme:dark}@media (prefers-color-scheme: light){:root{--bg: #f7f8fa;--surface: #ffffff;--text: #16161a;--muted: #545a68;--accent: #1c5c8c;--border: #c8cdd6;color-scheme:light}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif;font-size:16px;line-height:1.5}header,main{padding:1rem 1.5rem}h1{font-size:1.4rem;margin:0}:focus{outline:3px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;left:0;top:-3rem;padding:.5rem 1rem;background:var(--accent);color:#fff;z-index:10}.skip-link:focus{top:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}button{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.4rem .8rem;cursor:pointer}button:hover{border-color:var(--accent)}input[type=text]{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.4rem;width:100%;max-width:24rem}[role=tablist]{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.layer-tab.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.keymap-grid{display:flex;flex-direction:column;gap:.25rem;overflow-x:auto;padding-bottom:.5rem}.keymap-row{display:flex;gap:.25rem}.keymap-cell{flex:none}.keymap-key{width:100%;min-height:3rem;display:flex;align-items:center;justify-content:center;font-size:.8rem;text-align:center;word-break:break-word;padding:.2rem}.picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem}.picker-dialog{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem;max-width:46rem;width:100%;max-height:85vh;overflow-y:auto}.picker-results ul{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-wrap:wrap;gap:.35rem}.picker-results h3{font-size:.95rem;color:var(--muted);margin:.75rem 0 .35rem}.error{color:#ff9b9b;font-weight:600}.layout-option{border:1px solid var(--border);border-radius:6px;margin:0 0 .75rem;padding:.5rem .75rem}.layout-option legend{padding:0 .35rem;font-weight:600}.layout-choice{display:inline-flex;align-items:center;gap:.3rem;margin-right:1rem}.encoder-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem}.encoder-list li{border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem}.encoder-list h4{margin:0 0 .4rem;font-size:.95rem}.encoder-list button{display:block;margin:.25rem 0;width:100%;text-align:left}.board-results{list-style:none;padding:0;margin:.5rem 0;display:flex;flex-direction:column;gap:.25rem;max-height:18rem;overflow-y:auto}.board-results button{width:100%;text-align:left}.menu-group{border:1px solid var(--border);border-radius:6px;margin:0 0 1rem;padding:.5rem .9rem}.menu-group legend{font-weight:600;padding:0 .35rem}.menu-field{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.5rem 0}.menu-field label{min-width:11rem}.menu-field output{min-width:3ch;color:var(--muted)}.report{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:.5rem 0}.report dt{font-weight:600;color:var(--muted)}.report dd{margin:0}li.error{color:#ff9b9b}li.warning{color:#ffd48a}.definition-editor{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;background:var(--surface);color:inherit;border:1px solid var(--border);border-radius:6px;padding:.5rem}.safety-toggle{display:flex;align-items:center;gap:.4rem}.diagnostics{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.75rem;overflow-x:auto;font-size:.8rem;white-space:pre-wrap}.unmatched{border:2px solid #ff9b9b;border-radius:6px;padding:.75rem 1rem;margin-bottom:1rem}.unmatched h3{margin-top:0;color:#ff9b9b}