.keyboard-shell.svelte-q8hksm{border:1px solid var(--border);background:var(--surface-raised);border-radius:.72rem;padding:.75rem;position:relative}.layer-switcher.svelte-q8hksm{gap:.3rem;padding:0 0 .55rem;display:flex;overflow-x:auto}.layer-switcher.svelte-q8hksm button:where(.svelte-q8hksm){border:1px solid var(--border-strong);background:var(--surface);min-width:2.75rem;min-height:2.75rem;color:var(--muted);cursor:pointer;border-radius:.45rem;padding:0 .65rem;font-size:.64rem;font-weight:750}.layer-switcher.svelte-q8hksm button.active:where(.svelte-q8hksm){color:#fff;border-color:var(--accent);background:var(--accent)}.more-layers.svelte-q8hksm{border:1px solid var(--border);background:var(--surface);border-radius:.5rem;flex-wrap:wrap;gap:.3rem;margin:-.25rem 0 .55rem;padding:.4rem;display:flex}.more-layers.svelte-q8hksm button:where(.svelte-q8hksm){border:1px solid var(--border);background:var(--surface-raised);min-height:2.4rem;color:var(--ink);cursor:pointer;border-radius:.4rem;padding:0 .65rem;font-size:.64rem}.quick-row.svelte-q8hksm{justify-content:center;gap:.32rem;margin-bottom:.5rem;display:flex;overflow-x:auto}.quick-row.svelte-q8hksm button:where(.svelte-q8hksm){border:1px solid var(--accent-border);background:var(--accent-faint);min-width:2.75rem;min-height:2.75rem;color:var(--ink);cursor:pointer;border-radius:.48rem;place-items:center;padding:.15rem .35rem;font-size:1rem;display:grid}.quick-row.svelte-q8hksm small:where(.svelte-q8hksm){min-height:.55rem;color:var(--muted);font:600 .5rem/1 var(--font-mono)}.quick-row.mobile.svelte-q8hksm{display:none}.keyboard-grid.svelte-q8hksm{gap:.38rem;display:grid;overflow-x:auto}.key-row.svelte-q8hksm{justify-content:center;gap:.38rem;min-width:max-content;display:flex}.key.svelte-q8hksm{flex:var(--key-width) 1 0;max-width:calc(3.55rem * var(--key-width));min-width:calc(2.75rem * var(--key-width));border:1px solid var(--border-strong);background:var(--surface);height:3.25rem;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-bottom-width:2px;border-radius:.52rem;transition:transform 90ms,background 90ms,border-color 90ms;position:relative;box-shadow:0 2px 2px #0f172a0d}.key.svelte-q8hksm:hover{border-color:var(--accent)}.key.svelte-q8hksm:active{background:var(--accent-soft);border-bottom-width:1px;transform:translateY(2px)}.key.svelte-q8hksm>span:where(.svelte-q8hksm){font-size:1.02rem;font-weight:720;display:block}.key.svelte-q8hksm small:where(.svelte-q8hksm){color:var(--muted);font-size:.53rem}.key.svelte-q8hksm i:where(.svelte-q8hksm){border-style:solid;border-width:0 0 .25rem .25rem;border-color:transparent transparent var(--muted) transparent;width:0;height:0;position:absolute;inset:.28rem .28rem auto auto}.key.modifier.svelte-q8hksm{background:color-mix(in srgb, var(--surface-raised) 75%, var(--surface))}.key.modifier.svelte-q8hksm>span:where(.svelte-q8hksm){font-size:.68rem}.key.active.svelte-q8hksm{background:var(--accent);color:#fff;border-color:var(--accent-hover)}.variants.svelte-q8hksm{z-index:20;border:1px solid var(--accent-border);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:.6rem;gap:.3rem;padding:.4rem;display:flex;position:absolute;inset:auto 1rem calc(100% - .4rem)}.variants.svelte-q8hksm button:where(.svelte-q8hksm){border:1px solid var(--border);background:var(--surface-raised);min-width:2.55rem;height:2.55rem;color:var(--ink);cursor:pointer;border-radius:.4rem}.variants.svelte-q8hksm .close:where(.svelte-q8hksm){color:var(--muted)}@media (max-width:650px){.keyboard-shell.svelte-q8hksm{border-radius:.5rem;padding:.38rem}.quick-row.desktop.svelte-q8hksm{display:none}.quick-row.mobile.svelte-q8hksm{justify-content:flex-start;display:flex}.keyboard-grid.svelte-q8hksm,.key-row.svelte-q8hksm{gap:.22rem}.key.svelte-q8hksm{min-width:calc(2.75rem * var(--key-width));border-radius:.42rem;height:3.05rem}.key.svelte-q8hksm>span:where(.svelte-q8hksm){font-size:.95rem}.key.modifier.svelte-q8hksm>span:where(.svelte-q8hksm){font-size:.58rem}}.shortcut-trigger.svelte-1vede87{border:1px solid var(--border);background:var(--surface);min-height:2.35rem;color:var(--accent);cursor:pointer;border-radius:.48rem;padding:0 .7rem;font-size:.66rem;font-weight:750}.backdrop.svelte-1vede87{z-index:100;background:#0f172a8c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.shortcut-dialog.svelte-1vede87{border:1px solid var(--border);background:var(--surface);width:min(38rem,100%);max-height:min(42rem,88vh);box-shadow:var(--shadow-lg);border-radius:.8rem;padding:1rem;overflow:auto}header.svelte-1vede87{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}header.svelte-1vede87 small:where(.svelte-1vede87){color:var(--accent);text-transform:uppercase;font-size:.58rem;font-weight:800}h2.svelte-1vede87{margin:.15rem 0 0;font-size:1.1rem}header.svelte-1vede87 button:where(.svelte-1vede87){border:1px solid var(--border);background:var(--surface-raised);width:2.5rem;height:2.5rem;color:var(--ink);cursor:pointer;border-radius:.45rem;font-size:1.1rem}p.svelte-1vede87{color:var(--muted);font-size:.72rem;line-height:1.55}label.svelte-1vede87{color:var(--muted);gap:.3rem;font-size:.6rem;display:grid}input.svelte-1vede87{border:1px solid var(--border);background:var(--bg);min-height:2.75rem;color:var(--ink);border-radius:.48rem;padding:0 .7rem}aside.svelte-1vede87{background:var(--accent-faint);color:var(--muted);border-radius:.48rem;gap:.5rem;margin-top:.65rem;padding:.65rem;font-size:.68rem;display:flex}aside.svelte-1vede87 strong:where(.svelte-1vede87){color:var(--accent)}.rules.svelte-1vede87{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin-top:.75rem;display:grid}.rules.svelte-1vede87>div:where(.svelte-1vede87){border:1px solid var(--border);border-radius:.45rem;grid-template-columns:minmax(2.7rem,auto) auto minmax(2rem,auto) 1fr;align-items:center;gap:.45rem;min-height:2.75rem;padding:.4rem .55rem;display:grid}kbd.svelte-1vede87{color:var(--accent);font:750 .72rem/1 var(--font-mono)}b.svelte-1vede87{font-size:1rem}.rules.svelte-1vede87 small:where(.svelte-1vede87){color:var(--muted);font-size:.56rem}.empty.svelte-1vede87{background:var(--surface-raised);color:var(--muted);border-radius:.5rem;margin-top:.75rem;padding:1rem;font-size:.7rem}@media (max-width:650px){.rules.svelte-1vede87{grid-template-columns:1fr}}main.svelte-6ly6ca{max-width:76rem;margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}.breadcrumbs.svelte-6ly6ca{color:var(--muted);align-items:center;gap:.45rem;padding:.8rem 0;font-size:.68rem;display:flex}.breadcrumbs.svelte-6ly6ca a:where(.svelte-6ly6ca){color:var(--muted);text-decoration:none}.workspace-heading.svelte-6ly6ca{justify-content:space-between;align-items:flex-start;gap:1rem;margin:.35rem 0 1rem;display:flex}.title-row.svelte-6ly6ca{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}h1.svelte-6ly6ca{letter-spacing:-.04em;margin:0;font-size:clamp(1.45rem,3vw,2rem)}h1.svelte-6ly6ca i:where(.svelte-6ly6ca){color:var(--accent);font-style:normal}.workspace-heading.svelte-6ly6ca p:where(.svelte-6ly6ca){color:var(--muted);margin:.35rem 0 0;font-size:.74rem}.workspace-heading.svelte-6ly6ca .seo-intro:where(.svelte-6ly6ca){max-width:54rem;font-size:.78rem;line-height:1.55}.workspace-heading.svelte-6ly6ca p:where(.svelte-6ly6ca) span:where(.svelte-6ly6ca){margin:0 .25rem}.favorite.svelte-6ly6ca{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:.55rem;min-height:2.4rem;padding:0 .7rem;font-size:.72rem;font-weight:700}.favorite.active.svelte-6ly6ca{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 35%, var(--border))}.tool-layout.svelte-6ly6ca{grid-template-columns:1fr;gap:.8rem;display:grid}.tool-layout.with-inspector.svelte-6ly6ca{grid-template-columns:minmax(0,1fr) minmax(16rem,22rem)}.writing-tool.svelte-6ly6ca{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:.82rem;padding:.72rem}.editor-topbar.svelte-6ly6ca{align-items:center;gap:.7rem;min-height:2.7rem;padding:0 .15rem .65rem;display:flex}.input-control.svelte-6ly6ca{margin-right:auto;position:relative}.input-control.svelte-6ly6ca summary:where(.svelte-6ly6ca){border:1px solid var(--accent-border);background:var(--accent-faint);min-height:2.35rem;color:var(--ink);cursor:pointer;border-radius:.48rem;align-items:center;gap:.5rem;padding:0 .65rem;font-size:.69rem;list-style:none;display:flex}.input-control.svelte-6ly6ca summary:where(.svelte-6ly6ca)::-webkit-details-marker{display:none}.input-control.svelte-6ly6ca summary:where(.svelte-6ly6ca)>span:where(.svelte-6ly6ca){color:var(--accent);font-size:1rem}.input-panel.svelte-6ly6ca{z-index:40;border:1px solid var(--border);background:var(--surface);width:min(25rem,100vw - 2rem);box-shadow:var(--shadow-lg);border-radius:.65rem;grid-template-columns:1fr 1fr;gap:.7rem;padding:.8rem;display:grid;position:absolute;inset:calc(100% + .4rem) auto auto 0}.input-panel.svelte-6ly6ca label:where(.svelte-6ly6ca){color:var(--muted);align-content:start;gap:.25rem;font-size:.6rem;display:grid}.input-panel.svelte-6ly6ca label:where(.svelte-6ly6ca):first-child{grid-column:1/-1}.input-panel.svelte-6ly6ca label:where(.svelte-6ly6ca) small:where(.svelte-6ly6ca){line-height:1.45}.input-panel.svelte-6ly6ca select:where(.svelte-6ly6ca){width:100%;min-height:2.4rem}.input-panel.svelte-6ly6ca .legend-check:where(.svelte-6ly6ca){align-items:center;display:flex}.input-panel.svelte-6ly6ca .legend-check:where(.svelte-6ly6ca) input:where(.svelte-6ly6ca){width:1rem;height:1rem;accent-color:var(--accent)}.input-panel.svelte-6ly6ca a:where(.svelte-6ly6ca){color:var(--accent);align-self:end;font-size:.62rem;font-weight:700;text-decoration:none}.editor-topbar.svelte-6ly6ca>label:where(.svelte-6ly6ca){color:var(--muted);align-items:center;gap:.45rem;font-size:.6rem;display:flex}select.svelte-6ly6ca{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:.4rem;padding:.35rem;font-size:.67rem}.offline-pill.svelte-6ly6ca{color:var(--muted);align-items:center;gap:.3rem;font-size:.58rem;display:inline-flex}.offline-pill.svelte-6ly6ca i:where(.svelte-6ly6ca){background:var(--success);border-radius:50%;width:.42rem;height:.42rem}.editor-wrap.svelte-6ly6ca{position:relative}textarea.svelte-6ly6ca{resize:vertical;border:1px solid var(--border);background:var(--bg);width:100%;min-height:clamp(8.5rem,21vh,12rem);color:var(--ink);font:500 1.22rem/1.7 var(--font-ui);border-radius:.62rem;outline:0;padding:1rem 1rem 2rem}textarea.svelte-6ly6ca:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea.svelte-6ly6ca::placeholder{color:color-mix(in srgb, var(--muted) 65%, transparent)}.editor-meta.svelte-6ly6ca{color:var(--muted);pointer-events:none;justify-content:space-between;font-size:.58rem;display:flex;position:absolute;inset:auto .8rem .55rem}.candidate-bar.svelte-6ly6ca{border:1px solid var(--accent-border);background:var(--accent-faint);border-radius:.55rem;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;min-height:3.25rem;margin:.6rem 0;padding:.45rem .6rem;display:grid}.composition-label.svelte-6ly6ca{min-width:5.5rem;display:grid}.composition-label.svelte-6ly6ca small:where(.svelte-6ly6ca){color:var(--muted);font-size:.57rem}.composition-label.svelte-6ly6ca strong:where(.svelte-6ly6ca){color:var(--accent);font:700 .8rem/1.3 var(--font-mono)}.candidates.svelte-6ly6ca{align-items:center;gap:.35rem;display:flex;overflow-x:auto}.candidates.svelte-6ly6ca button:where(.svelte-6ly6ca){border:1px solid var(--border);background:var(--surface);min-width:3.2rem;height:2.25rem;color:var(--ink);cursor:pointer;border-radius:.4rem;font-size:1rem}.candidates.svelte-6ly6ca button:where(.svelte-6ly6ca) small:where(.svelte-6ly6ca){color:var(--accent);margin-right:.28rem;font-size:.55rem}.candidates.svelte-6ly6ca>span:where(.svelte-6ly6ca){color:var(--muted);font-size:.68rem}.composition-strip.svelte-6ly6ca{background:var(--accent-faint);min-height:2.25rem;color:var(--muted);border-radius:.45rem;align-items:center;gap:.6rem;margin:.5rem 0;padding:.4rem .65rem;font-size:.66rem;display:flex}.composition-strip.svelte-6ly6ca code:where(.svelte-6ly6ca){color:var(--accent)}.composition-strip.svelte-6ly6ca strong:where(.svelte-6ly6ca){color:var(--ink)}.actionbar.svelte-6ly6ca{align-items:center;gap:.4rem;padding-top:.65rem;display:flex;overflow-x:auto}.actionbar.svelte-6ly6ca button:where(.svelte-6ly6ca){white-space:nowrap;border:1px solid var(--border);background:var(--surface);min-height:2.35rem;color:var(--muted);cursor:pointer;border-radius:.48rem;padding:0 .7rem;font-size:.67rem;font-weight:720}.actionbar.svelte-6ly6ca button:where(.svelte-6ly6ca):hover:not(:disabled),.actionbar.svelte-6ly6ca button.active:where(.svelte-6ly6ca){color:var(--accent);border-color:var(--accent);background:var(--accent-faint)}.actionbar.svelte-6ly6ca button.primary:where(.svelte-6ly6ca){background:var(--accent);border-color:var(--accent);color:#fff;padding-inline:1rem}.actionbar.svelte-6ly6ca button:where(.svelte-6ly6ca):disabled{opacity:.4;cursor:default}.under-tool.svelte-6ly6ca{grid-template-columns:1.4fr .8fr;gap:1rem;margin-top:2rem;display:grid}.instructions.svelte-6ly6ca{border-top:1px solid var(--border);grid-template-columns:2.5rem 1fr;gap:.8rem;padding-top:1rem;display:grid}.section-number.svelte-6ly6ca{color:var(--accent);font:700 .68rem/1 var(--font-mono)}.instructions.svelte-6ly6ca h2:where(.svelte-6ly6ca){margin:0;font-size:1rem}.instructions.svelte-6ly6ca p:where(.svelte-6ly6ca),.instructions.svelte-6ly6ca li:where(.svelte-6ly6ca){color:var(--muted);font-size:.74rem;line-height:1.6}.instructions.svelte-6ly6ca ul:where(.svelte-6ly6ca){margin:.6rem 0 0;padding-left:1rem}.sample.svelte-6ly6ca{border:1px solid var(--border);background:var(--surface);border-radius:.68rem;padding:1rem}.sample.svelte-6ly6ca small:where(.svelte-6ly6ca){color:var(--accent);letter-spacing:.1em;font-size:.58rem;font-weight:850}.sample.svelte-6ly6ca p:where(.svelte-6ly6ca){min-height:3.5rem;font-size:1.1rem;line-height:1.6}.sample.svelte-6ly6ca button:where(.svelte-6ly6ca){color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:.68rem;font-weight:750}.language-notes.svelte-6ly6ca,.related-keyboards.svelte-6ly6ca,.keyboard-faq.svelte-6ly6ca{border-top:1px solid var(--border);margin-top:2rem;padding-top:1rem}.language-notes.svelte-6ly6ca>div:where(.svelte-6ly6ca),.related-keyboards.svelte-6ly6ca>div:where(.svelte-6ly6ca),.keyboard-faq.svelte-6ly6ca>div:where(.svelte-6ly6ca){align-items:baseline;gap:.75rem;margin-bottom:.8rem;display:flex}.language-notes.svelte-6ly6ca small:where(.svelte-6ly6ca),.related-keyboards.svelte-6ly6ca small:where(.svelte-6ly6ca),.keyboard-faq.svelte-6ly6ca small:where(.svelte-6ly6ca){color:var(--accent);font:750 .62rem/1 var(--font-mono)}.language-notes.svelte-6ly6ca h2:where(.svelte-6ly6ca),.related-keyboards.svelte-6ly6ca h2:where(.svelte-6ly6ca),.keyboard-faq.svelte-6ly6ca h2:where(.svelte-6ly6ca){margin:0;font-size:1rem}.language-notes.svelte-6ly6ca ul:where(.svelte-6ly6ca){color:var(--muted);margin:0;padding-left:1.2rem;font-size:.74rem;line-height:1.65}.related-keyboards.svelte-6ly6ca nav:where(.svelte-6ly6ca){grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;display:grid}.related-keyboards.svelte-6ly6ca a:where(.svelte-6ly6ca){border:1px solid var(--border);min-width:0;color:var(--ink);background:var(--surface);border-radius:.6rem;gap:.15rem;padding:.8rem;text-decoration:none;display:grid}.related-keyboards.svelte-6ly6ca a:where(.svelte-6ly6ca):hover{border-color:var(--accent)}.related-keyboards.svelte-6ly6ca bdi:where(.svelte-6ly6ca){font-size:.95rem;font-weight:750}.related-keyboards.svelte-6ly6ca a:where(.svelte-6ly6ca) span:where(.svelte-6ly6ca){font-size:.7rem}.related-keyboards.svelte-6ly6ca a:where(.svelte-6ly6ca) small:where(.svelte-6ly6ca){color:var(--muted);font:500 .6rem/1.3 var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.keyboard-faq.svelte-6ly6ca details:where(.svelte-6ly6ca){border-top:1px solid var(--border)}.keyboard-faq.svelte-6ly6ca details:where(.svelte-6ly6ca):last-child{border-bottom:1px solid var(--border)}.keyboard-faq.svelte-6ly6ca summary:where(.svelte-6ly6ca){cursor:pointer;padding:.8rem 0;font-size:.74rem;font-weight:750}.keyboard-faq.svelte-6ly6ca p:where(.svelte-6ly6ca){color:var(--muted);margin:0 0 .9rem;font-size:.7rem;line-height:1.6}.privacy-strip.svelte-6ly6ca{border-top:1px solid var(--border);align-items:center;gap:.6rem;margin-top:2rem;padding:1rem 0;display:flex}.privacy-strip.svelte-6ly6ca>span:where(.svelte-6ly6ca){color:var(--success)}.privacy-strip.svelte-6ly6ca strong:where(.svelte-6ly6ca){font-size:.7rem}.privacy-strip.svelte-6ly6ca p:where(.svelte-6ly6ca){color:var(--muted);margin:0;font-size:.65rem}.live.svelte-6ly6ca{background:var(--ink);color:var(--surface);opacity:0;pointer-events:none;border-radius:.45rem;padding:.55rem .8rem;font-size:.7rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.live.svelte-6ly6ca:not(:empty){opacity:1;animation:2.8s both svelte-6ly6ca-fade-message}@keyframes svelte-6ly6ca-fade-message{0%,80%{opacity:1}to{opacity:0}}@media (max-width:900px){.tool-layout.with-inspector.svelte-6ly6ca,.under-tool.svelte-6ly6ca{grid-template-columns:1fr}.related-keyboards.svelte-6ly6ca nav:where(.svelte-6ly6ca){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){main.svelte-6ly6ca{padding-inline:.6rem}.breadcrumbs.svelte-6ly6ca{padding-left:.35rem}.workspace-heading.svelte-6ly6ca{padding-inline:.35rem}.favorite.svelte-6ly6ca span:where(.svelte-6ly6ca){display:none}.workspace-heading.svelte-6ly6ca p:where(.svelte-6ly6ca){font-size:.65rem}.editor-topbar.svelte-6ly6ca{flex-wrap:wrap}.offline-pill.svelte-6ly6ca{display:none}.editor-topbar.svelte-6ly6ca>label:where(.svelte-6ly6ca){margin-left:auto}.input-panel.svelte-6ly6ca{grid-template-columns:1fr}.input-panel.svelte-6ly6ca label:where(.svelte-6ly6ca):first-child{grid-column:auto}.writing-tool.svelte-6ly6ca{border-radius:.58rem;padding:.35rem}textarea.svelte-6ly6ca{border-radius:.48rem;min-height:8.5rem;padding:.75rem .75rem 1.75rem;font-size:1.08rem}.actionbar.svelte-6ly6ca button:where(.svelte-6ly6ca) span:where(.svelte-6ly6ca){display:none}.actionbar.svelte-6ly6ca button.primary:where(.svelte-6ly6ca) span:where(.svelte-6ly6ca){display:inline}.actionbar.svelte-6ly6ca button:where(.svelte-6ly6ca){min-width:2.5rem;padding-inline:.55rem}.under-tool.svelte-6ly6ca,.privacy-strip.svelte-6ly6ca{margin-inline:.35rem}.privacy-strip.svelte-6ly6ca{flex-wrap:wrap;align-items:flex-start}}