:root{font:17px/1.6 system-ui,sans-serif;color:#173e35;background:#f5f4ed}*{box-sizing:border-box}body{margin:0}header,main{max-width:1160px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;border-bottom:1px solid #ccd5c9;gap:16px}a{color:#205e4a}header a{text-decoration:none}.brand{font-weight:750}.brand span{font-weight:400;font-size:13px}.eyebrow{font-size:12px;letter-spacing:2px;margin-top:36px}h1{font:600 clamp(36px,6vw,68px)/1.08 Georgia,serif;letter-spacing:-2px;margin:16px 0 22px}.intro{max-width:720px;font-size:20px}.badges{display:flex;gap:10px;margin:24px 0 32px}.badges span{padding:5px 14px;border:1px solid #bdcbbb;border-radius:30px;font-size:13px}.workspace{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid #cbd7c7;border-radius:16px;overflow:hidden}.input,.output{padding:26px;min-width:0}.output{background:#eaf0e6}h2{font-size:22px;margin-top:0}label{display:block;font-size:14px;font-weight:600;margin:16px 0 7px}input{max-width:100%}textarea{width:100%;height:250px;resize:vertical;padding:14px;border:1px solid #829b86;border-radius:8px;font:14px/1.5 monospace}button{font:600 14px system-ui;padding:12px 16px;border:1px solid #173e35;border-radius:7px;background:#173e35;color:white;cursor:pointer}.secondary{background:transparent;color:#173e35}button:disabled{opacity:.5;cursor:default}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}li{margin:0 0 14px}.quiet,footer{font-size:13px;color:#425b4b}section+section{max-width:800px;margin-top:36px}footer{border-top:1px solid #bdcbbb;margin-top:36px;padding:20px 0}:focus-visible{outline:3px solid #a65c1c;outline-offset:3px}@media(max-width:720px){.workspace{grid-template-columns:1fr}header{flex-wrap:wrap}.brand span{display:block}.input,.output{padding:20px}h1{letter-spacing:-1px}}