:root{--accent:#4fd1c5}.translator{margin-top:28px;padding:16px}.lang-row{grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;margin-bottom:14px;display:grid}.lang-select{color:var(--text-muted);gap:6px;font-size:13px;display:grid}.lang-select select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;min-height:42px;padding:8px 12px;font-size:15px}.panes{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pane{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex-direction:column;min-height:240px;display:flex;overflow:hidden}.pane:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.pane textarea,.output-text{flex:1;width:100%;padding:14px 16px;font-size:18px;line-height:1.55}.pane textarea{resize:vertical;background:0 0;border:0;min-height:180px}.pane textarea:focus{outline:none}.pane-output{background:color-mix(in srgb, var(--accent) 5%, var(--bg))}.output-text{white-space:pre-wrap;overflow-wrap:anywhere}.output-text[data-empty=true]{color:var(--text-muted)}.output-text[data-error=true]{color:var(--danger);font-size:15px}.pane-foot{border-top:1px solid var(--border);align-items:center;gap:8px;min-height:52px;padding:6px 8px 6px 14px;display:flex}.pane-foot .hint:first-child,.pane-foot .pill{margin-right:auto}.hint{color:var(--text-muted);font-size:13px}.actions{justify-content:flex-end;align-items:center;gap:14px;margin-top:14px;display:flex}.actions .hint{margin-right:auto}kbd{background:#00000026;border-radius:5px;padding:1px 6px;font-family:inherit;font-size:12px;font-weight:500}.how{color:var(--text-muted);margin-top:36px;font-size:15px}.how h2{color:var(--text);font-family:var(--font-display);margin:0 0 8px;font-size:20px}.how ul{gap:8px;margin:0;padding-left:20px;display:grid}.how strong{color:var(--text)}@media (width<=720px){.panes{grid-template-columns:1fr}.pane{min-height:180px}.lang-row{grid-template-columns:1fr auto 1fr;gap:8px}.actions{flex-direction:column-reverse;align-items:stretch}.actions .hint{text-align:center;margin-right:0}kbd{display:none}}