:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0;font-family:system-ui,sans-serif}.app{max-width:1000px;margin:0 auto;padding:1rem 1.5rem}.device-connect{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.device-connect .error{color:#d33}.layer-tabs{gap:.25rem;margin-bottom:1rem;display:flex}.layer-tabs button.active{font-weight:700;text-decoration:underline}.keyboard-layout{position:relative}.keyboard-layout .key{white-space:pre-line;text-align:center;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute}.keyboard-layout .encoder{pointer-events:none;border:1px dashed #888;border-radius:50%;position:absolute}.picker-overlay{background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.picker{color:canvastext;background:canvas;border-radius:8px;max-width:90vw;max-height:80vh;padding:1rem 1.5rem;overflow-y:auto}.picker-grid{flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;display:flex}.picker-grid button{white-space:pre-line;min-width:3rem;font-size:.75rem}