:root{font-family:Inter,Arial,sans-serif;color:#243d35;background:#f5f1e8;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}main{max-width:1320px;margin:auto;padding:34px 54px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid #d7d8ca}.wordmark{font:600 31px Georgia,serif;text-decoration:none;color:inherit;letter-spacing:-1px}.wordmark span{color:#9b542f;margin-left:5px}.edition,.eyebrow,.status,.pane-title span,.examples>span,footer>span{font-size:10px;letter-spacing:1.7px}.status{display:flex;align-items:center;gap:9px;letter-spacing:.5px}.status i{width:6px;height:6px;border-radius:50%;background:#698265}.intro{padding:70px 0 43px}.eyebrow{color:#856b4a}h1{font:400 clamp(36px,4.5vw,60px)/1.13 Georgia,serif;letter-spacing:-1.5px;margin:21px 0 23px}h1 em{font-weight:400;color:#74816c}.intro p{font-size:14px;line-height:1.8;color:#626a61}.workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d5d6c6;border-radius:6px;overflow:hidden;box-shadow:0 7px 20px #35432605}.pane{background:#fdfbf6;padding:25px 28px;display:flex;flex-direction:column;min-height:333px}.destination{background:#eeeee2;border-left:1px solid #d5d6c6}.pane-title{display:flex;gap:15px;justify-content:space-between;align-items:center}.pane-title label,.pane-title h2{font-size:13px;font-weight:500;margin:0}.pane-title span{color:#898f80;font-size:8px}textarea{width:100%;border:0;resize:vertical;min-height:206px;background:transparent;color:#314539;font:22px/1.65 Georgia,serif;padding:25px 0 12px}textarea:focus{outline:none}textarea:focus-visible{box-shadow:inset 0 -2px #7e957a}.output{flex:1;white-space:pre-wrap;overflow-wrap:anywhere;font:24px/1.65 Georgia,serif;padding-top:25px}.output.empty{color:#9aa190;font-style:italic;font-size:23px}.pane-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px}.pane-bottom>span{font-size:10px;color:#929684}button{font-family:inherit;cursor:pointer;border:1px solid #d4d7c7;background:transparent;color:#425346;border-radius:4px;font-size:11px;padding:9px 12px;transition:background .15s}button:hover:not(:disabled){background:#dfe5d8}button:focus-visible,a:focus-visible{outline:2px solid #a56e43;outline-offset:3px}button:disabled{cursor:default;opacity:.45}.translate{background:#294e3b;border-color:#294e3b;color:#faf9f0;padding:12px 19px;min-width:124px}.translate:hover:not(:disabled){background:#40644c}.translate span{padding-left:24px}.actions{display:flex;gap:7px}.examples{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:23px 0}.examples>span{margin-right:12px;color:#888d7f;font-size:8px}.examples button{border:0;color:#748169;padding:8px}.notice{border-left:2px solid #b99760;color:#826a4e;font-size:12px;padding:12px 16px;margin-bottom:20px;background:#eee7d8}.error{color:#9e372a}details{font-size:12px;padding:18px 0}summary{cursor:pointer}pre{white-space:pre-wrap;background:#eeeee2;padding:20px;border-radius:4px;max-height:350px;overflow:auto}footer{border-top:1px solid #d7d8ca;margin-top:49px;padding:25px 0 10px;display:flex;justify-content:space-between;align-items:flex-start;color:#8c907f}footer>span{font-size:8px}footer p{font-size:10px;line-height:1.7;margin:0;text-align:right}@media(max-width:760px){main{padding:24px}.edition{display:none}.intro{padding-top:45px}h1{letter-spacing:-.8px}.workspace{grid-template-columns:1fr}.destination{border-left:0;border-top:1px solid #d5d6c6}.pane{padding:22px;min-height:285px}textarea{min-height:160px}.pane-title span{font-size:7px}footer{gap:20px}.status{font-size:8px}.examples{gap:4px}}