:root{font-family:system-ui,sans-serif;color:#182522;background:#edf3ed}body{max-width:1080px;margin:auto;padding:28px 18px}h1{font-size:clamp(2.5rem,8vw,6rem);line-height:.92;letter-spacing:-.07em;max-width:760px;margin:.2em 0}.eyebrow,.muted{color:#547064;font-size:.9rem;letter-spacing:.08em}.intro{font-size:1.2rem;max-width:700px;line-height:1.5}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}section{background:#fff;border:1px solid #c8d8ce;border-radius:14px;padding:20px;margin:18px 0;box-shadow:0 8px 24px #17382a12}textarea{width:100%;min-height:300px;box-sizing:border-box;font:13px ui-monospace,monospace;padding:12px;border:1px solid #9eb5a5;border-radius:8px}button{background:#17633f;color:#fff;border:0;border-radius:8px;padding:11px 15px;font:inherit;font-weight:700;cursor:pointer}.error{color:#a12727;min-height:1.5em}pre{white-space:pre-wrap;font:13px ui-monospace,monospace;background:#f4f8f5;padding:16px;border-radius:8px;overflow:auto;line-height:1.5}footer{margin-top:26px;line-height:1.5}@media(max-width:700px){.grid{grid-template-columns:1fr}body{padding:20px 14px}}