:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#26342d;background:#fafbf8;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:1040px;margin:0 auto;padding:92px 40px 36px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:33px}h1{margin:0;font-size:25px;font-weight:650;letter-spacing:-1px}.dot{color:#8bae4d}.badge{font-size:11px;color:#6d7d64;border:1px solid #e0e6d9;background:#f3f6ed;border-radius:20px;padding:6px 10px;white-space:nowrap}.translator{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #dce3d5;border-radius:15px;overflow:hidden;box-shadow:0 4px 22px #1d301708}.pane{padding:22px 25px;min-width:0}.result-pane{background:#f0f4ea;border-left:1px solid #dce3d5}.label-row{display:flex;align-items:center;justify-content:space-between;min-height:26px}label,h2{font-size:12px;font-weight:600;margin:0;color:#68785e}button{font:inherit;font-size:11px;color:#77856f;background:none;border:0;border-radius:4px;padding:5px 7px;cursor:pointer}button:hover:not(:disabled){background:#e5eddb}button:disabled{opacity:.35;cursor:default}textarea,.output{font:inherit;font-size:24px;line-height:1.8;color:#26342d;min-height:310px;width:100%;margin:20px 0 0;padding:0;background:transparent;overflow-wrap:anywhere}textarea{display:block;border:0;outline:0;resize:vertical;max-height:650px}textarea::placeholder,.placeholder{color:#a6afa0}.output{white-space:pre-wrap}.status-row{display:flex;justify-content:space-between;min-height:18px;gap:16px;font-size:11px;color:#839079;margin:14px 3px 0}#error{font-size:12px;color:#a24935;margin:12px 3px}footer{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:37px 3px 0;color:#94a08b;font-size:10px}details{max-width:440px;text-align:right}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}details div{text-align:left;border-top:1px solid #e0e6d9;margin-top:12px;padding-top:6px;line-height:1.9}details a{color:#748d60;text-underline-offset:3px}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #90ad6f;outline-offset:3px}textarea:focus-visible{outline:2px solid #d4dfc9;outline-offset:7px;border-radius:3px}.working{opacity:.7}@media(max-width:640px){main{padding:37px 20px 24px}header{margin-bottom:24px}h1{font-size:23px}.badge{font-size:9px;padding:5px 8px}.translator{grid-template-columns:1fr}.result-pane{border-left:0;border-top:1px solid #dce3d5}.pane{padding:18px 20px}textarea,.output{min-height:180px;font-size:21px;margin-top:13px}footer{margin-top:25px}.status-row{font-size:10px}}

.direction-row{margin:-12px 0 18px}select{font:inherit;font-size:13px;color:#536447;background:#f0f4ea;border:1px solid #dce3d5;border-radius:8px;padding:9px 30px 9px 12px;cursor:pointer}select:focus-visible{outline:2px solid #90ad6f;outline-offset:3px}