.bilingual-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0;margin-bottom:10px;border-bottom:1px solid #d6e2db}.bilingual-toolbar label{display:flex;align-items:center;gap:5px;margin:0}.bilingual-toolbar select{max-width:210px}.bilingual-toolbar input[type=range]{width:90px}.bilingual-status{flex-basis:100%;font-size:12px;color:#526c5f;margin:0;white-space:pre-line}.bilingual-vi{display:block;background:transparent;border:0;padding:5px 0;text-align:left;color:#427052;font:inherit;line-height:1.6;white-space:pre-wrap;cursor:pointer;width:100%;font-size:var(--bilingual-font-size,16px)}.bilingual-vi[hidden]{display:none}.bilingual-vi.missing{color:#8c7456;font-style:italic;font-size:13px}.cue.current .bilingual-vi{color:#154c36;font-weight:600}.bilingual-mode-vi .bilingual-english,.bilingual-mode-vi .cue-ipa,.bilingual-mode-vi .main-ipa{display:none!important}.bilingual-active .cue .bilingual-english{font-size:var(--bilingual-font-size,16px)}.bilingual-active #subtitle{font-size:calc(var(--bilingual-font-size,16px)*1.35)}.bilingual-active .context-text{font-size:var(--bilingual-font-size,16px)}.bilingual-dialog{width:min(900px,95vw);max-width:900px;max-height:90dvh;border:1px solid #c7d9cf;border-radius:18px;padding:20px}.bilingual-dialog::backdrop{background:#122e29aa}.bilingual-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.bilingual-dialog h2{font-size:20px;margin:0}.bilingual-dialog .bilingual-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.bilingual-dialog textarea{box-sizing:border-box;width:100%;min-height:70px;resize:vertical;line-height:1.5}.bilingual-dialog select{max-width:100%}.bilingual-edit-row{padding:14px 0;border-bottom:1px solid #d6e2db}.bilingual-edit-row p{white-space:pre-wrap;margin:5px 0}.bilingual-edit-row small{color:#526c5f}.bilingual-preview{border-left:3px solid #c19d59;padding:10px;margin:8px 0;background:#faf6ed}.bilingual-preview p{color:#624e2c}.bilingual-edit-row[data-current=true]{background:#eef5ef}.bilingual-dialog #biEditorStatus{white-space:pre-line}.bilingual-dialog .bilingual-pages{display:flex;align-items:center;gap:10px}.bilingual-file-label{display:grid;gap:6px;margin:12px 0}.bilingual-toolbar button,.bilingual-toolbar select{min-height:36px}@media(max-width:600px){.bilingual-dialog{padding:14px}.bilingual-toolbar{gap:6px}.bilingual-toolbar label{font-size:12px}.bilingual-toolbar button{padding:7px 10px}.bilingual-edit-row textarea{font-size:16px}}
