*{box-sizing:border-box}body{margin:0;background:#f4efec;color:#251f21;font:16px/1.6 system-ui,sans-serif}main{max-width:920px;margin:24px auto;padding:24px;background:white;border-radius:18px}h1{font-size:30px;margin:8px 0}h2{font-size:23px}.eyebrow{color:#315b50;font-weight:600}.warning{background:#fff0da;padding:16px;border-left:4px solid #94661e;border-radius:8px}label{display:block;margin:16px 0;font-weight:600}input{display:block;width:100%;font:inherit;padding:12px;border:1px solid #ccc;border-radius:8px;min-height:48px}button{font:inherit;min-height:44px;border:1px solid #397c69;border-radius:8px;background:#cce5db;padding:10px 16px;cursor:pointer;margin:4px 4px 4px 0;color:#234a3f}.secondary{background:white}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #397c69;outline-offset:3px}article{margin:20px 0;padding:16px;background:#edf3fa;border-radius:12px;overflow-wrap:anywhere}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:#f4efec;border-radius:8px}footer{margin-top:28px;font-size:13px;color:#585254}#status{overflow-wrap:anywhere}#status.error{color:#a62323}[hidden]{display:none!important}@media(max-width:600px){main{margin:0;border-radius:0;padding:20px}h1{font-size:26px}.toolbar{align-items:flex-start;flex-wrap:wrap}}