#translator .editor-hint { color: #a27382; font-size: 12px; line-height: 1.8; margin: 0 0 14px; }
#translator .editor-zh { cursor: text; border-bottom: 1px dashed #dbadbd; border-radius: 3px; padding: 2px 1px; min-width: 1em; overflow-wrap: anywhere; }
#translator .editor-zh:hover { background: #fbeef2; }
#translator .editor-zh:focus { outline: 2px solid #d27392; outline-offset: 2px; background: #fff; }
#translator .editor-paragraph .editor-zh { display: inline; color: inherit; font-size: inherit; }
#translator .editor-row { grid-template-columns: 20px minmax(0, 1fr) 16px minmax(0, 1fr) 28px; }
#translator .editor-checkbox { width: 16px; height: 16px; accent-color: #c94570; margin: 0; cursor: pointer; }
#translator .editor-selection-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 10px 0 14px; border-bottom: 1px solid #f0e4e8; }
#translator .editor-selection-toolbar button { border: 1px solid #ead7df; background: #fff9fb; color: #a7375d; padding: 7px 11px; border-radius: 8px; cursor: pointer; font: inherit; font-size: 12px; }
#translator .editor-selection-toolbar button:disabled, #translator .tag-copy:disabled { opacity: .45; cursor: not-allowed; }
#translator .editor-selected-count { font-size: 12px; color: #937e86; margin-right: auto; }
@media (max-width: 560px) { #translator .editor-row { grid-template-columns: 18px minmax(0, 1fr) 12px minmax(0, 1fr) 24px; gap: 7px; } #translator .editor-selection-toolbar { gap: 7px; } }

#translator .editor-additions { border-top: 1px dashed #ead7df; margin-top: 20px; padding-top: 16px; }
#translator .editor-add-label { color: #a7375d; font-size: 13px; font-weight: 600; margin: 0 0 10px; }
#translator .editor-add-row { display: flex; gap: 8px; margin-bottom: 8px; }
#translator .editor-add-input { width: 100%; min-width: 0; border: 1px solid #ead7df; border-radius: 8px; padding: 10px; background: #fff; color: #43313b; font: inherit; font-size: 14px; }
#translator .editor-add-input:focus { outline: 2px solid #d27392; outline-offset: 1px; }
#translator .editor-add-input::placeholder { color: #ab959f; }
#translator .editor-add-button { flex-shrink: 0; border: 1px solid #ead7df; background: #fff3f7; color: #a7375d; border-radius: 8px; padding: 8px 14px; font: inherit; font-size: 13px; cursor: pointer; }
#translator .editor-add-help { color: #937e86; font-size: 11px; line-height: 1.8; margin: 8px 0 0; }
@media (max-width: 560px) { #translator .editor-add-input { font-size: 16px; } }

.translation-direction{display:flex;gap:5px;padding:4px;border:1px solid #ead6e0;border-radius:9px;background:#f9f0f4;margin:0 0 15px}.translation-direction button{flex:1;background:transparent;border:0;border-radius:6px;padding:10px 15px;font:inherit;font-size:13px;color:#a27d90;cursor:pointer}.translation-direction button.selected{background:#bd4969;color:white;box-shadow:0 2px 5px #bd49691a}.translation-direction button:focus-visible{outline:3px solid #d593ad;outline-offset:2px}

#translator .translation-input-mode { display:flex; gap:8px; margin:0 0 16px; }
#translator .translation-input-mode button, #translator .editor-whole-open, #translator .editor-whole-actions button { border:1px solid #e5c9d5; background:#fff; border-radius:8px; padding:8px 12px; color:#9f385e; font:inherit; font-size:13px; cursor:pointer; }
#translator .translation-input-mode button { flex:1; }
#translator .translation-input-mode button.selected, #translator .editor-whole-actions .editor-whole-save { background:#bd4969; color:white; border-color:#bd4969; }
#translator .translation-input-mode button:disabled, #translator .editor-whole-open:disabled, #translator .editor-whole-actions button:disabled { opacity:.5; cursor:not-allowed; }
#translator .editor-whole-open { margin-bottom:16px; }
#translator .editor-whole-section { padding:16px; margin-bottom:20px; border:1px solid #e8c9d6; border-radius:12px; background:#fff7fa; }
#translator .editor-whole-label { display:block; color:#96516c; font-size:12px; margin-bottom:10px; line-height:1.7; }
#translator .editor-whole-input { display:block; box-sizing:border-box; width:100%; min-width:0; min-height:150px; resize:vertical; border:1px solid #dbb6c7; border-radius:8px; padding:12px; font:inherit; font-size:14px; line-height:1.9; color:#46313b; background:white; }
#translator .editor-whole-input:focus { outline:2px solid #ce7898; outline-offset:2px; }
#translator .editor-whole-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
#translator .editor-whole-help { font-size:11px; color:#947b86; line-height:1.8; margin:10px 0 0; }
#translator .english-text, #translator .editor-paragraph, #translator .tag-en, #translator .tag-zh { white-space:pre-wrap; }
#translator .editor-zh[contenteditable="false"] { cursor:default; border-bottom-color:transparent; }
#translator .editor-chinese-actions { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
#translator .editor-copy-chinese { border:1px solid #e5c9d5; background:#fff; border-radius:7px; padding:7px 10px; color:#9f385e; font:inherit; font-size:12px; cursor:pointer; }
#translator .editor-copy-chinese:disabled { opacity:.45; cursor:not-allowed; }
#translator .word-row-actions { flex-wrap:wrap; }
#translator .word-row-actions .editor-copy-chinese { padding:5px 7px; font-size:11px; white-space:nowrap; }
@media(max-width:560px) { #translator .editor-whole-section { padding:12px; } #translator .editor-whole-input { font-size:16px; } #translator .editor-whole-actions button { flex:1; padding:10px 8px; } }