.leyden-keyboard{min-width:0;container-type:inline-size}.leyden-keyboard .keycap-label,.leyden-matrix .matrix-cell{white-space:pre-line;line-height:1.2}.leyden-keyboard .keycap.leyden-group{background:#524066;border-color:#b69bd4}.leyden-keyboard .keycap.leyden-near{border-color:#ffcb70}.leyden-keyboard .keycap.pressed,.leyden-matrix .matrix-cell.pressed{background:#355f48;border-color:#8fdeae}.leyden-actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.leyden-actions [aria-pressed=true]{background:#735293;border-color:#d4b9f4}.leyden-calibration{align-items:start}.leyden-calibration table{font-variant-numeric:tabular-nums;width:100%}.leyden-calibration td,.leyden-calibration th{white-space:nowrap;padding:9px 7px}.leyden-calibration tr.selected{background:#463552}.leyden-calibration input[type=number]{max-width:140px;font-size:18px}.leyden-reading{font-variant-numeric:tabular-nums;font-size:16px;line-height:1.5}.leyden-matrix .matrix-cell{min-width:0;padding:8px 2px;font-size:11px}.columns.leyden-calibration{grid-template-columns:minmax(0,2fr) minmax(440px,1fr)}.leyden-calibration td,.leyden-calibration th{padding:7px 6px;font-size:12px}.leyden-calibration table button{min-height:32px;padding:7px 9px;font-size:12px}@media (max-width:1350px){.columns.leyden-calibration{grid-template-columns:1fr}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e9e5ef;font-synthesis:none;--accent:#b392f4;--border:#37323f;--muted:#a49bab;--panel:#211e27;background:#17151b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{color:#ede7f6;cursor:pointer;background:#302a38;border:1px solid #484050;border-radius:8px;padding:10px 16px;transition:background .15s,border-color .15s}button:hover{background:#40364c;border-color:#a38bba}button:disabled{opacity:.45;cursor:default}button.primary{color:#160f23;background:#9a73d7;border-color:#aa82e7;font-weight:700}button.primary:hover{background:#b294ee}button.active{color:#f0e1ff;background:#4b365f;border-color:#b392f4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #c8a6ff}[hidden]{display:none!important}a{color:#c9a7ff;text-decoration:none}a:hover{text-decoration:underline}header{border-bottom:1px solid var(--border);background:#1c1922;justify-content:space-between;align-items:center;gap:20px;height:88px;padding:0 34px;display:flex}.brand{color:#fff;letter-spacing:-1px;align-items:center;gap:12px;font-size:28px;font-weight:760;display:flex}.brand:hover{text-decoration:none}.brand img{object-fit:contain;width:48px;height:48px}.brand small{letter-spacing:2.3px;color:#b9a6d1;margin-top:1px;font-size:9px;font-weight:600;display:block}.header-actions{align-items:center;gap:12px;display:flex}.header-actions select{max-width:280px}.workspace{min-height:calc(100vh - 133px);display:flex}aside{border-right:1px solid var(--border);background:#1b181f;flex-direction:column;flex-shrink:0;width:232px;padding:27px 16px;display:flex}.device-info{overflow-wrap:anywhere;align-items:center;gap:10px;padding:0 12px 26px;font-size:12px;line-height:1.6;display:flex}.connection-dot{background:#6b6271;border-radius:50%;min-width:8px;height:8px}.connection-dot.connected{background:#86d9a4;box-shadow:0 0 0 4px #86d9a414}.connection-dot.demo{background:#d5b776}nav{flex-direction:column;gap:5px;display:flex}nav button{color:#afa5ba;text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}nav button.active{color:#ddc5fa;background:#35283f;border-color:#614879}nav small{text-transform:uppercase;letter-spacing:.5px;color:#a28aaf;font-size:8px}.sidebar-footer{color:#6f657a;letter-spacing:1px;flex-direction:column;gap:12px;margin-top:auto;padding:40px 12px 0;font-size:9px;display:flex}.sidebar-footer a{letter-spacing:0;font-size:11px}.page{width:100%;min-width:0;max-width:1500px;margin:0 auto;padding:20px 36px 48px}footer{border-top:1px solid var(--border);color:#877e92;justify-content:space-between;align-items:center;gap:14px;min-height:45px;padding:10px 34px;font-size:11px;display:flex}footer span{color:#afa2bc}.status{color:#b7a5cb;overflow-wrap:anywhere;min-height:30px;margin-bottom:15px;font-size:12px}.status.error{color:#ffb3b0}.page-heading{justify-content:space-between;align-items:center;margin:4px 0 25px;display:flex}.page-heading h1{letter-spacing:-1px;margin:7px 0 0;font-size:30px;font-weight:650}.eyebrow{letter-spacing:2px;color:#a38bb7;font-size:10px;font-weight:650}.badge{letter-spacing:1.2px;color:#bcacd0;border:1px solid #4e435a;border-radius:20px;padding:7px 10px;font-size:9px}.page-body{gap:20px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:13px;min-width:0;padding:24px}.section-heading{margin-bottom:21px}h2{letter-spacing:-.25px;margin:0 0 8px;font-size:17px;font-weight:600}p{font-size:13px;line-height:1.65}p:last-child{margin-bottom:0}.section-heading p{color:var(--muted);max-width:850px;margin:0}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.segmented{gap:5px;display:flex}.layers button{min-width:36px;padding:7px 11px}.muted,small{color:var(--muted)}.field{flex-direction:column;gap:10px;min-width:0;margin:16px 0;font-size:13px;display:flex}.field>span{color:#d4c8df;font-weight:550}.field small{font-size:11px}input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea{color:#ede4f4;background:#18151d;border:1px solid #494050;border-radius:7px;min-width:0;max-width:100%;padding:11px 12px}input[type=search]{width:100%}input[type=color]{background:0 0;border:1px solid #65516f;border-radius:7px;width:64px;height:40px;padding:3px}input[type=range]{accent-color:#b48ee9;width:100%;min-width:50px}input[type=checkbox]{accent-color:#aa80e4;width:17px;height:17px}.toggle{align-items:center;gap:11px;margin:18px 0;font-size:13px;display:flex}.slider-row{align-items:center;gap:18px;display:flex}.slider-row output{font-variant-numeric:tabular-nums;min-width:40px;font-size:18px}.notice{color:#d1bedf;background:#2d2435;border:1px solid #4b3b5a;border-radius:8px;padding:14px 17px;font-size:12px}.notice.error{color:#ffb3b0;background:#3a2729;border-color:#714846}.columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.keyboard-scroll{justify-content:safe center;padding:22px 8px 25px;display:flex;overflow-x:auto;container-type:inline-size}.keyboard{flex-shrink:0;position:relative}.keycap{color:#eee4f8;white-space:pre-line;overflow-wrap:anywhere;background:linear-gradient(#4a4352,#342e3d);border:1px solid #5c5365;border-bottom:4px solid #151219;border-radius:6px;justify-content:center;align-items:center;padding:4px 3px 6px;font-size:10px;line-height:1.25;display:flex;position:absolute;box-shadow:inset 0 1px 1px #ffffff10}.keycap:disabled{opacity:1}.keycap.selected{color:#fff;background:linear-gradient(#8a66a9,#684986);border-color:#d0abf7}.keycap-label{pointer-events:none;justify-content:center;align-items:center;padding:3px;display:flex;position:absolute}.keycode-picker{grid-template-columns:repeat(auto-fill,minmax(79px,1fr));gap:7px;max-height:285px;margin:18px 0;display:grid;overflow:auto}.keycode-picker button{min-height:40px;padding:10px 5px;font-size:11px}.keycode-tabs{flex-wrap:wrap;gap:6px;margin:15px 0;display:flex}.keycode-tabs button{padding:9px 13px;font-size:12px}.keycode-count{margin:12px 0 0;font-size:11px}.keycode-description{border-top:1px solid var(--border);color:#c4b4d4;min-height:42px;padding:12px 0 0;font-size:12px}.matrix{gap:5px;display:grid}.matrix-cell{text-align:center;color:#a89ab8;background:#2b2632;border:1px solid #494050;border-radius:5px;padding:10px 2px;font-size:9px}.matrix-cell.pressed{color:#d7ffe4;background:#325842;border-color:#80d19a}.page.working .page-body{pointer-events:none;opacity:.7}.busy{pointer-events:none;opacity:.6}.welcome{text-align:center;padding:32px 0 25px}.hero-mark{justify-content:center;align-items:center;height:108px;margin:5px 0 22px;display:flex}.hero-mark img{filter:drop-shadow(0 10px 35px #8650ab35);width:104px;height:104px}.welcome h1{letter-spacing:-3px;margin:22px 0;font-size:clamp(42px,5vw,72px);font-weight:650;line-height:1.06}.welcome h1 em{color:#bc96e8;font-style:normal}.lead{color:#b2a6bd;max-width:510px;margin:20px auto;font-size:15px;line-height:1.8}.hero-actions{justify-content:center;gap:12px;margin:28px 0 15px;display:flex}.hero-actions button{padding:13px 23px}.browser-support{font-size:11px}.feature-grid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:52px;display:grid}.feature-grid .card{padding:21px}.feature-grid h2{letter-spacing:1.3px;color:#a78bba;font-size:11px}.feature-grid .section-heading p{color:#e1d3eb;font-size:16px;font-weight:600}.feature-grid p{color:#9e91aa;font-size:12px}.feature-grid .section-heading{margin-bottom:10px}canvas{image-rendering:pixelated;background:#08090a;border:1px solid #4b4354;border-radius:8px;max-width:100%}.sensor-chart{width:100%;height:260px}table{border-collapse:collapse;width:100%;font-size:12px}td,th{border-bottom:1px solid var(--border);text-align:left;padding:9px}.scroll-table{max-height:350px;overflow:auto}.zone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.zone-grid button{min-height:56px}@media (min-width:1700px){.page{padding-top:30px}.welcome{padding-top:55px}.feature-grid{margin-top:65px}}@media (max-width:1050px){aside{width:190px}.page{padding:18px 20px 36px}.columns{grid-template-columns:1fr}.feature-grid{gap:10px}.card{padding:19px}.header-actions select{max-width:200px}.welcome h1{font-size:54px}}@media (max-width:760px){header{height:76px;padding:0 17px}.brand{font-size:24px}.brand img{width:38px;height:38px}.header-actions{gap:7px}.header-actions select{display:none}header button{padding:9px 11px;font-size:12px}.workspace{display:block}aside{border-right:0;border-bottom:1px solid var(--border);width:auto;padding:10px 14px}.device-info{padding:0 5px 8px;font-size:10px}nav{flex-direction:row;gap:4px;overflow:auto}nav button{flex-shrink:0;padding:9px 11px;font-size:12px}nav small,.sidebar-footer{display:none}.page{padding:14px 14px 30px}.welcome{padding-top:12px}.welcome h1{font-size:49px}.feature-grid{text-align:left;grid-template-columns:1fr;margin-top:30px}.feature-grid .card{padding:18px}.hero-mark{height:85px}.hero-mark img{width:78px;height:78px}.eyebrow{font-size:9px}.lead{font-size:14px}.page-heading h1{font-size:26px}.zone-grid{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap;padding:12px 17px;font-size:9px}}.oled-preview{width:288px;height:160px;margin:20px auto 0;display:block}.gif-stage{background:#16121c;border:1px solid #44394f;border-radius:9px;justify-content:center;align-items:center;height:300px;min-height:180px;margin-top:20px;display:flex;position:relative;overflow:hidden}.gif-stage img{object-fit:contain;max-width:100%;max-height:100%}.crop-box{cursor:move;touch-action:none;border:2px solid #dac0fc;position:absolute;box-shadow:0 0 0 1000px #0007}.animation-preview{width:256px;height:256px;margin:22px auto;display:block}.slot-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.slot-list button{padding:12px 9px;font-size:11px}progress{accent-color:#ac83e2;width:100%;height:12px}.working .cancel-operation{pointer-events:auto}.keycap.captured{background:#294e71;border-color:#80c4ff}.keycap.failed{background:#6c3238;border-color:#f79096}.keycap.pressed{background:#355f48;border-color:#8fdeae}.calibration .scroll-table{max-height:660px}.calibration>div:first-child{min-width:0}.calibration{grid-template-columns:minmax(0,2fr) minmax(220px,1fr)}.calibration .card{margin-top:15px}@media (max-width:1100px){.calibration{grid-template-columns:1fr}}.xwhatsit-actions{justify-content:center;margin:0 0 20px;display:flex}.xwhatsit-setting{margin:20px 0 26px}.xwhatsit-setting .field{margin-bottom:6px}.xwhatsit-setting .muted{margin-top:6px}