:root{--lk-primary:var(--main-primary);--lk-primary-light:#6366f114;--lk-text:#1e293b;--lk-text-muted:#64748b;--lk-bg:#fff;--lk-bg-secondary:#f8fafc;--lk-border:#e2e8f0;--lk-border-light:#f1f5f9;--lk-radius:var(--main-radius,8px);--lk-radius-lg:var(--main-radius-lg,12px);--lk-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--lk-shadow-md:0 4px 12px #00000014;--lk-transition:.15s ease;--lk-key-bg:#fff;--lk-key-border:#d1d5db;--lk-key-shadow:0 2px 0 #b8bcc2;--lk-key-active-bg:#e2e8f0;--lk-special-bg:#e2e8f0;--lk-special-border:#cbd5e1;--lk-special-shadow:0 2px 0 #a1a7ae;--lk-special-hover-bg:#d4d8de;--lk-special-active-bg:#cbd5e1;--lk-hw-stroke-color:#333}._lk-container{flex-direction:column;gap:1rem;width:100%;max-width:900px;margin:0 auto;display:flex}._lk-panel{background:var(--lk-bg);border-radius:var(--lk-radius-lg);border-style:solid;border-width:1px;border-color:var(--lk-border);box-shadow:var(--lk-shadow);overflow:hidden}._lk-panel-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--lk-border-light);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}._lk-panel-title-group{color:var(--lk-text);align-items:center;gap:.5rem;display:flex}._lk-panel-title-group svg{color:var(--lk-text-muted);width:16px;height:16px}._lk-panel-title{color:var(--lk-text);font-size:.8125rem;font-weight:600}._lk-panel-actions{align-items:center;gap:.5rem;display:flex}._lk-char-count{color:var(--lk-text-muted);font-size:.75rem;font-family:var(--main-font-mono);background:var(--lk-bg-secondary);border-radius:var(--main-radius-full,9999px);padding:.125rem .5rem}._lk-btn{cursor:pointer;color:var(--lk-text-muted);transition:color var(--lk-transition), opacity var(--lk-transition), background var(--lk-transition);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;gap:.375rem;padding:0;display:inline-flex}._lk-btn:hover{color:var(--lk-primary)}._lk-btn-sm{border-radius:var(--lk-radius);padding:.375rem}._lk-btn-sm:hover{background:var(--lk-primary-light)}._lk-btn-sm svg{width:14px;height:14px}._lk-textarea{resize:vertical;width:100%;color:var(--lk-text);background:var(--lk-bg);border:none;outline:none;min-height:80px;padding:.875rem 1rem;font-family:inherit;font-size:1.0625rem;line-height:1.6}._lk-textarea::placeholder{color:var(--lk-text-muted);opacity:.6}@media (hover:none){._lk-btn:hover{color:var(--lk-text-muted)}._lk-btn-sm:hover{background:0 0}}@media (max-width:768px){._lk-container{gap:.75rem;padding-left:.75rem;padding-right:.75rem}._lk-panel-header{flex-wrap:wrap;gap:.5rem;padding:.625rem .75rem}._lk-panel-actions{gap:.25rem}._lk-btn-sm{min-width:2.25rem;min-height:2.25rem;padding:.5rem}._lk-btn-sm svg{width:16px;height:16px}._lk-textarea{padding:.75rem;font-size:16px;line-height:1.5}}@media (max-width:480px){._lk-container{padding-left:.5rem;padding-right:.5rem}._lk-panel-title{font-size:.875rem}}._lk-index{width:100%;max-width:800px;margin:0 auto}._lk-index-grid{flex-direction:column;gap:.75rem;display:flex}._lk-index-card{background:var(--lk-bg);border-radius:var(--lk-radius-lg);border-style:solid;border-width:1px;border-color:var(--lk-border);box-shadow:var(--lk-shadow);color:var(--lk-text);transition:box-shadow var(--lk-transition), opacity var(--lk-transition);-webkit-tap-highlight-color:transparent;touch-action:manipulation;align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;display:flex}._lk-index-card:hover{box-shadow:var(--lk-shadow-md);color:var(--lk-text)}._lk-index-card-icon{border-radius:var(--lk-radius);background:var(--lk-card-accent,var(--lk-primary));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}._lk-index-card-info{flex:1;align-items:baseline;gap:.625rem;min-width:0;display:flex}._lk-index-card-title{color:var(--lk-text);white-space:nowrap;margin:0;font-size:.9375rem;font-weight:600}._lk-index-card-native{color:var(--lk-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}._lk-index-card-arrow{color:var(--lk-text-muted);transition:color var(--lk-transition);flex-shrink:0}._lk-index-card:hover ._lk-index-card-arrow{color:var(--lk-card-accent,var(--lk-primary))}@media (hover:none){._lk-index-card:hover{box-shadow:var(--lk-shadow)}._lk-index-card:hover ._lk-index-card-arrow{color:var(--lk-text-muted)}}@media (max-width:768px){._lk-index{padding-left:.75rem;padding-right:.75rem}._lk-index-grid{gap:.5rem}._lk-index-card{gap:.875rem;min-height:3.5rem;padding:.875rem 1rem}._lk-index-card-icon{width:40px;height:40px}._lk-index-card-icon svg{width:20px;height:20px}._lk-index-card-info{flex-direction:column;align-items:flex-start;gap:.125rem}._lk-index-card-title{white-space:normal;font-size:.9375rem}._lk-index-card-native{font-size:.8125rem}}._lk-chips{flex-wrap:wrap;gap:.375rem;display:flex}._lk-chip{border-radius:var(--main-radius-full,9999px);color:var(--lk-text-muted);background:var(--lk-bg);border-style:solid;border-width:1px;border-color:var(--lk-border);transition:color var(--lk-transition), box-shadow var(--lk-transition);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-flex}._lk-chip:hover{color:var(--lk-primary);box-shadow:var(--lk-shadow)}._lk-chip-active{background:var(--lk-primary);color:#fff;border-color:var(--lk-primary);cursor:default}._lk-chip-active:hover{color:#fff;box-shadow:none}._lk-chip svg{flex-shrink:0;width:12px;height:12px}._lk-chip{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (hover:none){._lk-chip:hover{color:var(--lk-text-muted);box-shadow:none}._lk-chip-active:hover{color:#fff}}@media (max-width:768px){._lk-chips{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;gap:.375rem;padding-bottom:.375rem;overflow-x:auto}._lk-chips::-webkit-scrollbar{height:3px}._lk-chips::-webkit-scrollbar-thumb{background:var(--lk-border);border-radius:9999px}._lk-chip{min-height:2.25rem;padding:.5rem .875rem;font-size:.8125rem}._lk-chip svg{display:none}}._lk-keyboard-wrapper{background:var(--lk-bg);border-radius:var(--lk-radius-lg);border-style:solid;border-width:1px;border-color:var(--lk-border);box-shadow:var(--lk-shadow);min-height:16rem;padding:1rem}._lk-keyboard{flex-direction:column;gap:.5rem;max-width:100%;display:flex}._lk-keyboard-row{justify-content:center;gap:.375rem;display:flex}._lk-key{background:var(--lk-key-bg);border-style:solid;border-width:1px;border-color:var(--lk-key-border);min-width:2.5rem;height:2.75rem;box-shadow:var(--lk-key-shadow);color:var(--lk-text);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-sizing:border-box;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem .5rem;font-family:inherit;font-size:1rem;line-height:1;transition:box-shadow 80ms,background 80ms;display:inline-flex;position:relative}._lk-key:hover{background:var(--lk-bg-secondary)}._lk-key:active,._lk-key._lk-key-pressed{background:var(--lk-key-active-bg);box-shadow:0 0 #0000}._lk-key-special{background:var(--lk-special-bg);border-color:var(--lk-special-border);box-shadow:var(--lk-special-shadow);color:var(--lk-text-muted);font-size:.75rem;font-weight:500}._lk-key-special:hover{background:var(--lk-special-hover-bg)}._lk-key-special:active,._lk-key-special._lk-key-pressed{background:var(--lk-special-active-bg);box-shadow:0 0 #0000}._lk-key-special svg{width:16px;height:16px}._lk-key-tone{background:var(--lk-primary-light,#6366f114);border-color:var(--lk-primary);color:var(--lk-primary);min-width:3rem;font-size:.875rem;font-weight:600}._lk-key-tone:hover{background:var(--lk-primary);color:#fff}._lk-key-tone:active,._lk-key-tone._lk-key-pressed{background:var(--lk-primary);color:#fff;box-shadow:0 0 #0000}._lk-key-backspace{min-width:5rem}._lk-key-shift{min-width:5.5rem}._lk-key-shift._lk-key-active{background:var(--lk-primary);color:#fff;border-color:var(--lk-primary);box-shadow:0 2px 0 color-mix(in srgb, var(--lk-primary) 80%, #000)}._lk-key-enter{min-width:5.5rem}._lk-key-space{flex:1;min-width:16rem;max-width:22rem}._lk-key-tab{min-width:4rem}._lk-key-sub{color:var(--lk-text-muted);pointer-events:none;font-size:.625rem;position:absolute;top:.125rem;right:.25rem}._lk-keyboard-rtl ._lk-textarea{text-align:right;direction:rtl}@media (hover:none){._lk-key:hover{background:var(--lk-key-bg)}._lk-key-special:hover{background:var(--lk-special-bg)}._lk-key-tone:hover{background:var(--lk-primary-light,#6366f114);color:var(--lk-primary)}}@media (max-width:768px){._lk-keyboard-wrapper{border-radius:var(--lk-radius);min-height:0;padding:.5rem}._lk-keyboard{gap:.375rem}._lk-keyboard-row{gap:.25rem}._lk-key{border-radius:.3125rem;flex:1 1 0;min-width:1.75rem;height:2.625rem;padding:.125rem .25rem;font-size:.9375rem}._lk-key-backspace,._lk-key-shift,._lk-key-enter{flex:1.6 1 0;min-width:3.25rem}._lk-key-space{flex:6 1 0;min-width:6rem;max-width:none}._lk-key-tab{flex:1.4 1 0;min-width:2.5rem}._lk-key-tone{flex:1.2 1 0;min-width:2.25rem}._lk-key-sub{display:none}}@media (max-width:480px){._lk-keyboard-wrapper{padding:.375rem}._lk-keyboard-row{gap:.1875rem}._lk-key{min-width:1.375rem;height:2.5rem;padding:.125rem;font-size:.875rem}._lk-key-special{font-size:.6875rem}._lk-key-backspace,._lk-key-shift,._lk-key-enter{min-width:2.5rem}._lk-key-space{min-width:4.5rem}._lk-key-tab{min-width:2rem}}._lk-hw-panel{background:var(--lk-bg);border-radius:var(--lk-radius-lg);border-style:solid;border-width:1px;border-color:var(--lk-border);box-shadow:var(--lk-shadow);padding:1rem}._lk-hw-body{align-items:flex-start;gap:1rem;display:flex}._lk-hw-canvas-wrap{flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;display:flex}._lk-hw-canvas-wrap canvas{border-style:dashed;border-width:2px;border-color:var(--lk-border);border-radius:var(--lk-radius);background:var(--lk-bg-secondary);cursor:crosshair;touch-action:none;width:200px;height:200px}._lk-hw-toolbar{gap:.5rem;display:flex}._lk-hw-candidates{flex-wrap:wrap;flex:1;align-content:flex-start;gap:.5rem;min-height:200px;display:flex}._lk-hw-candidate{background:var(--lk-key-bg);border-style:solid;border-width:1px;border-color:var(--lk-key-border);border-radius:var(--lk-radius);width:3rem;height:3rem;box-shadow:var(--lk-key-shadow);color:var(--lk-text);cursor:pointer;transition:background var(--lk-transition), box-shadow var(--lk-transition), color var(--lk-transition);-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:1.5rem;line-height:1;display:inline-flex}._lk-hw-candidate:hover{background:var(--lk-primary-light);border-color:var(--lk-primary);color:var(--lk-primary)}._lk-hw-candidate:active{background:var(--lk-key-active-bg);box-shadow:0 0 #0000}._lk-hw-hint{color:var(--lk-text-muted);text-align:center;align-self:center;width:100%;padding:1rem;font-size:.8125rem}._lk-btn-active{color:var(--lk-primary)!important;background:var(--lk-primary-light)!important}@media (hover:none){._lk-hw-candidate:hover{background:var(--lk-key-bg);border-color:var(--lk-key-border);color:var(--lk-text)}}@media (max-width:768px){._lk-hw-panel{padding:.75rem}}@media (max-width:640px){._lk-hw-body{flex-direction:column;align-items:center;gap:.75rem}._lk-hw-canvas-wrap canvas{width:220px;height:220px}._lk-hw-candidates{justify-content:center;width:100%;min-height:auto}._lk-hw-candidate{width:2.75rem;height:2.75rem;font-size:1.375rem}._lk-hw-hint{padding:.5rem;font-size:.875rem}}