.lx .synlab canvas[data-r=env]{touch-action:none}.lx .synlab .src button:disabled{opacity:.4;cursor:default}.lx .synlab.quiz-on .row-main canvas,.lx .synlab.quiz-on .row3 canvas{visibility:hidden}.lx .synlab .kb{display:grid;gap:6px}.lx .synlab .kb-head{position:relative;display:flex;align-items:center;min-height:24px;font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mist)}.lx .synlab .kb-head .help{top:0;right:0}.lx .synlab .keys{--bw:5.6%;position:relative;display:flex;height:128px;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.7);background:#06070b;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;box-shadow:inset 0 1px #ffffff0a}.lx .synlab .keys button{font:inherit;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}.lx .synlab .keys .w{flex:1;min-width:0;position:relative;border:0;border-right:1px solid rgba(0,0,0,.55);background:linear-gradient(180deg,#1b1f2b,#232836 85%,#2a2f3e);color:var(--mist);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding-bottom:8px;transition:background .08s}.lx .synlab .keys .w:last-of-type{border-right:0}.lx .synlab .keys .w span{font:500 10px var(--mono);color:var(--dim)}.lx .synlab .keys kbd{font:500 10px var(--mono);color:var(--dim);border:1px solid var(--line2);border-radius:4px;padding:1px 4px;min-width:16px;text-align:center}.lx .synlab .keys .b{position:absolute;top:0;z-index:2;width:var(--bw);height:58%;border:1px solid #000;border-top:0;border-radius:0 0 6px 6px;background:linear-gradient(180deg,#07080c,#11141c);box-shadow:0 4px 8px #0009;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}.lx .synlab .keys .w.on{background:linear-gradient(180deg,#ff336659,#f369);color:#fff}.lx .synlab .keys .b.on{background:linear-gradient(180deg,#5A1628,var(--rose));box-shadow:0 0 16px #f369}.lx .synlab .keys .on kbd,.lx .synlab .keys .on span{color:#fff;border-color:#fff6}.lx .synlab .keys button:focus-visible{outline-offset:-3px}@media (hover:none){.lx .synlab .keys kbd{display:none}}@media (max-width:640px){.lx .synlab canvas[data-r=env]{height:230px!important}.lx .synlab .row3 canvas{height:170px!important}.lx .synlab .row3{order:2}.lx .synlab .kb{order:1}.lx .synlab .keys{--bw:7%;height:118px}.lx .synlab .keys .w span{font-size:9px}}.lx .synlab.quiz-on .src{filter:blur(8px) grayscale(1);opacity:.35;pointer-events:none}