.orp-keyboard-hero,.orp-keyboard-app,.keyboard-guide{max-width:980px;margin:0 auto 20px}
.orp-keyboard-hero{padding:24px 28px;border:1px solid var(--orp-theme-border,#dbeafe);border-radius:24px;background:var(--orp-theme-surface,#f8fafc)}
.orp-keyboard-hero h1{font-size:clamp(27px,3.4vw,40px);line-height:1.55!important;margin:10px 0 14px;padding-top:.15em}
.orp-keyboard-hero p,.orp-keyboard-app p,.keyboard-guide p{line-height:1.85}
.orp-keyboard-kicker{font-weight:700}.orp-keyboard-app{padding:24px}.orp-keyboard-app h2{margin:0 0 10px;line-height:1.7}
.keyboard-mode{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-weight:700}.keyboard-mode select{width:auto;max-width:100%}
.keyboard-keys{direction:ltr;background:var(--orp-theme-surface,#f8fafc);border:1px solid var(--orp-theme-border,#dbeafe);padding:10px;border-radius:16px;overflow-x:auto;user-select:none}
.keyboard-key-row{display:flex;gap:5px;justify-content:center;min-width:750px;margin:6px 0}
.keyboard-key-row button{font:600 1.03rem system-ui,"Noto Sans Devanagari",sans-serif;min-width:48px;height:47px;border:1px solid #b6c2d1;border-bottom-width:3px;border-radius:9px;cursor:pointer;background:var(--orp-theme-surface,#fff);color:var(--orp-theme-text,#0f172a);padding:4px 7px;line-height:1.5}
.keyboard-key-row button:hover{border-color:#6366f1}.keyboard-key-row button:focus-visible{outline:3px solid #818cf8;outline-offset:2px}
.keyboard-key-row button.is-physical-active,.keyboard-key-row button:active{background:#fde68a;color:#111827;border-color:#f59e0b;transform:translateY(1px)}
.keyboard-key-row button.is-shift-on{background:#e0e7ff;color:#312e81;border-color:#6366f1}
.keyboard-key-row .key-wide{min-width:82px;font-size:.82rem}.keyboard-key-row .key-space{min-width:250px;flex:1;max-width:400px}
.keyboard-special-row{flex-wrap:wrap;min-width:0}.keyboard-special-row .key-wide{max-width:210px;height:auto;min-height:47px}
.keyboard-text{display:block;box-sizing:border-box;width:100%;height:170px;min-height:130px;max-height:72vh;resize:vertical;border:2px solid #cbd5e1;border-radius:16px;margin-top:14px;padding:16px 18px;font:1.22rem/1.85 system-ui,"Noto Sans Devanagari","ORP Keyboard Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif;background:var(--orp-theme-surface,#fff);color:var(--orp-theme-text,#0f172a);letter-spacing:normal;word-spacing:normal;text-align:left}
.keyboard-text:focus{outline:3px solid #818cf8;outline-offset:1px}.keyboard-text.orp-emoji-rendering{font-variant-emoji:emoji}
#keyboard-insert-status{min-height:26px;font-size:.9rem;color:var(--orp-theme-text,#15803d);margin-top:8px}
.keyboard-statusbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.9rem;margin:12px 0}.keyboard-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.keyboard-privacy{padding:12px 16px;border:1px solid var(--orp-theme-border,#bbf7d0);border-radius:12px;background:var(--orp-theme-surface,#f0fdf4)}
.keyboard-emoji-tools{margin-top:12px}.keyboard-emoji-panel{padding:14px;margin-top:10px;border:1px solid var(--orp-theme-border,#e2e8f0);border-radius:16px;background:var(--orp-theme-surface,#f8fafc)}
.keyboard-emoji-categories{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.keyboard-emoji-categories button{border:1px solid #cbd5e1;border-radius:999px;cursor:pointer;padding:7px 10px;font:600 .85rem system-ui,sans-serif;color:var(--orp-theme-text,#334155);background:var(--orp-theme-surface,#fff)}
.keyboard-emoji-categories button[aria-pressed=true]{background:#e0e7ff;color:#312e81;border-color:#6366f1}
.keyboard-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:4px;max-height:430px;overflow:auto;overscroll-behavior:contain;direction:ltr;padding:8px;align-content:start}
.keyboard-emoji-grid button{height:38px;min-width:0;cursor:pointer;padding:2px;border:0!important;background:transparent!important;box-shadow:none!important;font:400 32px/1 "ORP Keyboard Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif;font-variant-emoji:emoji}
.keyboard-emoji-grid button:hover{transform:scale(1.12)}.keyboard-emoji-grid button:focus-visible{outline:2px solid #818cf8}.keyboard-emoji-grid .small{grid-column:1/-1;line-height:1.7}
.keyboard-guide{display:grid;grid-template-columns:1fr 1fr;gap:16px}.keyboard-guide article{margin:0}.keyboard-guide h2{line-height:1.6;margin-bottom:12px}
#keyboard-phonetic-help{padding:10px 12px;border:1px solid var(--orp-theme-border,#dbeafe);border-radius:10px}
@media(max-width:760px){.orp-keyboard-hero,.orp-keyboard-app{padding:18px}.keyboard-guide{grid-template-columns:1fr}.keyboard-key-row{min-width:680px;gap:4px}.keyboard-key-row button{min-width:42px}.keyboard-key-row .key-wide{min-width:70px}.keyboard-special-row{min-width:0}.keyboard-key-row .key-space{min-width:150px}.keyboard-text{font-size:1.12rem}.keyboard-mode select{width:100%}}