.ayah-live-box{margin-top:12px;border:1px solid rgba(91,58,24,.15);background:#fffaf0;border-radius:16px;padding:10px}
.ayah-live-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ayah-live-controls label{display:grid;gap:4px;background:#fff;border:1px solid rgba(91,58,24,.13);border-radius:13px;padding:8px}
.ayah-live-controls span{font-size:12px;font-weight:900;color:#746956}
.ayah-live-controls select{width:100%;border:0;outline:0;background:transparent;color:#5b3a18;font-weight:900;font-family:Tajawal,Arial,sans-serif;font-size:14px}
.ayah-live-output{margin-top:10px;background:#fffdf7;border:1px solid rgba(91,58,24,.15);border-radius:14px;padding:12px}
.ayah-live-title{font-weight:900;color:#5b3a18;margin-bottom:8px}
.ayah-live-text{font-family:Amiri,serif;font-size:21px;line-height:2;color:#1f1a12;max-height:260px;overflow:auto}
.ayah-live-error{color:#9b2b1f;font-weight:900}.ayah-live-loading,.ayah-live-note{color:#746956;font-weight:800}
.ayah-live-output audio{width:100%;margin-top:6px}
@media(max-width:800px){.ayah-live-controls{grid-template-columns:1fr}}