@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#233c32;--paper:#fbf9f3;--accent:#285b43;--soft:#e8eee5;--line:#dfdfd3;--muted:#687367;--white:#fffefa;--radius:22px;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light}
[hidden]{display:none!important}.export-buttons button{white-space:nowrap}.save-icon{flex-shrink:0}.button-label-short{display:none}
*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d6943a;outline-offset:4px}button{touch-action:manipulation}svg{display:block}img{max-width:100%}.wrap{width:min(1120px,calc(100% - 64px));margin:auto}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-.8px}.brand-mark{width:35px;height:35px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-6deg)}.brand-mark i{border-radius:4px;background:#e8ba53}.brand-mark i:nth-child(2){background:#a8bdb0}.brand-mark i:nth-child(3){background:#cb6b50}.brand-mark i:nth-child(4){background:#3f715b}.header-links{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:500}.header-links a{text-decoration:none}.header-links a:hover{text-decoration:underline}.header-note{color:var(--muted);font-size:12px}.hero{padding:48px 0 32px;display:flex;align-items:flex-end;justify-content:space-between;gap:36px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2.1px;font-weight:700;display:flex;align-items:center;gap:9px;margin:0 0 13px}.eyebrow:before{content:'';width:7px;height:7px;background:#db9360;border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(42px,5vw,66px);line-height:1.01;letter-spacing:-1.2px;font-weight:400;margin-bottom:14px;max-width:650px}.hero-description{font-size:14px;line-height:1.7;color:var(--muted);max-width:560px;margin-bottom:0}.free-note{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;color:var(--accent);padding-bottom:6px}.free-note:before{content:'✓';width:23px;height:23px;display:grid;place-items:center;background:var(--soft);border-radius:50%}.maker{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.studio{min-width:0}.preview-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.preview-toolbar{height:56px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);border-bottom:1px solid #ecebe3}.preview-toolbar strong{color:var(--ink);font-weight:500}.quiet-button{border:0;background:transparent;padding:8px 4px;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.preview-stage{min-height:238px;display:flex;align-items:center;justify-content:center;padding:28px 20px;position:relative;background:#fffdf7;transition:background-color .2s}.preview-stage.transparent{background-color:#fff;background-image:linear-gradient(45deg,#f0f0e9 25%,transparent 25%),linear-gradient(-45deg,#f0f0e9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0e9 75%),linear-gradient(-45deg,transparent 75%,#f0f0e9 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.preview-stage.dark{background:#243a31}.preview-stage canvas{display:block;width:100%;height:auto;max-height:330px;object-fit:contain}.empty-message{font-family:'Libre Caslon Display',Georgia,serif;font-size:31px;line-height:1.2;text-align:center;color:#8b9588;margin:0;padding:40px 12px}.message-readout{padding:13px 20px;border-top:1px solid #ecebe3;min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;color:var(--muted)}.message-readout output{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;max-width:90%;letter-spacing:1px}.character-count{white-space:nowrap}.export-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px}.background-choices{display:flex;align-items:center;gap:6px}.background-choices button{width:29px;height:29px;border:2px solid transparent;outline:1px solid var(--line);border-radius:50%;background-clip:padding-box;box-shadow:inset 0 0 0 3px var(--paper)}.background-choices button[aria-pressed=true]{outline:2px solid var(--accent)}.background-choices .cream{background:#fffdf7}.background-choices .dark{background:#243a31}.background-choices .transparent{background:repeating-conic-gradient(#fff 0 25%,#d9ded4 0 50%) 50% / 10px 10px}.background-label{font-size:11px;color:var(--muted);margin-left:3px}.export-buttons{display:flex;gap:8px}.primary-button,.secondary-button{border:1px solid var(--accent);border-radius:11px;padding:12px 17px;font-size:13px;min-height:44px;font-weight:600;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px}.primary-button{background:var(--accent);color:#fff}.primary-button:hover:not(:disabled){filter:brightness(.94)}.secondary-button{background:transparent;color:var(--accent)}.save-icon{width:16px;height:16px}.keyboard{border:1px solid var(--line);border-radius:19px;background:#e9eee6;margin-top:22px;padding:12px 9px 10px;box-shadow:0 5px 0 #dfe5db}.key-row{display:flex;justify-content:center;gap:4px;margin-bottom:5px}.letter-key{flex:1;min-width:0;max-width:58px;height:62px;background:#fffefa;border:0;border-radius:7px;box-shadow:0 2px 0 #c4d0bd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 0;position:relative}.letter-key img{height:31px;width:auto;max-width:95%;object-fit:contain}.letter-key span{font-size:10px;color:#73816c;line-height:1}.letter-key:active{transform:translateY(1px);box-shadow:0 1px 0 #c4d0bd}.key-row.symbols .letter-key{max-width:120px;height:65px}.key-row.symbols .letter-key img{height:35px;max-width:90%}.key-row.symbols .letter-key span{font-size:10px}.function-row{display:flex;gap:5px;margin-top:8px}.function-row button{background:#d1ddca;border:0;border-radius:7px;min-height:42px;font-size:12px;padding:7px 13px;white-space:nowrap;box-shadow:0 2px 0 #becbb7}.function-row .space-key{flex:1;background:#fffefa;color:#75806e;letter-spacing:.5px}.keyboard-caption{text-align:center;font-size:10px;letter-spacing:.5px;color:#7e8977;padding-top:10px}.side-panel{border:1px solid var(--line);border-radius:var(--radius);background:#f2f2e9;padding:24px;position:sticky;top:20px}.step-label{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.3px;margin-bottom:14px}.step-number{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dce4d5;color:#526c4f;font-size:10px}.theme-select-wrap{position:relative}.theme-select-wrap select{width:100%;min-height:47px;appearance:none;border:1px solid #cdd6c5;border-radius:10px;background:#fffefa;color:var(--ink);padding:12px 36px 12px 13px;font-weight:500;font-size:14px;cursor:pointer}.theme-select-wrap:after{content:'⌄';position:absolute;right:15px;top:9px;font-size:20px;pointer-events:none}.theme-description{font-size:12px;line-height:1.7;color:var(--muted);margin:13px 0 18px}.sample-label{font-size:11px;color:var(--muted);margin-bottom:8px}.suggestions{display:flex;flex-direction:column;gap:7px}.suggestion{background:#fffefa;border:1px solid #dddfd0;text-align:left;padding:10px 12px;border-radius:9px;font-size:12px;min-height:40px;color:#5e7057}.suggestion:hover{border-color:var(--accent);color:var(--accent)}.panel-rule{border:0;border-top:1px solid var(--line);margin:24px 0}.three-steps{list-style:none;padding:0;margin:0;display:grid;gap:13px}.three-steps li{display:flex;gap:10px;font-size:12px;line-height:1.5;color:var(--muted)}.three-steps strong{display:block;color:var(--ink);font-weight:500}.tiny-number{font-family:Georgia,serif;font-size:18px;color:#8a9b7b;line-height:1.3}.side-small{font-size:11px;line-height:1.7;color:#7a8574;margin-top:18px;margin-bottom:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:64px 0 22px}.section-heading h2{font-family:'Libre Caslon Display',Georgia,serif;font-size:38px;font-weight:400;letter-spacing:-.5px;margin-bottom:0}.section-heading p{font-size:12px;color:var(--muted);margin:0}.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.theme-card{display:block;text-decoration:none;min-width:0}.theme-card-image{aspect-ratio:1.8;background:var(--soft);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:transform .2s}.theme-card:hover .theme-card-image{transform:translateY(-3px)}.theme-card-image img{width:100%;height:100%;object-fit:cover}.theme-card-label{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:11px 3px}.theme-card-label span:last-child{color:#94a18a}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:60px;border-top:1px solid var(--line);padding-top:34px}.guide-grid h2{font-family:'Libre Caslon Display',Georgia,serif;font-size:31px;font-weight:400;line-height:1.1}.guide-grid p{font-size:13px;color:var(--muted);line-height:1.9}.guide-grid a{text-underline-offset:3px}.faq{margin-top:34px;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:17px 0;font-size:13px}.faq summary{cursor:pointer;font-weight:500;line-height:1.6}.faq details p{font-size:12px;color:var(--muted);line-height:1.8;margin:14px 0 0;max-width:760px}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:35px 0 27px;margin-top:30px;font-size:11px;color:#78836f}.footer-links{display:flex;gap:20px}.footer-links a{text-decoration:none}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:min(440px,calc(100% - 30px));background:#213f30;color:#fff;padding:12px 18px;border-radius:12px;font-size:12px;line-height:1.6;box-shadow:0 5px 20px #193e3322;z-index:20;text-align:center}.toast[hidden]{display:none}.loading-note{font-size:13px;color:var(--muted);text-align:center;line-height:1.7;padding:40px 15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.breadcrumbs{display:flex;gap:9px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:25px}.breadcrumbs a{text-decoration:none}.privacy-copy{max-width:740px;padding:40px 0}.privacy-copy h1{font-size:48px}.privacy-copy h2{font-family:Georgia,serif;font-size:22px;font-weight:400;margin-top:28px}.privacy-copy p{font-size:14px;line-height:1.9;color:var(--muted)}
.mobile-heading{display:none}.font-intro{max-width:800px;padding-bottom:18px}.font-intro p{font-size:13px;line-height:1.9;color:var(--muted)}.font-intro strong{font-weight:500;color:var(--ink)}.font-specimen{margin:28px 0 40px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fbf9f3}.font-specimen-top{padding:18px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.font-specimen-top h2{font-family:Georgia,serif;font-size:22px;font-weight:400;margin:0}.font-specimen-top a{font-size:12px}.font-specimen>img{display:block;width:100%;height:auto}.alphabet-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px 8px;padding:20px 8px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.alphabet-cell{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.alphabet-cell img{height:65px;width:auto;max-width:100%;object-fit:contain}.alphabet-cell span{font-size:10px;color:var(--muted)}
@media(min-width:960px){.preview-stage{min-height:265px}.keyboard{padding:13px 12px 11px}.letter-key{height:65px}.letter-key img{height:33px}}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.maker{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.side-panel{padding:19px}.hero{padding-top:36px}.free-note{display:none}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.letter-key img{height:26px}.function-row button{padding:7px 9px}.export-buttons .primary-button,.export-buttons .secondary-button{padding:11px 13px}.background-label{display:none}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.site-header{height:72px}.brand{font-size:19px}.brand-mark{width:29px;height:29px;gap:2px}.header-links{gap:16px;font-size:11px}.header-note{display:none}.hero{padding:28px 0 23px;display:block}h1{font-size:43px;max-width:400px;letter-spacing:-.7px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:10px}.hero-description{font-size:12px;line-height:1.7;max-width:420px}.maker{display:flex;flex-direction:column;gap:14px}.studio{width:100%;display:contents}.side-panel{position:static;order:-1;width:100%;border:0;background:transparent;padding:0}.side-panel .step-label{display:none}.theme-select-wrap select{min-height:46px;background:#f0f0e7}.theme-description,.side-panel .panel-rule,.side-panel .three-steps,.side-panel .side-small,.side-panel .sample-label{display:none}.suggestions{flex-direction:row;gap:6px;margin-top:9px;overflow:auto;scrollbar-width:none}.suggestion{flex-shrink:0;min-height:32px;padding:6px 10px;font-size:10px;border-radius:18px;background:#f9f8f0}.preview-card{width:100%;border-radius:17px}.preview-toolbar{height:43px;padding:0 16px;font-size:11px}.preview-stage{min-height:174px;padding:18px 12px}.preview-stage canvas{max-height:210px}.message-readout{padding:9px 14px;font-size:10px;min-height:38px}.export-controls{width:100%;margin-top:0}.export-buttons{gap:6px}.primary-button,.secondary-button{font-size:12px;padding:11px 13px}.background-choices{gap:7px}.background-choices button{width:26px;height:26px}.keyboard{width:100%;margin-top:4px;border-radius:16px;padding:9px 5px 8px;position:sticky;bottom:6px;z-index:5;box-shadow:0 3px 0 #dfe5db,0 6px 20px #223b3310}.key-row{gap:3px;margin-bottom:4px}.letter-key{height:53px;border-radius:5px;gap:3px}.letter-key img{height:26px;max-width:100%}.letter-key span{font-size:9px}.function-row{margin-top:7px;gap:4px}.function-row button{min-height:38px;font-size:11px;padding:7px 9px}.keyboard-caption{font-size:9px;padding-top:8px}.key-row.symbols .letter-key{height:55px}.key-row.symbols .letter-key img{height:28px}.section-heading{margin-top:43px;margin-bottom:17px;display:block}.section-heading h2{font-size:32px}.section-heading p{margin-top:8px;line-height:1.7}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.theme-card-label{font-size:11px;line-height:1.5;padding:8px 2px}.theme-card-image{border-radius:12px}.guide-grid{grid-template-columns:1fr;gap:12px;margin-top:38px;padding-top:27px}.guide-grid h2{font-size:28px}.guide-grid p{font-size:12px}.faq details{font-size:12px}.site-footer{display:block;padding-top:24px}.footer-links{margin-top:14px}.breadcrumbs{font-size:10px;margin-top:19px}.toast{bottom:16px}.privacy-copy{padding-top:30px}}
@media(max-width:650px){.alphabet-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 8px}.alphabet-cell img{height:52px}}
@media(max-width:360px){.wrap{width:calc(100% - 22px)}.header-links a:first-child{display:none}h1{font-size:39px}.letter-key img{height:23px}.key-row{gap:2px}.function-row button{padding:7px 7px}.export-buttons .primary-button,.export-buttons .secondary-button{padding:10px 10px;font-size:11px}.background-choices{gap:5px}.background-choices button{width:24px;height:24px}.letter-key{height:49px}}
@media(max-width:650px){.site-header{height:56px}.header-links a:first-child,.header-links a:last-of-type{display:none}.hero{padding:18px 0 15px}.hero .eyebrow,.hero .hero-description,.hero .desktop-heading{display:none}.mobile-heading{display:inline}.hero h1{font-size:30px;line-height:1.1;margin-bottom:0}.suggestions{display:none}.preview-toolbar{height:35px}.preview-stage{min-height:124px;padding:12px}.preview-stage canvas{max-height:180px}.message-readout{min-height:31px;padding:7px 12px}.letter-key{height:47px}.function-row button{min-height:35px}.keyboard-caption{padding-top:7px;font-size:9px}.keyboard{bottom:4px}.font-specimen-top{padding:14px;align-items:start}.font-specimen-top h2{font-size:18px}.font-specimen-top a{font-size:10px;white-space:nowrap}.font-specimen{border-radius:14px}}
@media(max-width:650px){.export-buttons .primary-button,.export-buttons .secondary-button{padding:10px 11px;font-size:11px}.button-label-long{display:none}.button-label-short{display:inline}}
@media(max-width:360px){.export-buttons .primary-button,.export-buttons .secondary-button{padding:10px 8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

.keyboard .keyboard-page-key{background:#d1ddca;color:#42573d;font-size:13px;font-weight:600;max-width:72px;flex:1.35}.function-row #mode-key{min-width:51px;font-weight:600}.keyboard #letter-keys{padding-top:3px}
@media(max-width:360px){.function-row #mode-key{min-width:44px}.keyboard .keyboard-page-key{font-size:11px}}

#maker{scroll-margin-top:20px}.use-grid,.starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.use-card,.starter-card{min-width:0;padding:23px;border:1px solid var(--line);border-radius:17px;background:var(--white);text-decoration:none}.use-card h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:26px;font-weight:400;line-height:1.15;margin:0 0 12px}.use-card p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:0}.use-card>span{display:block;font-size:11px;color:var(--accent);margin-top:20px}a.use-card:hover{border-color:var(--accent)}.starter-card{display:flex;flex-direction:column;gap:13px;text-align:left;background:var(--soft)}.starter-card>span{font-size:11px;color:var(--muted)}.starter-card>strong{font-size:18px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.starter-card>span:last-child{color:var(--accent)}.starter-card:hover:not(:disabled){border-color:var(--accent)}.practical-guide{max-width:820px;margin-top:44px}.practical-guide article+article{margin-top:30px}.practical-guide h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:31px;margin-bottom:12px}.practical-guide p{font-size:13px;line-height:1.9;color:var(--muted)}.footer-links{flex-wrap:wrap}
@media(max-width:650px){#maker{scroll-margin-top:10px}.use-grid,.starter-grid{grid-template-columns:1fr;gap:12px}.use-card,.starter-card{padding:19px}.use-card h3{font-size:25px}.use-card p{font-size:12px}.use-card>span{margin-top:13px}.starter-card{gap:9px}.starter-card>strong{font-size:16px}.practical-guide{margin-top:33px}.practical-guide h2{font-size:28px}.practical-guide p{font-size:12px}.footer-links{gap:12px 20px}}

/* Keep the message and all keyboard pages in steady slots while typing. */
:root{--preview-height:238px;--readout-height:45px;--key-height:62px;--key-image-height:31px}
.maker{overflow-anchor:none}.preview-stage{height:var(--preview-height);min-height:var(--preview-height);max-height:var(--preview-height);overflow:hidden}.preview-stage canvas{width:100%;height:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain}.empty-message{max-height:100%;overflow:hidden}.message-readout{height:var(--readout-height);min-height:var(--readout-height);max-height:var(--readout-height);overflow:hidden}.message-readout output{flex:1;min-width:0;max-width:none;white-space:pre;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.message-readout output::-webkit-scrollbar{display:none}.letter-key,.key-row.symbols .letter-key{height:var(--key-height)}.letter-key img,.key-row.symbols .letter-key img{height:var(--key-image-height)}.letter-key span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:960px){:root{--preview-height:265px;--key-height:65px;--key-image-height:33px}}
@media(max-width:850px){:root{--key-image-height:26px}}
@media(max-width:650px){:root{--preview-height:156px;--readout-height:31px;--key-height:47px}.empty-message{padding:12px;font-size:26px;line-height:1.15}}
@media(max-width:360px){:root{--key-image-height:23px}}

/* One shared key width, with the familiar half-key QWERTY stagger. */
.keyboard{--key-gap:4px;--row-gap:7px;padding:12px 8px 10px}.keyboard #letter-keys{display:grid;grid-template-rows:repeat(3,var(--key-height));gap:var(--row-gap);padding:0}.keyboard #letter-keys>.loading-note{grid-row:1/-1;align-self:center;margin:0}.keyboard .key-row{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));column-gap:var(--key-gap);width:100%;height:var(--key-height);margin:0}.keyboard .letter-key,.keyboard .key-row.symbols .letter-key,.keyboard .keyboard-action-key{width:100%;max-width:none;min-width:0;height:var(--key-height);min-height:var(--key-height);align-self:stretch;border-radius:7px}.keyboard .letter-key{flex:none;gap:4px}.keyboard .letter-key span{font-size:11px;line-height:1.1;font-weight:500}.keyboard .keyboard-action-key{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 0;background:#d1ddca;border:0;box-shadow:0 2px 0 #becbb7;color:#42573d;font-size:14px;font-weight:600;flex:none}.keyboard .keyboard-action-key svg{width:24px;height:24px;pointer-events:none}.keyboard .keyboard-action-key .symbol-shortcut{font-size:23px;line-height:1}.keyboard .keyboard-action-key .symbol-shortcut-label{font-size:8px;line-height:1.1;font-weight:500}.keyboard .keyboard-action-key:active{transform:translateY(1px);box-shadow:0 1px 0 #becbb7}.keyboard .function-row{display:grid;grid-template-columns:1fr 2.1fr 1fr;gap:var(--key-gap);margin-top:var(--row-gap)}.keyboard .function-row button{display:flex;align-items:center;justify-content:center;height:var(--key-height);min-height:var(--key-height);min-width:0;padding:4px;border-radius:7px;font-size:16px;line-height:1}.keyboard .function-row .space-key{font-size:13px;font-weight:400}.keyboard #newline-key svg{width:26px;height:26px}.keyboard-caption{padding-top:10px}
@media(max-width:650px){:root{--key-height:54px;--key-image-height:28px}.keyboard{padding:10px 6px 9px}.keyboard .letter-key{padding:4px 0}.keyboard .letter-key span{font-size:10px}.keyboard .keyboard-caption{padding-top:10px}}
@media(max-width:360px){:root{--key-image-height:24px}.keyboard{--key-gap:3px}.keyboard .keyboard-action-key .symbol-shortcut-label{font-size:7px}}