.pronunciation-recorder{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 22px;align-items:center;margin:24px auto;padding:18px 20px;border:1px solid rgba(231,189,103,.72);border-radius:16px;background:linear-gradient(145deg,rgba(40,52,76,.94),rgba(16,27,46,.96));box-shadow:0 14px 34px #0005,inset 0 1px rgba(255,255,255,.08);text-align:left}.pronunciation-recorder-copy strong,.pronunciation-recorder-copy span{display:block}.pronunciation-recorder-copy strong{color:var(--gold);font-size:20px}.pronunciation-recorder-copy span{margin-top:6px;color:#d8e0ec;font-size:14px}.pronunciation-recorder-actions{display:flex;gap:10px}.pronunciation-recorder-actions .btn{min-width:142px;margin:0}.pronunciation-recorder>small{grid-column:1/-1;color:#93a1b5;font-size:12px}.completion-dialog .pronunciation-recorder{margin:20px auto;max-width:590px}.completion-dialog.has-pronunciation{width:min(760px,94vw);padding-top:30px}@media(max-width:680px){.pronunciation-recorder{grid-template-columns:1fr}.pronunciation-recorder-actions{display:grid;grid-template-columns:1fr 1fr}.pronunciation-recorder-actions .btn{min-width:0}.pronunciation-recorder>small{grid-column:auto}}