.translator-intro{padding-bottom:1.6rem}.translator-badge{display:inline-flex;align-items:center;gap:.4rem;border-radius:30px;padding:.3rem .7rem;background:var(--accent);color:var(--brand-dark);font-size:.8rem;font-weight:700;margin-top:1rem}.translator-shell{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.translator-head{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.2rem;background:#f4f7f5;border-bottom:1px solid var(--line);gap:1rem}.translator-head h2{font-size:1rem;margin:0}.translator-head span{font-size:.8rem;color:var(--muted)}.translator-columns{display:grid;grid-template-columns:1fr 1fr}.translator-pane{padding:1.2rem;min-width:0}.translator-pane+.translator-pane{border-left:1px solid var(--line);background:#fafcfb}.pane-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem;gap:.5rem}.pane-label label,.pane-label h3{font-size:.85rem;font-weight:800;margin:0;color:var(--brand-dark);text-transform:uppercase;letter-spacing:.08em}#english-input,#japanese-output{width:100%;min-height:235px;border:1px solid #c5d5ce;border-radius:10px;background:#fff;padding:1rem;color:var(--ink);font-size:1.05rem;line-height:1.8;overflow-wrap:anywhere}#english-input{display:block;resize:vertical}#english-input:focus{outline:2px solid var(--brand);outline-offset:2px}#english-input[aria-invalid=true]{border-color:var(--danger)}#japanese-output{white-space:pre-wrap;font-size:1.25rem}#japanese-output:empty:before{content:'Your Japanese translation will appear here.';font-size:1rem;color:var(--muted)}.pane-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.7rem;font-size:.8rem;color:var(--muted)}.translator-actions{padding:0 1.2rem 1.1rem}.translator-actions .utility-btn{padding:.7rem 1rem;font-size:.9rem;min-height:44px}.translator-shell button:disabled{cursor:default;opacity:.55}.translator-shell button:focus-visible,.example-button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}#translation-status{font-size:.9rem;min-height:1.6em;margin:.6rem 0 0}.translator-examples{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin:1rem 0 .6rem;font-size:.85rem}.example-button{border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--brand-dark);padding:.35rem .7rem;font-size:.85rem}.translator-privacy{font-size:.85rem;line-height:1.7;color:var(--muted);margin:.7rem 0 1.6rem}.translator-guide{max-width:850px}.translator-guide h2{font-size:1.6rem;line-height:1.3;margin-top:2rem}.translator-guide h3{font-size:1.08rem;margin-bottom:.3rem}.translator-guide p,.translator-guide li{color:var(--muted)}.translator-guide details{border-bottom:1px solid var(--line);padding:1rem 0}.translator-guide summary{font-weight:700;cursor:pointer}.translator-guide details p{margin-bottom:.2rem}.translator-steps{padding-left:1.3rem}.translator-steps li{margin:.5rem 0}.translator-note{background:var(--accent);border-radius:12px;padding:1rem 1.2rem}.translator-note p{margin:0}.related-translator-tools{margin:2rem 0 3rem}@media(max-width:680px){.translator-columns{grid-template-columns:1fr}.translator-pane+.translator-pane{border-left:0;border-top:1px solid var(--line)}.translator-pane{padding:.9rem}.translator-head{padding:.8rem .9rem}.translator-head span{display:none}#english-input,#japanese-output{min-height:170px;font-size:1rem}#japanese-output{font-size:1.15rem}.translator-actions{padding:0 .9rem 1rem}.translator-actions .utility-btn.primary{width:100%;justify-content:center}.translator-intro{padding-top:1.5rem}.pane-meta{align-items:flex-start}.translator-shell{border-radius:12px}}