.products-inner[data-v-f9f1ac19]{margin-inline:auto;max-width:1192px;padding:24px 36px 160px}h2[data-v-f9f1ac19]{color:#8496a3;font-size:14px;font-weight:400;line-height:1.4;margin:0 0 14px;text-align:center}.product-grid[data-v-f9f1ac19]{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.product-card[data-v-f9f1ac19]{align-items:center;border:1px solid var(--site-border);border-radius:8px;color:#b2c1cc;display:flex;gap:16px;justify-content:space-between;padding:15px 18px;text-decoration:none;transition:border-color .15s,background .15s}.product-card[data-v-f9f1ac19]:hover{background:var(--site-surface);border-color:var(--site-border-strong)}.product-card[data-v-f9f1ac19]:focus-visible{outline:2px solid var(--brand-accent);outline-offset:5px}.product-identity[data-v-f9f1ac19]{min-width:0}h3[data-v-f9f1ac19]{color:#b2c1cc;font-size:15px;font-weight:500;line-height:1.4;margin:0;overflow-wrap:anywhere}.product-identity p[data-v-f9f1ac19]{color:#8fa8b7;font-size:12px;line-height:1.6;margin:4px 0 0}.product-arrow[data-v-f9f1ac19]{color:#8195a3;flex-shrink:0}@media(max-width:760px){.products-inner[data-v-f9f1ac19]{padding:22px 18px 48px}.product-card[data-v-f9f1ac19]{padding:14px 16px}}@media(prefers-reduced-motion:reduce){.product-card[data-v-f9f1ac19]{transition:none}}.keycap[data-v-558d54b0]{align-items:center;background:linear-gradient(180deg,#30353a,#272c31);border:var(--keyboard-unit,1px) solid #3b4045;border-bottom:calc(var(--keyboard-unit, 1px)*3) solid #111417;border-radius:calc(var(--keyboard-unit, 1px)*7);box-shadow:0 var(--keyboard-unit,1px) 0 #ffffff0a inset,0 calc(var(--keyboard-unit, 1px)*2) calc(var(--keyboard-unit, 1px)*2) #0005;color:#e7ecee;cursor:pointer;display:flex;font-family:inherit;gap:calc(var(--keyboard-unit, 1px)*7);height:var(--key-height,57px);justify-content:center;min-width:0;padding:calc(var(--keyboard-unit, 1px)*8) calc(var(--keyboard-unit, 1px)*5);position:relative;touch-action:pan-x pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .12s,border-color .12s,transform .08s}.keycap[data-v-558d54b0]:hover{background:#39434a;border-color:#62727b #62727b #151a1d}.keycap[data-v-558d54b0]:active{background:var(--brand-accent-soft);border-bottom-width:var(--keyboard-unit,1px);box-shadow:none;transform:translateY(calc(var(--keyboard-unit, 1px)*2))}.keycap[data-v-558d54b0]:focus-visible{outline:2px solid var(--brand-accent);outline-offset:calc(var(--keyboard-unit, 1px)*3);z-index:1}.keycap[data-v-558d54b0]:disabled{cursor:wait;opacity:.45}.keycap-character[data-v-558d54b0]{font-size:calc(var(--keyboard-unit, 1px)*17)}.keycap-character[data-v-558d54b0],.keycap-secondary[data-v-558d54b0]{font-family:var(--font-keyboard);line-height:1}.keycap-secondary[data-v-558d54b0]{color:#859198;font-size:calc(var(--keyboard-unit, 1px)*10);left:calc(var(--keyboard-unit, 1px)*9);position:absolute;top:calc(var(--keyboard-unit, 1px)*7)}.keycap:has(.keycap-secondary) .keycap-character[data-v-558d54b0]{transform:translate(calc(var(--keyboard-unit, 1px)*4),calc(var(--keyboard-unit, 1px)*5))}.keycap-command[data-v-558d54b0]{background:linear-gradient(180deg,#22272c,#1d2227);color:#abb7bd}.keycap-label[data-v-558d54b0]{font-size:calc(var(--keyboard-unit, 1px)*10);font-weight:500;white-space:nowrap}.keycap-icon[data-v-558d54b0]{flex-shrink:0;height:calc(var(--keyboard-unit, 1px)*18);width:calc(var(--keyboard-unit, 1px)*18)}.keycap-command:has(svg) .keycap-label[data-v-558d54b0]{display:var(--command-label-display,inline)}.keycap-indicator[data-v-558d54b0]{background:#5c686e;border-radius:50%;height:calc(var(--keyboard-unit, 1px)*4);position:absolute;right:calc(var(--keyboard-unit, 1px)*9);top:calc(var(--keyboard-unit, 1px)*8);width:calc(var(--keyboard-unit, 1px)*4)}.keycap-active[data-v-558d54b0]{background:var(--brand-accent-soft);border-color:var(--brand-accent-border);border-bottom-color:var(--brand-accent-soft);color:var(--brand-accent)}.keycap-active .keycap-indicator[data-v-558d54b0]{background:var(--brand-accent);box-shadow:0 0 calc(var(--keyboard-unit, 1px)*6) var(--brand-accent-glow)}.keycap-bump[data-v-558d54b0]{background:#59636a;border-radius:var(--keyboard-unit,1px);bottom:calc(var(--keyboard-unit, 1px)*7);height:calc(var(--keyboard-unit, 1px)*2);position:absolute;width:calc(var(--keyboard-unit, 1px)*10)}.keycap-space .keycap-label[data-v-558d54b0]{color:#74818a;font-size:calc(var(--keyboard-unit, 1px)*9);letter-spacing:.15em}@media(prefers-reduced-motion:reduce){.keycap[data-v-558d54b0]{transition:none}}.palette-edit-row[data-v-757d23cf]{display:flex;gap:7px;margin-top:14px}.keyboard-panel[data-v-e9532c2e]{--keyboard-unit:1px;--command-label-display:inline;background:#20252a;border:var(--keyboard-unit) solid #3a4146;border-bottom:calc(var(--keyboard-unit)*4) solid #111518;border-radius:calc(var(--keyboard-unit)*14);box-shadow:0 calc(var(--keyboard-unit)*14) calc(var(--keyboard-unit)*35) calc(var(--keyboard-unit)*-18) #000b,0 var(--keyboard-unit) 0 #ffffff08 inset;min-width:0;padding:calc(var(--keyboard-unit)*18)}.keyboard-panel-index[data-v-e9532c2e]{--keyboard-unit:min(1px,.09766cqi);--key-height:calc(var(--keyboard-unit)*52)}.panel-heading[data-v-e9532c2e]{gap:calc(var(--keyboard-unit)*12);justify-content:space-between;margin:0 calc(var(--keyboard-unit)*2) calc(var(--keyboard-unit)*16)}.panel-heading[data-v-e9532c2e],.panel-name[data-v-e9532c2e]{align-items:center;display:flex}.panel-name[data-v-e9532c2e]{color:#adb8be;font-size:calc(var(--keyboard-unit)*10);font-weight:600;gap:calc(var(--keyboard-unit)*8);letter-spacing:.1em;line-height:1.4;text-transform:uppercase;white-space:nowrap}.status-dot[data-v-e9532c2e]{background:var(--brand-accent);border-radius:50%;box-shadow:0 0 calc(var(--keyboard-unit)*8) var(--brand-accent-glow);height:calc(var(--keyboard-unit)*5);width:calc(var(--keyboard-unit)*5)}.modifier-status[data-v-e9532c2e]{color:#8d989f;display:flex;font-size:calc(var(--keyboard-unit)*8);gap:calc(var(--keyboard-unit)*17);letter-spacing:.08em;line-height:1.4}.modifier-status span[data-v-e9532c2e]{align-items:center;display:flex;gap:calc(var(--keyboard-unit)*7)}.modifier-status i[data-v-e9532c2e]{background:#4f5b63;border-radius:50%;height:calc(var(--keyboard-unit)*4);width:calc(var(--keyboard-unit)*4)}.modifier-status .enabled[data-v-e9532c2e]{color:var(--brand-accent)}.modifier-status .enabled i[data-v-e9532c2e]{background:var(--brand-accent);box-shadow:0 0 calc(var(--keyboard-unit)*6) var(--brand-accent-glow)}.panel-caption[data-v-e9532c2e]{color:#92a0a8;font-size:11px}.keyboard-rows[data-v-e9532c2e]{flex-direction:column}.keyboard-row[data-v-e9532c2e],.keyboard-rows[data-v-e9532c2e]{display:flex;gap:calc(var(--keyboard-unit)*7);min-width:0}.symbol-tabs[data-v-e9532c2e]{display:flex;gap:5px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}.symbol-tabs button[data-v-e9532c2e]{background:transparent;border:1px solid transparent;border-radius:5px;color:#a0afb7;cursor:pointer;font:inherit;font-size:12px;padding:7px 12px;white-space:nowrap}.symbol-tabs button[data-v-e9532c2e]:hover{background:#2b343b;color:var(--brand-accent)}.symbol-tabs button.selected[data-v-e9532c2e]{background:var(--brand-accent-soft);border-color:var(--brand-accent-border);color:var(--brand-accent)}.symbol-tabs button[data-v-e9532c2e]:focus-visible{outline:2px solid var(--brand-accent);outline-offset:-2px}.symbol-grid[data-v-e9532c2e]{display:grid;gap:7px;grid-template-columns:repeat(8,minmax(0,1fr))}@container keyboard-workspace (max-width: 720px){.keyboard-panel[data-v-e9532c2e]:not(.keyboard-panel-index){--command-label-display:none}}@container keyboard-workspace (max-width: 600px){.keyboard-panel[data-v-e9532c2e]:not(.keyboard-panel-index){padding:12px}.symbol-grid[data-v-e9532c2e]{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-caption[data-v-e9532c2e]{display:none}}.keyboard-area[data-v-b4458d27]{container:keyboard-area/inline-size;display:flex;flex-direction:column;gap:12px;min-width:0}.keyboard-area-header[data-v-b4458d27]{align-items:center;display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:space-between;min-width:0}.keyboard-area-actions[data-v-b4458d27]{display:flex;flex-shrink:0;justify-content:flex-end;margin-left:auto}.tool-navigation[data-v-b4458d27]{align-items:stretch;display:flex;gap:4px;max-width:100%}.tool-navigation a[data-v-b4458d27]{align-items:center;border:1px solid transparent;border-radius:6px;color:#9daab4;display:inline-flex;font-size:12px;gap:7px;justify-content:center;min-height:36px;padding:6px 11px;text-decoration:none;white-space:nowrap}.tool-navigation a[data-v-b4458d27]:hover{background:var(--site-surface-hover);color:var(--brand-accent)}.tool-navigation a.active[data-v-b4458d27]{background:var(--brand-accent-soft);border-color:var(--brand-accent-border);color:var(--brand-accent)}.tool-navigation a[aria-disabled=true][data-v-b4458d27]{cursor:wait;opacity:.45}.tool-navigation a[data-v-b4458d27]:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}@media not (min-width:48rem){.keyboard-area-actions[data-v-b4458d27]:not(.show-on-small-screens){display:none}}@container keyboard-workspace (max-width: 520px){.keyboard-area-header[data-v-b4458d27]{gap:6px}.tool-navigation a[data-v-b4458d27]{font-size:11px;min-height:40px;padding-inline:9px}.keyboard-area-actions[data-v-b4458d27]{width:100%}}.popup-placeholder[data-v-3174cbd7]{align-items:center;background:var(--site-surface);border:1px dashed var(--site-border-strong);border-radius:12px;color:var(--brand-accent);display:flex;flex-direction:column;justify-content:center;min-height:380px;padding:36px 24px;text-align:center}.popup-placeholder h2[data-v-3174cbd7]{color:#e1f0f5;font-size:20px;font-weight:500;margin:20px 0 9px}.popup-placeholder-actions[data-v-3174cbd7]{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:22px}.keyboard-workspace[data-v-3174cbd7]{background:transparent;border:0;color:#e8edf0;container:keyboard-workspace/inline-size;display:block;inset:auto;margin:0;max-height:none;max-width:none;overflow:visible;padding:0;position:relative;width:100%}.workspace-inner[data-v-3174cbd7]{display:flex;flex-direction:column;gap:16px;--key-height:52px}.workspace-keyboard[data-v-3174cbd7]{margin-top:18px}.quiet-button[data-v-3174cbd7]{align-items:center;background:none;border:0;color:#a5b1b9;cursor:pointer;display:inline-flex;font:inherit;font-size:11px;gap:7px;justify-content:center;min-height:32px;padding:4px 2px}.quiet-button[data-v-3174cbd7]:hover{color:var(--brand-accent)}.quiet-button[data-v-3174cbd7]:disabled{cursor:wait;opacity:.4}.popup-button[data-v-3174cbd7]{font-size:14px}.text-editor[data-v-3174cbd7]{display:flex;flex-direction:column;gap:10px}textarea[data-v-3174cbd7]{background:#12181e;border:1px solid var(--site-border-strong);border-radius:9px;caret-color:var(--brand-accent);color:#eef4f7;display:block;font-family:var(--font-keyboard);font-size:20px;height:112px;line-height:1.65;min-height:84px;outline:0;padding:16px 18px;resize:vertical;scrollbar-color:var(--site-border-focus) transparent;scrollbar-width:thin;-moz-tab-size:4;-o-tab-size:4;tab-size:4;transition:border-color .15s;width:100%}textarea[data-v-3174cbd7]:focus{border-color:var(--site-border-focus)}textarea[data-v-3174cbd7]::-moz-placeholder{color:#667885;font-family:var(--font-interface);font-size:17px;font-weight:400}textarea[data-v-3174cbd7]::placeholder{color:#667885;font-family:var(--font-interface);font-size:17px;font-weight:400}.editor-actions[data-v-3174cbd7]{align-items:center;display:flex;gap:10px;justify-content:flex-end}.popup-logo[data-v-3174cbd7]{flex-shrink:0;margin-right:auto}.clear-button[data-v-3174cbd7]{background:transparent;border:1px solid var(--site-border-strong);border-radius:6px;color:#abbcc7;cursor:pointer;font:inherit;font-size:12px;min-height:38px;min-width:76px;padding:8px 16px}.clear-button[data-v-3174cbd7]:hover:not(:disabled){background:var(--brand-accent-soft);border-color:var(--brand-accent-border);color:var(--brand-accent)}.clear-button[data-v-3174cbd7]:disabled{cursor:default;opacity:.4}.copy-button[data-v-3174cbd7]{align-items:center;background:var(--brand-accent);border:1px solid var(--brand-accent);border-radius:6px;color:var(--brand-accent-foreground);cursor:pointer;display:inline-flex;font:inherit;font-size:12px;font-weight:600;gap:9px;justify-content:center;min-height:38px;min-width:138px;padding:8px 16px;transition:background .15s}.copy-button[data-v-3174cbd7]:hover:not(:disabled):not(.copied){background:var(--brand-accent-hover)}.copy-button[data-v-3174cbd7]:disabled{cursor:default;opacity:.45}.copy-button.copied[data-v-3174cbd7]{background:#b2efcb;border-color:#b2efcb}.copy-error[data-v-3174cbd7]{border:1px solid #886239;border-radius:7px;color:#edc697;font-size:12px;margin:0;padding:10px 14px}button[data-v-3174cbd7]:focus-visible{border-radius:4px;outline:2px solid var(--brand-accent);outline-offset:4px}.keyboard-workspace.is-popup[data-v-3174cbd7]{background:var(--site-background);font-family:var(--font-interface);min-height:100dvh;padding:16px}.is-popup .workspace-inner[data-v-3174cbd7]{gap:14px;--key-height:46px}.is-popup textarea[data-v-3174cbd7]{font-size:18px;height:96px}.is-popup[data-v-3174cbd7] .keyboard-panel:not(.keyboard-panel-index){padding:14px}@media(min-width:761px)and (max-height:820px){.keyboard-workspace:not(.is-popup) .workspace-inner[data-v-3174cbd7]{gap:12px;--key-height:44px}.keyboard-workspace:not(.is-popup) textarea[data-v-3174cbd7]{height:96px}}@container keyboard-workspace (max-width: 600px){.workspace-inner[data-v-3174cbd7]{gap:14px;--key-height:44px}.workspace-emoji .workspace-inner[data-v-3174cbd7]{--emoji-grid-height:196px}.quiet-button[data-v-3174cbd7]{min-height:40px}textarea[data-v-3174cbd7]{font-size:18px;padding:14px}textarea[data-v-3174cbd7]::-moz-placeholder{font-size:16px}textarea[data-v-3174cbd7]::placeholder{font-size:16px}.clear-button[data-v-3174cbd7],.copy-button[data-v-3174cbd7]{min-height:42px}.copy-button[data-v-3174cbd7]{min-width:125px}}@container keyboard-workspace (max-width: 400px){.is-popup .editor-actions[data-v-3174cbd7]{gap:8px}.is-popup .clear-button[data-v-3174cbd7],.is-popup .copy-button[data-v-3174cbd7]{min-width:0;padding-inline:10px}}@media(max-width:760px)and (max-height:740px){.workspace-emoji .workspace-inner[data-v-3174cbd7]{gap:10px;--emoji-grid-height:clamp(147px, calc(100dvh - 500px) ,245px)}.workspace-emoji .quiet-button[data-v-3174cbd7]{min-height:36px}.workspace-emoji textarea[data-v-3174cbd7]{height:72px;min-height:72px}.workspace-emoji[data-v-3174cbd7] .panel-heading{display:none}.workspace-emoji[data-v-3174cbd7] .emoji-categories{padding-bottom:8px}}@media(prefers-reduced-motion:reduce){.copy-button[data-v-3174cbd7],textarea[data-v-3174cbd7]{transition:none}}.home-share[data-v-ec9cdb4a]{margin:0 auto 20px;max-width:1192px;padding-inline:36px;width:100%}@media(max-width:760px){.home-share[data-v-ec9cdb4a]{padding-inline:18px}}@media(max-width:760px)and (max-height:740px){.site-emoji[data-v-ec9cdb4a] .site-main{padding-top:16px}}