:root{font:16px/1.5 system-ui;color:#17231f;background:#f3f6f4;--green:#086047}*{box-sizing:border-box}body{margin:0}main{width:min(1120px,calc(100% - 2rem));margin:3rem auto}h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1;margin:.4rem 0 1rem}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:800;color:var(--green)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}section{background:#fff;border:1px solid #d5ded9;border-radius:12px;padding:1rem}textarea,pre{width:100%;min-height:440px;margin:0;padding:1rem;border:1px solid #bac7c0;border-radius:7px;background:#fbfcfb;font:13px/1.45 ui-monospace,monospace;overflow:auto;white-space:pre-wrap}button{margin:.8rem .5rem 0 0;padding:.7rem 1rem;border:0;border-radius:7px;background:var(--green);color:#fff;font-weight:700;cursor:pointer}.secondary{background:#465750}#status,aside{padding:1rem;border-radius:8px;background:#e8eeeb}.ok{background:#dff3e8!important;color:#125b3c}.error{background:#ffe7e4!important;color:#8b2119}aside{margin:1rem 0}@media(max-width:760px){.grid{grid-template-columns:1fr}textarea,pre{min-height:320px}}