:root{color-scheme:light;--ink:#193f32;--muted:#566b5c;--paper:#f6f4e8;--line:#ced5c2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}header{padding:22px 6vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}a{color:inherit}header a{text-decoration:none;font-size:22px;font-weight:700}header span,.eyebrow{font-size:11px;letter-spacing:2px}header span{border:1px solid var(--line);padding:5px 10px;border-radius:20px}main,footer{max-width:1040px;margin:auto;padding:40px 24px}h1{font-size:clamp(40px,6vw,64px);line-height:1.1;letter-spacing:-2px;margin:20px 0}h2{font-size:22px;margin:0 0 16px}.lead{font-size:19px;max-width:650px;color:var(--muted)}section{background:#fffdf3;border:1px solid var(--line);border-radius:18px;padding:25px;margin:24px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid section{margin:0}label{display:block;font-weight:600;margin-bottom:7px}textarea,input,select{font:inherit;width:100%;border:1px solid var(--line);border-radius:10px;background:white;padding:12px;color:var(--ink)}textarea{resize:vertical}.options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}button,.button{display:inline-block;background:var(--ink);color:white;border:0;border-radius:9px;padding:12px 19px;font:600 15px system-ui;cursor:pointer;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #88a781;outline-offset:3px}#identity,.small,footer{font-size:13px;color:var(--muted)}#status{overflow-wrap:anywhere}#preview{display:block;background:#fff;max-width:100%;height:auto;margin:12px 0 20px}code{overflow-wrap:anywhere;font-size:13px}[hidden]{display:none!important}@media(max-width:650px){.grid{grid-template-columns:1fr}main,footer{padding:28px 18px}section{padding:20px}header{padding:18px}header span{font-size:9px;letter-spacing:1px}}
pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef0e3;border:1px solid var(--line);border-radius:10px;padding:18px;line-height:1.6}nav{line-height:2}li{margin:8px 0}