:root{color-scheme:light;font:16px/1.55 system-ui,sans-serif;color:#18312e;background:#edf1ee}*{box-sizing:border-box}body{margin:0}main{max-width:1060px;margin:auto;padding:44px 24px}header{margin-bottom:32px}small{font-weight:700;letter-spacing:.13em;color:#426c60}h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.1;margin:.5em 0}h2{font-size:1.35rem;margin-top:0}.banner{padding:20px;border-left:5px solid #a15c20;background:#fff1da}section{padding:26px;background:white;border:1px solid #cedbd3;border-radius:12px;margin-bottom:24px}label{display:block;font-weight:600;margin-bottom:16px}input,select,textarea{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #a0b6ab;border-radius:5px;background:white;color:#18312e;font:inherit}textarea{font:14px/1.5 ui-monospace,monospace}button{padding:12px 20px;border:0;border-radius:5px;background:#205747;color:white;font:600 15px system-ui;cursor:pointer}button:hover{background:#153f33}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d18b39;outline-offset:3px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5f2;padding:16px;font-size:13px}#result:empty{display:none}details{margin-top:20px}footer{color:#536c61;font-size:14px}