@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Gowun+Dodum&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";:root{--ink:#1d2822;--muted:#6b756f;--line:#d9ded8;--paper:#f6f4ed;--lime:#d7f05c;--forest:#254536}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Gowun Dodum,sans-serif}main{max-width:1180px;margin:auto;padding:0 34px 36px}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:96px;display:flex}.brand{color:var(--ink);letter-spacing:-2px;font:700 27px/1 DM Mono,monospace;text-decoration:none}.brand span{color:#7c9d1d}.badge{border:1px solid var(--ink);border-radius:999px;padding:7px 12px;font:11px DM Mono,monospace}.hero{padding:82px 0 52px}.eyebrow{letter-spacing:.13em;color:#67831e;margin:0 0 14px;font:12px DM Mono,monospace}.hero h1{letter-spacing:-.06em;margin:0;font:600 clamp(45px,7.5vw,88px)/.98 Playfair Display,Gowun Dodum,serif}.hero h1 em{color:#6d8b1e}.intro{color:var(--muted);margin:25px 0 0;font-size:16px;line-height:1.8}.editor{grid-template-columns:1fr 42px 1fr;align-items:stretch;display:grid}.pane{border:1px solid var(--line);background:#fbfaf6;min-height:360px;padding:19px}.result-pane{background:#e8efdc;border-color:#b7c69b}.pane-head{height:29px;color:var(--muted);justify-content:space-between;align-items:start;font:12px DM Mono,monospace;display:flex}.pane-head label,.pane-head>span:first-child{color:var(--ink);font-weight:500}.pane textarea{resize:none;width:100%;height:250px;color:var(--ink);background:0 0;border:0;outline:0;padding:12px 0;font:17px/1.85 Gowun Dodum,sans-serif}.output{white-space:pre-wrap;color:#a3aaa2;min-height:250px;padding:12px 0;font-size:17px;line-height:1.85}.output.has-result{color:var(--ink)}.sample,.copy{cursor:pointer;color:#567315;background:0 0;border:0;padding:0;font:11px DM Mono,monospace}.arrow{color:#93a95c;place-items:center;font-size:25px;display:grid}.changes{color:#64715f;border-top:1px solid #c6d1ad;flex-wrap:wrap;align-items:center;gap:7px;padding-top:12px;font:10px DM Mono,monospace;display:flex}.changes b{color:#40542b;background:#d6e3bd;border-radius:2px;padding:4px 6px;font-weight:400}.action-wrap{justify-content:center;margin:27px 0 84px;display:flex}.primary{background:var(--forest);color:#fff;cursor:pointer;border:0;padding:16px 23px;font:15px Gowun Dodum,sans-serif;box-shadow:4px 4px #b4c28b}.primary:disabled{cursor:not-allowed;opacity:.4}.primary span{color:var(--lime);padding-left:18px;font:20px DM Mono,monospace}.principles{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.principles article{min-height:190px;padding:27px 24px 28px 0}.principles article+article{border-left:1px solid var(--line);padding-left:24px}.principles strong{color:#728d2a;font:12px DM Mono,monospace}.principles h2{margin:20px 0 10px;font:600 21px Gowun Dodum,sans-serif}.principles p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}footer{color:var(--muted);text-align:right;padding:28px 0 5px;font-size:12px}footer a{color:var(--forest)}@media (width<=700px){main{padding:0 18px 28px}.nav{height:74px}.badge{display:none}.hero{padding:58px 0 40px}.hero h1{font-size:50px}.intro{font-size:14px}.editor{grid-template-columns:1fr;gap:13px}.arrow{height:22px;transform:rotate(90deg)}.pane{min-height:300px}.pane textarea,.output{min-height:190px}.action-wrap{margin:23px 0 60px}.principles{grid-template-columns:1fr}.principles article,.principles article+article{border-left:0;padding:22px 0}.principles article+article{border-top:1px solid var(--line)}footer{text-align:left}}