.arb-kb-textarea{
    width:100%;font-size:26px;font-family:'Amiri',serif;padding:18px;border:2px solid var(--arb-border);
    border-radius:14px;resize:vertical;color:var(--arb-txt);line-height:1.8;
}
.arb-kb-textarea:focus{outline:none;border-color:var(--arb-accent);}

.arb-kb-toolbar{display:flex;gap:10px;margin:14px 0 20px;flex-wrap:wrap;align-items:center;}
.arb-kb-copied-msg{color:var(--arb-green);font-weight:700;font-size:13px;opacity:0;transition:opacity .2s ease;}
.arb-kb-copied-msg.show{opacity:1;}
.arb-kb-tbtn[aria-pressed="true"]{background:var(--arb-accent);color:#fff;border-color:var(--arb-accent);}

.arb-kb-keys{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;
    direction:rtl;
}
.arb-kb-key{
    background:var(--arb-soft);border:1px solid var(--arb-border);border-radius:10px;
    font-size:22px;font-family:'Amiri',serif;padding:12px 0;cursor:pointer;color:var(--arb-txt);
    transition:all .1s ease;
}
.arb-kb-key:hover{background:var(--arb-accent);color:#fff;transform:translateY(-2px);}
.arb-kb-key:active{transform:scale(.95);}
.arb-kb-key.arb-kb-key-wide{grid-column:span 2;font-size:15px;font-family:inherit;font-weight:700;}

@media(max-width:480px){
    .arb-kb-textarea{font-size:20px;}
    .arb-kb-keys{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));}
    .arb-kb-key{font-size:18px;padding:10px 0;}
}