#keyboardSettings{width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:#17232e;color:#f6efe4;border:1px solid #677686;border-radius:16px;padding:24px;box-shadow:0 20px 90px #0009;font:14px/1.5 Arial,sans-serif}#keyboardSettings::backdrop{background:#050c16cb}#keyboardSettings h2{font-size:27px;margin:5px 0}#keyboardSettings p{font-size:13px;color:#bdcbd8}#keyboardSettings button{min-height:44px;padding:8px 14px;border:1px solid #536372;border-radius:7px;color:#fff;background:#243545;font:600 12px Arial;cursor:pointer}#keyboardSettings button:focus-visible{outline:3px solid #ffd27c;outline-offset:2px}.key-header{display:flex;align-items:start;justify-content:space-between;gap:15px}.key-tabs,.key-presets,.key-footer{display:flex;gap:10px;margin-top:14px}.key-tabs button{flex:1}.key-tabs button[aria-pressed=true]{border-color:#ffb064;background:#473a30}#keyRows{display:grid;gap:6px;margin-top:16px}#keyRows>div{display:flex;align-items:center;justify-content:space-between;gap:15px}#keyRows button{min-width:140px}#keyStatus{min-height:40px}#keyboardSettings #saveKeys{background:#d63d2d;border-color:#ef7668;flex:1}.key-footer{border-top:1px solid #ffffff20;padding-top:16px}.keyboard-note{font-size:12px;color:#b7c8d4}.keyboard-open{min-height:44px}
@media(max-height:550px){#keyboardSettings{padding:14px 20px}#keyRows{grid-template-columns:1fr 1fr;gap:8px 20px}#keyRows button{min-width:90px}#keyboardSettings h2{font-size:22px}.key-tabs,.key-presets,.key-footer{margin-top:8px}#keyStatus{min-height:20px;margin:7px 0}}