:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f5f4f8)var(--lightningcss-dark,#141416);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1e1e21);--surface-2:var(--lightningcss-light,#efeef3)var(--lightningcss-dark,#27272b);--surface-3:var(--lightningcss-light,#e4e2ea)var(--lightningcss-dark,#313136);--line:var(--lightningcss-light,#dedbe6)var(--lightningcss-dark,#313137);--line-strong:var(--lightningcss-light,#c9c5d4)var(--lightningcss-dark,#45454c);--fg:var(--lightningcss-light,#1b1a21)var(--lightningcss-dark,#ececf0);--muted:var(--lightningcss-light,#5c5a67)var(--lightningcss-dark,#a0a0aa);--accent:var(--lightningcss-light,#6741d9)var(--lightningcss-dark,#7c5cd6);--accent-hover:var(--lightningcss-light,#5a33cc)var(--lightningcss-dark,#8c6ee2);--accent-fg:#fff;--accent-text:var(--lightningcss-light,#5530c8)var(--lightningcss-dark,#c3b0f5);--accent-soft:var(--lightningcss-light,#f0eaff)var(--lightningcss-dark,#221b3a);--accent-glow:var(--lightningcss-light,#6741d929)var(--lightningcss-dark,#7c5cd652);--callout-line:var(--lightningcss-light,#8f74e2)var(--lightningcss-dark,#7c5cd6);--callout-dot:var(--lightningcss-light,#6741d9)var(--lightningcss-dark,#b9a1ec);--pad-line:var(--lightningcss-light,#2b2934)var(--lightningcss-dark,#e8e8e8);--pad-detail:var(--lightningcss-light,#aaa7b5)var(--lightningcss-dark,#6b6b6b);--ok:var(--lightningcss-light,#17774b)var(--lightningcss-dark,#4cd964);--error:var(--lightningcss-light,#c4262e)var(--lightningcss-dark,#ff8a80);--error-soft:var(--lightningcss-light,#fdeced)var(--lightningcss-dark,#3a1d1d);--warn-fg:var(--lightningcss-light,#6b4a00)var(--lightningcss-dark,#ffd98a);--warn-soft:var(--lightningcss-light,#fff3d1)var(--lightningcss-dark,#3a3117);--track:var(--lightningcss-light,#dcd9e4)var(--lightningcss-dark,#3a3a41);--shadow:var(--lightningcss-light,#281c5014)var(--lightningcss-dark,#00000073);--scrim:var(--lightningcss-light,#1c182866)var(--lightningcss-dark,#0009);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--r-sm:8px;--r:12px;--r-lg:16px;--ease:cubic-bezier(.2, .7, .2, 1);--fast:.14s;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;scroll-padding-bottom:9rem;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Cantarell,sans-serif;font-size:15px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (pointer:fine){:root{overscroll-behavior:none}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.2}.lead,.hint,.warn span{text-wrap:pretty}p{margin:0}code,pre{font-family:ui-monospace,JetBrains Mono,Cascadia Code,Menlo,monospace;font-size:.86em}:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}button,a,input,select,label,summary{touch-action:manipulation}button{justify-content:center;align-items:center;gap:var(--s2);min-height:40px;padding:0 var(--s4);font:inherit;color:var(--fg);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--fast) var(--ease);font-weight:500;display:inline-flex}button:hover:not(:disabled){background:var(--surface-3);border-color:var(--line-strong)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-fg);border-color:#0000}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:#0000}button.big{min-height:48px;padding:0 var(--s5);border-radius:var(--r);font-size:1.05rem}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.2em;height:1.2em}select,input.text,input[type=number]{font:inherit;color:var(--fg);background-color:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);min-height:38px;padding:0 var(--s3);transition:border-color var(--fast) var(--ease), background-color var(--fast) var(--ease)}select:hover,input.text:hover,input[type=number]:hover{border-color:var(--line-strong)}option{background-color:var(--surface);color:var(--fg)}select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 17px),calc(100% - 12px);background-repeat:no-repeat;background-size:5px 5px;width:100%;min-width:0;padding-right:34px}.hint{color:var(--muted);font-size:.87rem}.app{flex-direction:column;min-height:100dvh;display:flex}.skip{top:var(--s2);left:var(--s2);z-index:30;padding:var(--s2) var(--s4);border-radius:var(--r-sm);background:var(--accent);color:var(--accent-fg);transform:translateY(calc(-100% - var(--s4)));font-weight:600;text-decoration:none;position:absolute}.skip:focus-visible{transform:none}main{width:100%;max-width:1120px;padding:var(--s5) var(--s4) var(--s7);flex:1;margin:0 auto}.topbar{align-items:center;gap:var(--s3);padding:var(--s3) var(--s5);border-bottom:1px solid var(--line);background:var(--bg);display:flex}.brand{align-items:center;gap:var(--s2);white-space:nowrap;font-weight:600;display:flex}.logo{border-radius:var(--r-sm);background:var(--accent);width:30px;height:30px;color:var(--accent-fg);place-items:center;display:grid}.logo .icon{stroke-width:2.4px;width:20px;height:20px}.tag{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-soft);padding:1px var(--s2);border-radius:999px;font-size:.72rem;font-weight:600}.profiles{gap:var(--s1);margin-left:auto;display:flex}.profiles button{color:var(--muted);min-height:36px;padding:0 var(--s4);background:0 0;border-color:#0000}.profiles button:hover:not(:disabled){background:var(--surface);color:var(--fg);border-color:#0000}.profiles button[aria-pressed=true]{background:var(--surface-2);color:var(--fg);border-color:var(--line)}.dot{background:var(--ok);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 22%, transparent);border-radius:50%}.icon-btn{width:38px;min-height:38px;color:var(--muted);background:0 0;border-color:#0000;border-radius:50%;padding:0}.icon-btn:hover:not(:disabled){color:var(--fg)}.theme-toggle{margin-left:auto}.profiles+.theme-toggle{margin-left:0}.demo{justify-content:center;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);color:var(--accent-text);background:var(--accent-soft);border-bottom:1px solid color-mix(in srgb, var(--accent) 35%, transparent);text-align:center;margin:0;font-size:.9rem;display:flex}main:has(>.hero){align-content:center;display:grid}.hero{isolation:isolate;gap:var(--s6);padding-top:var(--s5);align-items:center;display:grid}.hero-art{width:100%;max-width:520px;margin:0 auto;position:relative}.hero-art .body{filter:drop-shadow(0 0 22px var(--accent-glow)) drop-shadow(0 18px 30px var(--shadow))}.hero-art .pad{width:100%;display:block}.hero-copy{gap:var(--s4);flex-direction:column;max-width:560px;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);font-size:.8rem;font-weight:600}.hero h1{letter-spacing:-.02em;font-size:clamp(2rem,4.2vw,2.9rem);font-weight:700}.lead{color:var(--muted);max-width:52ch;font-size:1.07rem}.cta{gap:var(--s3);margin-top:var(--s2);flex-wrap:wrap;display:flex}.warn{gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r);color:var(--warn-fg);background:var(--warn-soft);align-items:flex-start;font-size:.93rem;display:flex}.warn .icon{margin-top:2px}.udev{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);font-size:.92rem}.udev summary{cursor:pointer;padding:var(--s3) var(--s4);border-radius:var(--r);transition:color var(--fast) var(--ease);font-weight:500}.udev summary:hover{color:var(--accent-text)}.udev[open] summary{border-bottom:1px solid var(--line)}.udev p,.udev pre{margin:var(--s3) var(--s4)}.udev p{color:var(--muted)}.udev pre{padding:var(--s3);background:var(--surface-2);border-radius:var(--r-sm);color:var(--fg);overflow-x:auto}@media (width>=960px){.hero{padding-top:var(--s7);grid-template-columns:1fr 1.05fr}.hero-art{order:2}}.device{text-align:center}.device h1{letter-spacing:-.01em;font-size:1.75rem;font-weight:500}.sub{color:var(--muted);margin-top:var(--s1)}.stage-clip{max-width:1000px;margin:var(--s4) auto 0;overflow:hidden}.stage{aspect-ratio:760/338;position:relative}.stage .pad{width:100%;height:100%;position:absolute;inset:0}.pad{overflow:visible}.pad .body{fill:var(--bg);stroke:var(--pad-line);stroke-width:2.6px;stroke-linejoin:round}.pad .part{fill:var(--bg);stroke:var(--pad-line);stroke-width:2px;stroke-linejoin:round}.pad .part.thin{fill:none;stroke-width:1.2px}.pad .detail,.pad .shine{fill:none;stroke:var(--pad-detail);stroke-width:1.3px;stroke-linecap:round}.pad .shine{stroke-width:2px}.pad .ring{fill:none;stroke:var(--accent);stroke-width:4.5px;filter:drop-shadow(0 0 4px var(--accent-glow))}.pad .ink{fill:var(--pad-line)}.pad text{fill:var(--pad-line);text-anchor:middle;dominant-baseline:central;-webkit-user-select:none;user-select:none;font-weight:700}.pad .face{font-size:10px}.pad .mini{font-size:7px}.pad .key{transform-box:fill-box;transform-origin:50%;transition:transform .18s ease-out}.pad .key .part,.pad .part.key,.pad .key text,.pad .key .ink{transition:fill .3s ease-out,stroke .3s ease-out,filter .3s ease-out}.pad .key.lit:not(.stick,.trigger){transition-duration:60ms;transform:scale(.9)}.pad .key.lit .part,.pad .part.key.lit{fill:var(--accent);stroke:var(--accent);filter:drop-shadow(0 0 5px var(--accent));transition-duration:60ms}.pad .key.lit text,.pad .key.lit .ink{fill:var(--accent-fg);transition-duration:60ms}.pad .arm{fill:#0000;stroke:none}.pad .trigger.lit .part,.pad .stick.lit .part{fill:var(--accent-soft)}.pad .stick.lit .dot{fill:var(--accent)}.pad .fill{fill:var(--accent);filter:drop-shadow(0 0 5px var(--accent))}.pad .thumb{transform-box:fill-box;transform-origin:50%;transition:transform 50ms linear}.pad.press .key{cursor:pointer}.hint{color:var(--muted);margin-top:var(--s2);font-size:.9rem}.callout-lines path{fill:none;stroke:var(--callout-line);stroke-width:1.4px}.callout-lines circle{fill:var(--callout-dot)}.callout{white-space:nowrap;min-height:0;color:var(--fg);background:var(--accent-soft);border:1.5px solid var(--callout-line);border-radius:7px;padding:3px 10px;font-size:clamp(.72rem,.95vw,.84rem);font-weight:600;position:absolute;transform:translateY(-50%)}.callout:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.callout:active:not(:disabled){transform:translateY(-50%)scale(.97)}.link-pill{align-items:center;gap:var(--s2);margin-top:var(--s3);padding:var(--s1) var(--s3);color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, transparent);border-radius:999px;font-size:.85rem;font-weight:500;display:inline-flex}@media (width<=799px){.stage{width:172.727%;margin-left:-36.3636%}.callout,.callout-lines{display:none}}.tiles{gap:var(--s3);max-width:620px;margin:var(--s6) auto 0;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.tile{gap:var(--s2);min-height:100px;padding:var(--s3) var(--s1);border-radius:var(--r-lg);background:var(--surface);border-color:var(--line);box-shadow:0 1px 2px var(--shadow);flex-direction:column;font-size:.88rem}.tile .icon{stroke-width:1.6px;width:32px;height:32px;color:var(--fg);transition:color var(--fast) var(--ease)}.tile:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}.tile[aria-pressed=true]{background:var(--accent-soft);border-color:var(--callout-line);color:var(--accent-text)}.tile[aria-pressed=true] .icon{color:var(--accent-text)}.panel{margin-top:var(--s6);animation:rise .22s var(--ease)}.panel>h2{margin-bottom:var(--s4);font-size:1.2rem;font-weight:600}.cards,.groups{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.groups{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));align-items:start}.card{min-width:0;padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:0 1px 2px var(--shadow);gap:var(--s3);flex-direction:column;margin:0;display:flex}.card.wide{grid-column:1/-1}.card h3,.card legend{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.8rem;font-weight:600}.card legend{float:left;width:100%;padding:0}.card legend+*{clear:both}.empty{align-items:center;gap:var(--s4);padding:var(--s6) var(--s4);margin-bottom:var(--s4);text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--r-lg);flex-direction:column;display:flex}[data-changed]>label:after,[data-changed]>.key:after{content:"";background:var(--accent-text);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.remap{align-items:center;gap:var(--s2);grid-template-columns:72px 18px minmax(0,1fr);display:grid}.key{min-height:32px;padding:0 var(--s2);border:1.5px solid var(--pad-line);border-radius:var(--r-sm);white-space:nowrap;justify-content:center;align-items:center;gap:3px;font-size:.86rem;font-weight:700;display:inline-flex}.key small{color:var(--muted);font-size:.72rem;font-weight:500}.remap[data-changed] .key{border-color:var(--accent-text);color:var(--accent-text)}.remap[data-changed] .key:after{display:none}.remap[data-changed] select{border-color:var(--callout-line)}.to{color:var(--muted);place-items:center;display:grid}.to .icon{width:16px;height:16px}.slider{gap:var(--s2) var(--s3);grid-template-columns:minmax(0,1fr) 76px;align-items:center;display:grid}.slider label{font-size:.93rem}.slider input[type=number]{text-align:right;font-variant-numeric:tabular-nums;padding:0 var(--s2);grid-area:1/2}.slider input[type=range]{grid-column:1/-1}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--p), var(--track) var(--p));border-radius:999px;height:6px}input[type=range]::-moz-range-track{background:var(--track);border-radius:999px;height:6px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent);width:18px;height:18px;transition:transform var(--fast) var(--ease);background:#fff;border-radius:50%;margin-top:-6px;box-shadow:0 1px 3px #0000004d}input[type=range]::-moz-range-thumb{border:2px solid var(--accent);background:#fff;border-radius:50%;width:14px;height:14px}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:focus-visible{outline-offset:4px;border-radius:4px}.preview-stick{align-self:center;width:120px;height:120px}.preview-stick .outer{fill:none;stroke:var(--line-strong);stroke-width:1.5px}.preview-stick .reach{fill:var(--accent-soft);stroke:var(--callout-line);stroke-width:1.5px;transition:r .16s var(--ease)}.preview-stick .dead{fill:var(--surface-3);stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 3;transition:r .16s var(--ease)}.preview-trigger{background:var(--track);height:10px;margin:var(--s2) 0;border-radius:999px;position:relative;overflow:hidden}.preview-trigger span{background:linear-gradient(to right, var(--callout-line), var(--accent));border-radius:999px;position:absolute;top:0;bottom:0}.switches{gap:var(--s3);flex-direction:column;display:flex}.switch{align-items:center;gap:var(--s3);cursor:pointer;font-size:.95rem;display:flex}.switch input{appearance:none;background:var(--track);cursor:pointer;width:40px;height:24px;transition:background-color var(--fast) var(--ease);border-radius:999px;flex:none;margin:0;position:relative}.switch input:before{content:"";width:18px;height:18px;transition:transform var(--fast) var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000004d}.switch input:checked{background:var(--accent)}.switch:hover input:not(:checked){background:var(--line-strong)}.switch input:checked:before{transform:translate(16px)}.segmented{gap:var(--s1);padding:var(--s1);background:var(--surface-2);border-radius:var(--r);flex-wrap:wrap;width:fit-content;max-width:100%;display:flex}.segmented label{position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented span{padding:var(--s2) var(--s4);border-radius:var(--r-sm);color:var(--muted);transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease);font-weight:500;display:block}.segmented label:hover span{color:var(--fg)}.segmented input:checked+span{background:var(--accent);color:var(--accent-fg);box-shadow:0 1px 3px var(--shadow)}.segmented input:focus-visible+span{outline:2px solid var(--accent-text);outline-offset:2px}.led-preview{justify-content:center;align-items:center;gap:var(--s6);padding:var(--s3) 0;flex:1;display:flex}.led-preview span{background:conic-gradient(from 0deg, var(--c), var(--bg), var(--c));width:92px;height:92px;filter:drop-shadow(0 0 6px var(--c));border-radius:50%;animation:6s linear infinite spin;-webkit-mask:radial-gradient(circle,#0000 56%,#000 57% 70%,#0000 71%);mask:radial-gradient(circle,#0000 56%,#000 57% 70%,#0000 71%)}.color{gap:var(--s2);flex-direction:column;display:flex}.color+.color{padding-top:var(--s3);border-top:1px solid var(--line)}.color-row{align-items:center;gap:var(--s3);display:flex}.color-row code{color:var(--muted)}input[type=color]{appearance:none;border:1px solid var(--line-strong);border-radius:var(--r);cursor:pointer;background:0 0;width:44px;height:44px;padding:0;overflow:hidden}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:0}input[type=color]::-moz-color-swatch{border:none}.presets{gap:var(--s2);flex-wrap:wrap;display:flex}.presets button{border:2px solid var(--surface);width:26px;height:26px;min-height:0;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;padding:0}.presets button:hover:not(:disabled){border-color:var(--surface);transform:scale(1.12)}.card>label{font-size:.93rem;font-weight:500}input.text{width:100%}.info{gap:var(--s2) var(--s4);grid-template-columns:max-content 1fr;margin:0;font-size:.93rem;display:grid}.info dt{color:var(--muted)}.info dd{font-variant-numeric:tabular-nums;margin:0}.statusbar{z-index:5;border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;bottom:0}.statusbar:has(.status:empty):not(:has(.session)){-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.actionbar{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) var(--s5);background:var(--accent-soft);border-bottom:1px solid color-mix(in srgb, var(--accent) 30%, transparent);animation:rise .2s var(--ease);flex-wrap:wrap;display:flex}.actionbar p{color:var(--accent-text);font-variant-numeric:tabular-nums;flex-direction:column;font-weight:600;display:flex}.actionbar small{color:var(--muted);font-size:.82rem;font-weight:400}.actionbar[data-problem]{background:var(--error-soft);border-bottom-color:color-mix(in srgb, var(--error) 30%, transparent)}.actionbar[data-problem] p{color:var(--error);overflow-wrap:anywhere}.actionbar-buttons{gap:var(--s2);margin-left:auto;display:flex}.statusrow{align-items:center;gap:var(--s2) var(--s4);padding:var(--s2) var(--s5);flex-wrap:wrap;min-height:52px;display:flex}.status{color:var(--muted);align-items:center;gap:var(--s2);flex:240px;font-size:.87rem;display:flex}.status:empty{visibility:hidden}.status:before{content:"";background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.status.ok{color:var(--fg)}.status.ok:before{background:var(--ok)}.status.error{color:var(--error);font-weight:500}.status.error:before{background:var(--error)}.status.busy:before{background:var(--accent-text);animation:1s ease-in-out infinite pulse}.session{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.session button{min-height:34px;padding:0 var(--s3);font-size:.87rem}.fw{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.backdrop{z-index:20;padding:var(--s4);background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .16s var(--ease);place-items:center;display:grid;position:fixed;inset:0}.dialog{width:100%;max-width:580px;max-height:85dvh;padding:var(--s5);border:1px solid var(--line);background:var(--surface);box-shadow:0 24px 60px var(--shadow);gap:var(--s4);animation:rise .2s var(--ease);overscroll-behavior:contain;border-radius:18px;flex-direction:column;display:flex;overflow-y:auto}.dialog-head{align-items:center;gap:var(--s3);display:flex}.dialog-head .icon{width:38px;height:38px;color:var(--accent-text);background:var(--accent-soft);border-radius:50%;padding:8px}.dialog h2{font-size:1.25rem}.dialog>p{color:var(--muted)}.changes{border:1px solid var(--line);border-radius:var(--r);margin:0;padding:0;list-style:none;overflow:hidden}.changes li{justify-content:space-between;gap:var(--s1) var(--s3);padding:var(--s3) var(--s4);overflow-wrap:anywhere;flex-wrap:wrap;font-size:.9rem;display:flex}.changes li+li{border-top:1px solid var(--line)}.changes .what{color:var(--muted);font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:.82rem}.changes .diff{font-variant-numeric:tabular-nums}.changes .before{color:var(--muted);text-decoration:line-through}.changes .after{color:var(--accent-text);font-weight:600}.dialog-actions{justify-content:flex-end;gap:var(--s2);flex-wrap:wrap;display:flex}@media (width<=639px){:root{font-size:14px}.topbar{padding:var(--s2) var(--s4);flex-wrap:wrap}.profiles{order:3;justify-content:center;width:100%;margin:0}.profiles button{flex:1}.profiles+.theme-toggle{margin-left:auto}.tiles{gap:var(--s2)}.tile{border-radius:var(--r);min-height:80px;font-size:.74rem}.tile .icon{width:26px;height:26px}.actionbar,.statusrow{padding-left:var(--s4);padding-right:var(--s4)}.actionbar small{display:none}.actionbar-buttons{width:100%}.actionbar-buttons button{flex:1}.status{flex-basis:0}.session{order:2;width:100%}.session button{padding:0 var(--s2);flex:1}.remap{grid-template-columns:72px 14px minmax(0,1fr)}:root{scroll-padding-bottom:13rem}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes fade{0%{opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.pad .key.lit:not(.stick,.trigger){transform:none}.pad .key.lit .part,.pad .part.key.lit,.pad .fill{filter:none}}