.mg-captions{color:var(--q-text,#162b49);font:inherit;min-width:0}.mg-captions h3{font-size:1.05rem;margin:.2rem 0 .6rem}.mg-muted,.mg-row small{color:var(--q-muted,#536883);font-size:.85rem;line-height:1.5}.mg-field{display:grid;gap:.35rem;margin:.8rem 0}.mg-field select{box-sizing:border-box;width:100%;max-width:100%;font:inherit;background:var(--q-surface,#fff);color:inherit;border:1px solid var(--q-border,#ccd7e5);border-radius:10px;padding:.65rem}.mg-check{display:flex;align-items:flex-start;gap:.4rem;font-size:.9rem;line-height:1.5}.mg-check input{margin-top:.3rem}.mg-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0}.mg-button{font:inherit;font-size:.85rem;font-weight:600;padding:.6rem .75rem;background:var(--q-surface,#fff);color:var(--q-text,#162b49);border:1px solid var(--q-border,#c8d5e7);border-radius:10px;cursor:pointer}.mg-button:hover{border-color:#246bdb}.mg-button:focus-visible,.mg-field select:focus-visible,.mg-check input:focus-visible{outline:3px solid #2c7ce8;outline-offset:3px}.mg-button:disabled{opacity:.5;cursor:default}.mg-status{font-size:.85rem;line-height:1.5;overflow-wrap:anywhere}.mg-feed{max-height:360px;overflow:auto;overscroll-behavior:contain}.mg-row{padding:.75rem 0;border-bottom:1px solid var(--q-border,#dbe4f0);overflow-wrap:anywhere}.mg-row p{margin:.3rem 0;line-height:1.5}.mg-translation{font-weight:600;color:var(--q-accent,#1558b7)}.tm-captions .mg-caption-original{opacity:.8;font-size:.85em}.tm-captions p{unicode-bidi:plaintext}.tm-panel .mg-captions{color:inherit}.tm-panel .mg-muted,.tm-panel .mg-row small{color:inherit;opacity:.78}.tm-panel .mg-field select,.tm-panel .mg-button{background:var(--tm-bg,#fff);color:inherit;border-color:var(--tm-line,#c8d5e7)}.wr-captions{margin-top:1rem}.wr-captions .mg-feed{max-height:280px}

.tm-captions{max-height:38%;overflow:auto;overscroll-behavior:contain}.tm-captions p{margin:.3rem 0}.tm-captions small{font-size:.65em}.tm-captions>div+div{margin-top:.6rem;border-top:1px solid #ffffff35;padding-top:.4rem}

/* Readable translation states and a text-only fallback for unsupported speech APIs. */
.mg-field textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:84px;resize:vertical;padding:.7rem .8rem;border:1px solid var(--q-border,#c8d5e7);border-radius:12px;background:var(--q-surface,#fff);color:inherit;font:inherit;line-height:1.5}
.mg-field textarea:focus-visible{outline:3px solid #2c7ce8;outline-offset:3px}
.mg-status{padding:.75rem .85rem;border:1px solid var(--q-border,#d6e2f2);border-left:4px solid var(--q-accent,#1757b8);border-radius:12px;background:var(--q-surface,#f4f8ff);color:inherit;min-height:3.5em}
.mg-row .mg-original{color:inherit;opacity:1}.mg-row .mg-translation{padding:.45rem .65rem;border-radius:10px;background:var(--q-accent-soft,#edf4ff);line-height:1.55}
.mg-translation-note{display:block;margin-top:.35rem;opacity:1!important}.mg-translation-note[data-state="error"],.mg-translation-note[data-state="skipped"]{color:inherit;font-weight:600}
.mg-translation-note[data-state="pending"]{color:var(--q-accent,#1558b7)}
.tm-panel .mg-field textarea{background:var(--tm-surface,#fff);border-color:var(--tm-border,#c8d5e7);color:inherit}
@media (max-width:720px){.mg-field select,.mg-field textarea{font-size:16px}.mg-button{min-height:44px}.mg-actions{gap:.55rem}}