/* Side-by-side translation workspace, light-first, matched to Typing Keyboards UI. */
.tk-translator-section{padding-bottom:32px}.tk-translator-note{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.83rem;margin-bottom:17px}.tk-translator-note strong{color:var(--text)}
.tk-translator-card{background:var(--surface);border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow);overflow:hidden}
.tk-translate-bar{display:flex;align-items:center;gap:14px;padding:21px 27px;border-bottom:1px solid var(--border);background:var(--surface)}
.tk-lang-field{display:flex;flex:1;align-items:center;gap:15px;min-width:0}.tk-lang-field label{font-size:.69rem;font-weight:760;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.tk-lang-field select{width:100%;max-width:250px;min-height:43px;background:var(--surface-alt);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 13px;font-size:.95rem;font-weight:650;min-width:0}
.tk-lang-field select:focus-visible{outline:2px solid var(--accent)}.tk-swap-button{display:grid;place-items:center;flex:0 0 46px;height:46px;border:1px solid var(--border);border-radius:50%;color:var(--accent);font-size:1.5rem;background:var(--surface-alt);transition:transform .17s,background .17s}.tk-swap-button:hover{transform:rotate(180deg);background:var(--accent-soft)}
.tk-translator-settings{border:0;background:transparent;color:var(--muted);font-size:1.1rem;width:32px;height:36px}
.tk-translate-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:350px}.tk-translate-pane{display:flex;flex-direction:column;padding:23px 27px 17px;min-width:0}.tk-translate-pane:first-child{border-right:1px solid var(--border)}.tk-pane-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:28px;margin-bottom:10px}.tk-pane-heading strong{font-size:.87rem;font-weight:760}.tk-result-tag{font-size:.64rem;font-weight:800;color:var(--muted);letter-spacing:.1em}
.tk-translate-pane textarea{flex:1;resize:vertical;width:100%;min-height:255px;border:0;outline:0;background:transparent;color:var(--text);font-size:1.1rem;line-height:1.75;letter-spacing:-.01em;padding:3px 0 0;font-family:inherit}.tk-translate-pane textarea::placeholder{color:var(--muted);opacity:.72}
.tk-output{flex:1;min-height:255px;padding:3px 0 0;color:var(--text);font-size:1.1rem;line-height:1.75;white-space:pre-wrap;word-break:break-word}.tk-output-placeholder{color:var(--muted);opacity:.76}
.tk-word{appearance:none;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;padding:0;margin:0;line-height:inherit;cursor:pointer;border-bottom:1px dashed transparent}.tk-word:hover,.tk-word:focus-visible{color:var(--accent);border-bottom-color:var(--accent)}
.tk-pane-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid var(--border);padding-top:12px;min-height:51px}.tk-pane-tools{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.tk-mini-action{display:inline-flex;gap:5px;align-items:center;justify-content:center;min-height:35px;padding:5px 7px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:.79rem;font-weight:650}.tk-mini-action:hover{background:var(--accent-soft);color:var(--accent)}.tk-mini-action[hidden]{display:none}.tk-counter{white-space:nowrap;font-size:.76rem;font-variant-numeric:tabular-nums;color:var(--muted)}
.tk-translate-actions{padding:16px 26px;border-top:1px solid var(--border);background:var(--surface-alt);display:flex;gap:20px;justify-content:space-between;align-items:center}.tk-translate-actions .button{flex-shrink:0;min-height:45px;gap:10px}.tk-translate-submit:disabled{opacity:.72;cursor:wait}.tk-provider-disclaimer{max-width:550px;color:var(--muted);font-size:.77rem;line-height:1.5}.tk-translation-status{min-height:26px;padding:7px 27px;color:var(--muted);font-size:.79rem}.tk-translation-status:empty{padding:0;min-height:0}.tk-translation-status.is-error{color:#c53f20}
.tk-translation-below{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.tk-dictionary,.tk-translator-explainer{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:25px 28px;min-height:180px}.tk-box-heading .eyebrow{margin-bottom:9px}.tk-translation-below h2{font-size:1.3rem;letter-spacing:-.03em;margin-bottom:11px}.tk-translation-below p{font-size:.87rem;line-height:1.7}.tk-dictionary-answer{background:var(--surface-alt);border-radius:6px;padding:13px 16px;font-size:.86rem;min-height:48px;color:var(--text)}
.tk-translator-guide{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:65px}.tk-translator-guide .tk-guide-main{max-width:740px}.tk-translator-guide h2{font-size:clamp(1.7rem,3.4vw,2.4rem);margin-bottom:19px}.tk-translator-guide h3{font-size:1.25rem;margin:27px 0 12px}.tk-translator-guide p,.tk-translator-guide li{font-size:.94rem;line-height:1.82;color:var(--muted)}.tk-translator-guide li{margin-bottom:9px}.tk-translator-guide a:not(.button){color:var(--accent);text-decoration:underline;text-underline-offset:3px}.tk-guide-related .sidebar-box{position:sticky;top:120px}.tk-translator-faq{margin-top:20px}
@media(max-width:900px){.tk-translate-bar{padding:16px}.tk-lang-field{gap:7px}.tk-lang-field label{display:none}.tk-translate-pane{padding:18px 18px 14px}.tk-translation-below{gap:12px}.tk-translator-guide{grid-template-columns:1fr;gap:25px}.tk-guide-related{max-width:520px}}
@media(max-width:650px){.tk-translator-note{flex-wrap:wrap}.tk-translator-note span:last-child{width:100%;margin-left:19px}.tk-translate-grid{grid-template-columns:1fr}.tk-translate-pane:first-child{border-right:0;border-bottom:1px solid var(--border)}.tk-translate-pane textarea,.tk-output{min-height:165px;font-size:1rem}.tk-translate-bar{gap:7px}.tk-swap-button{flex-basis:36px;height:36px;font-size:1.2rem}.tk-lang-field select{padding:7px;min-height:40px;font-size:.81rem}.tk-translator-settings{display:none}.tk-translation-below{grid-template-columns:1fr}.tk-translate-actions{padding:14px;flex-direction:column;align-items:stretch;gap:12px}.tk-translate-actions .button{width:100%}.tk-dictionary,.tk-translator-explainer{padding:21px;min-height:0}.tk-translate-pane{padding:16px}.tk-mini-action{font-size:.73rem}.tk-translate-pane textarea,.tk-output{min-height:180px}}
@media(prefers-reduced-motion:reduce){.tk-swap-button{transition:none}}

/* Quality upgrade: clear, persistent official translator fallback */
.tk-translation-external { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; padding:8px 22px 18px; font-size:13px; }
.tk-translation-external a { color:#e7551e; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.tk-translation-external span { color:var(--muted,#777); }
[data-theme="dark"] .tk-translation-external a { color:#ffa06a; }