.thai-translator{display:grid;gap:9px;margin-bottom:14px;padding:14px;border:1px solid #add9cc;border-radius:14px;background:linear-gradient(135deg,#effbf7,#fbfffd)}
.thai-translator label{gap:3px}
.thai-translator label strong{color:var(--deep);font-size:17px}
.thai-translator label span{font-weight:600}
.translator-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.translator-foot small{color:var(--muted)}
.translator-foot button{min-height:43px;border:0;border-radius:10px;padding:9px 16px;background:var(--g);color:white;font-weight:900}
.translator-foot button:disabled{opacity:.55}
.translator-status{min-height:18px;margin:0;color:var(--muted);font-size:12px}
.translator-result{display:grid;gap:8px;padding:15px;border-radius:12px;background:#075c49;color:white}
.translator-result[hidden]{display:none}
.translator-result>small{color:#bdebdc}
.translator-result>strong{font-size:23px;line-height:1.5}
.translator-result>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.translator-result button{min-height:43px;border:0;border-radius:9px;background:white;color:var(--deep);font-weight:900}
.translator-result button:first-child{background:var(--yellow);color:#3d2d00}
.translator-result button.speaking{box-shadow:0 0 0 3px #ffffff80}
@media(max-width:480px){.translator-result>div{grid-template-columns:1fr}.translator-foot{align-items:flex-end}.translator-foot button{padding-inline:13px}}