.kw-recovery{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:12px 0;font-size:13px;display:flex}.kw-recovery>span{overflow-wrap:anywhere}.kw-recovery strong{color:var(--foreground);font-weight:500}.kw-recovery button{min-height:32px;color:var(--muted-foreground);background:0 0;border:0;padding:0 8px;font-size:12px}.kw-recovery button:hover{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.kw-workspace{width:min(1280px,100%);margin:0 auto;padding:24px}.kw-connect{background:var(--background);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding:20px 24px;display:flex}.kw-connect>p{color:var(--muted-foreground);font-size:13px}.kw-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kw-actions [data-slot=button]{height:36px;box-shadow:none;white-space:nowrap;border-radius:6px;gap:8px;padding-inline:12px;font-size:13px}.kw-actions [data-slot=button]>svg{width:15px;height:15px}.kw-text-button{min-height:36px;color:var(--muted-foreground);background:0 0;border:0;padding:0 8px;font-size:13px}.kw-text-button:hover:not(:disabled){color:var(--foreground)}.kw-text-button:disabled{opacity:.45}.kw-notice,.kw-error{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:6px;margin:12px 0;padding:10px 14px;font-size:13px;line-height:1.65}.kw-notice{background:var(--background);color:var(--muted-foreground)}.kw-error{color:var(--destructive);background:var(--background);border-color:color-mix(in srgb,var(--destructive) 25%,var(--border))}.kw-console{background:var(--background);border:1px solid var(--border);border-radius:8px;overflow:hidden}.kw-connect+.kw-console,.kw-notice+.kw-console,.kw-error+.kw-console{margin-top:16px}.kw-layout-panel{padding:16px 24px 24px}.kw-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.kw-layer-row{color:var(--muted-foreground);align-items:center;gap:16px;min-width:0;font-size:13px;display:flex}.kw-layer-row>div{flex-wrap:wrap;gap:4px;display:flex}.kw-layer-row button{border:1px solid var(--border);background:var(--background);width:36px;height:32px;color:var(--muted-foreground);font-family:var(--font-mono);border-radius:5px;padding:0;font-size:13px}.kw-layer-row button[aria-pressed=true]{color:var(--primary-foreground);border-color:var(--primary);background:var(--primary)}.kw-layer-row button:hover:not(:disabled):not([aria-pressed=true]){background:var(--muted);color:var(--foreground)}.kw-layer-row button:disabled{opacity:.55}.kw-layer-placeholder{font-size:12px}.kw-tool-button{min-width:32px;min-height:32px;color:var(--muted-foreground);background:0 0;border:1px solid #0000;border-radius:5px;place-items:center;display:grid}.kw-tool-button:hover:not(:disabled){background:var(--muted);color:var(--foreground)}.kw-tool-button:disabled{opacity:.45}.kw-layout-warning{color:var(--muted-foreground);margin-bottom:16px;font-size:13px}.kw-keyboard-case{width:min(100%,var(--kw-case-width));background:var(--secondary);border:1px solid var(--input);border-radius:8px;max-width:920px;margin-inline:auto;padding:16px 16px 12px}.kw-board-scroll{scrollbar-width:thin;padding:1px 0 4px;overflow-x:auto}.kw-board{width:100%;min-width:var(--kw-board-min);aspect-ratio:var(--kw-board-ratio);position:relative}.kw-key{color:var(--foreground);background:#fff;border:1px solid #d6d8dc;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:clamp(11px,.95vw,13px);line-height:1.15;transition:background .12s,color .12s,border-color .12s;display:flex;position:absolute;box-shadow:0 2px #c8cbd0}.kw-key>span{overflow-wrap:anywhere;text-align:center;max-width:100%}.kw-key.is-modifier{background:#e4e6e9}.kw-key:hover:not(:disabled){background:#eff1ed;border-color:#a5aaae}.kw-key.is-selected{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);box-shadow:0 2px #090a0b}.kw-key.is-selected:hover:not(:disabled){background:#393d40}.kw-key:focus-visible{z-index:2;outline-offset:1px}.kw-key:disabled{opacity:.65}.kw-editor{border-top:1px solid var(--border);grid-template-columns:200px minmax(0,1fr);display:grid}.kw-selected{border-right:1px solid var(--border);flex-direction:column;align-items:stretch;gap:16px;padding:20px;display:flex}.kw-selected-position{color:var(--muted-foreground);font-size:12px}.kw-change-preview{justify-content:flex-start;align-items:center;gap:10px;min-height:54px;display:flex}.kw-change-preview>svg{color:var(--muted-foreground)}.kw-change-preview kbd{border:1px solid var(--input);background:var(--secondary);min-width:54px;max-width:100%;min-height:48px;color:var(--foreground);font:500 15px/1.2 var(--font-sans);overflow-wrap:anywhere;text-align:center;border-radius:5px;justify-content:center;align-items:center;padding:8px;display:flex}.kw-change-preview kbd.is-draft{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.kw-apply{width:100%;min-height:36px;box-shadow:none;border-radius:6px;padding-inline:8px;font-size:13px}.kw-demo-note{color:var(--muted-foreground);font-size:12px}.kw-palette{min-width:0;padding:16px 20px 20px}.kw-palette-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.kw-filter-tabs{flex-wrap:wrap;gap:2px;display:flex}.kw-filter-tabs button{min-height:32px;color:var(--muted-foreground);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:5px 8px;font-size:12px}.kw-filter-tabs button[aria-pressed=true]{border-bottom-color:var(--foreground);color:var(--foreground)}.kw-filter-tabs button:hover{background:var(--muted);color:var(--foreground)}.kw-search{border:1px solid var(--input);min-width:110px;color:var(--muted-foreground);border-radius:5px;flex:0 160px;align-items:center;gap:8px;padding:7px 9px;display:flex}.kw-search input{width:100%;min-width:0;color:var(--foreground);background:0 0;border:0;outline:none;font-size:12px}.kw-search:focus-within{outline:2px solid var(--ring);outline-offset:2px}.kw-search input::placeholder{color:var(--muted-foreground)}.kw-options{scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;max-height:208px;padding:2px;display:grid;overflow-y:auto}.kw-options button{border:1px solid var(--border);background:var(--background);min-height:38px;color:var(--foreground);white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;padding:5px;font-size:12px;line-height:1.2;display:flex}.kw-options button:hover:not(:disabled){background:var(--secondary);border-color:#a5aaae}.kw-options button[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.kw-options button:disabled{opacity:.45}.kw-no-results{color:var(--muted-foreground);grid-column:1/-1;padding:16px 0;font-size:13px}.kw-details{color:var(--muted-foreground);margin-top:16px;font-size:12px}.kw-secondary-actions{flex-wrap:wrap;gap:8px;margin:4px 0 12px;display:flex}.kw-secondary-actions button{border:1px solid var(--border);background:var(--background);border-radius:5px;align-items:center;gap:7px;display:inline-flex}.kw-details summary{cursor:pointer;width:fit-content;min-height:32px}.kw-details>p{max-width:720px;margin:8px 0}.kw-details dl{flex-wrap:wrap;gap:12px 32px;margin:12px 0;display:flex}.kw-details dl>div{gap:12px;display:flex}.kw-details dd{color:var(--foreground)}.kw-official-links{gap:16px;margin-top:12px;display:flex}.kw-official-links a{text-underline-offset:3px;text-decoration:underline}@media (width<=1000px){.kw-workspace{padding:20px}.kw-editor{grid-template-columns:180px minmax(0,1fr)}.kw-palette-toolbar{flex-direction:column;align-items:stretch}.kw-search{flex:auto;max-width:240px}.kw-selected{padding:16px}}@media (width<=700px){.kw-workspace{padding:12px}.kw-connect{gap:12px;padding:16px}.kw-actions [data-slot=button],.kw-text-button{min-height:40px}.kw-layout-panel{padding:12px 12px 16px}.kw-toolbar{align-items:flex-start;gap:12px;margin-bottom:16px}.kw-layer-row{align-items:flex-start;gap:10px}.kw-layer-row>span{padding-top:10px}.kw-layer-row button{min-width:40px;height:40px}.kw-tool-button{min-width:40px;min-height:40px}.kw-keyboard-case{padding:10px 10px 6px}.kw-editor{grid-template-columns:minmax(0,1fr)}.kw-selected{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 148px;align-items:center;gap:8px 16px;padding:16px;display:grid}.kw-selected-position{grid-column:1}.kw-change-preview{grid-area:2/1;min-height:44px}.kw-change-preview kbd{min-width:44px;min-height:40px;font-size:13px}.kw-apply{grid-area:2/2;min-height:40px}.kw-demo-note{text-align:right;grid-area:1/2}.kw-palette{padding:12px 14px 16px}.kw-palette-toolbar{gap:10px;margin-bottom:12px}.kw-filter-tabs button{min-height:40px;padding-inline:8px}.kw-search{max-width:none;min-height:40px}.kw-options{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));max-height:220px}.kw-options button{min-height:40px}.kw-details{padding-inline:4px}}@media (prefers-reduced-motion:reduce){.kw-key{transition:none}}.kw-recovery-stack{min-width:0;margin:8px 0 12px}.kw-recovery-heading{color:var(--muted-foreground);margin:0 0 6px;font-size:12px;font-weight:500}.kw-recovery-items{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:0 20px;max-height:144px;display:grid;overflow:auto}.kw-recovery-items .kw-recovery{flex-wrap:nowrap;gap:4px;min-width:0;margin:0;font-size:12px}.kw-recovery-items .kw-recovery button{flex-shrink:0}.kw-workspace{width:min(var(--page-content),calc(100% - 2 * var(--page-gutter)));max-width:none;color:var(--foreground);margin:auto;padding:32px 0 48px}.kw-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.kw-heading h1{letter-spacing:-.025em;margin:0;font-size:24px;font-weight:600;line-height:1.45}.kw-status{color:#787e73;white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:flex}.kw-status.is-connected{color:#557334}.kw-connection{border:0;border-block:1px solid var(--border);background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:24px 0;display:flex}.kw-connection-copy{align-items:center;gap:16px;min-width:0;display:flex}.kw-connection h2{overflow-wrap:anywhere;font-size:16px;font-weight:550}.kw-connection p{color:#79816f;margin-top:4px;font-size:14px}.kw-layout-panel{border:0;border-radius:0;margin-top:24px;padding:0;overflow:hidden}.kw-section-heading{justify-content:space-between;align-items:center;gap:18px;padding:0 0 16px;display:flex}.kw-section-heading h2,.kw-support h2{font-size:16px;font-weight:600}.kw-layer-row{padding:0 0 16px}.kw-layer-row>span:first-child{align-items:center;gap:7px;display:flex}.kw-layer-row button{background:0 0;border-color:#0000;width:auto;min-width:40px;height:36px}.kw-layer-row button.is-active{color:#587039;background:#eef2e7;border-color:#d8e0cc}.kw-key-count{color:#6b755f;white-space:nowrap;margin-left:auto}.kw-keyboard-case{background:#eff1ea;border:1px solid #dfe3d8;border-radius:12px;width:auto;max-width:none;margin:0;padding:24px;box-shadow:0 3px #dce0d3,0 6px 14px #28321505}.kw-board-footer{color:#6b755f;gap:16px;margin:0;padding:16px 0 0;font-size:13px;display:flex}.kw-editor{border:0;border-top:1px solid var(--border);border-radius:0;grid-template-columns:256px minmax(0,1fr);gap:32px;margin-top:24px;padding-top:24px;display:grid;overflow:hidden}.kw-selected{background:0 0;border:0;padding:0;display:block}.kw-selected h2,.kw-palette h3{font-size:14px;font-weight:550}.kw-coordinates{color:var(--muted-foreground);flex-wrap:wrap;gap:8px 16px;margin-top:8px;font-size:14px;display:flex}.kw-change-preview{margin:24px 0}.kw-change-preview>span{color:#6b755f;flex-direction:column;gap:6px;min-width:64px;font-size:13px;display:flex}.kw-change-preview strong{overflow-wrap:anywhere;color:#555f4b;font-size:13px;font-weight:500}.kw-palette{padding:0}.kw-palette-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.kw-filter-tabs{gap:4px;margin:18px 0}.kw-filter-tabs button{border:0;border-radius:5px;min-height:30px;padding:6px 10px}.kw-filter-tabs button[aria-pressed=true]{color:#58703c;background:#f0f3e9;border:0}.kw-options{grid-template-columns:repeat(auto-fill,minmax(69px,1fr));gap:7px;max-height:295px}.kw-options button{color:#6c775d;flex-direction:column;gap:6px;min-height:53px;padding:8px 5px;display:flex;position:relative}.kw-options button strong{font-size:14px;font-weight:500}.kw-options button span{color:#67725b;font:13px var(--font-mono)}.kw-options button>svg{color:#6e884f;position:absolute;top:4px;right:4px}.kw-support{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.kw-connection+.kw-support{border-top:0;padding-top:0}.kw-support p{color:var(--muted-foreground);margin:12px 0;font-size:14px;line-height:1.8}.kw-official-links{justify-content:flex-start;gap:16px 24px;margin:24px 0;font-size:14px}.kw-evidence-note{color:#68745c;text-align:left;margin:24px 0;font-size:14px;line-height:1.8}@media (width<=700px){.kw-workspace{padding:24px 0 40px}.kw-heading h1{font-size:22px}.kw-connection{flex-wrap:wrap;gap:16px;padding:18px 0}.kw-connection>.kw-actions{gap:6px;width:100%}.kw-layout-panel{padding:0}.kw-section-heading{padding:0 0 16px}.kw-layer-row{flex-wrap:wrap;padding:0 0 16px}.kw-layer-row>span{padding-top:0}.kw-key-count{display:none}.kw-keyboard-case{margin:0;padding:16px}.kw-editor{grid-template-columns:1fr;gap:24px}.kw-selected{border:0;padding:0;display:block}.kw-palette{padding:0}}