body{font:16px/1.5 system-ui,sans-serif;margin:0;background:#f5f7fa;color:#17212b}main{max-width:1080px;margin:auto;padding:28px}section{background:white;border:1px solid #ccd5de;border-radius:10px;margin:24px 0;padding:24px}aside{padding:16px;background:#e6f2f6}h1{font-size:36px}h2{font-size:23px}label{display:block;margin:12px 0}textarea,input{display:block;box-sizing:border-box;padding:10px;border:1px solid #8c9aa7;border-radius:4px;font:inherit;max-width:100%}textarea{width:100%;font-family:monospace}button{background:#164b66;color:white;border:0;border-radius:5px;padding:11px 16px;margin:8px 10px 8px 0;font:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d48600}button:disabled{opacity:.5;cursor:default}.fields{display:flex;gap:24px;flex-wrap:wrap}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:10px;border-bottom:1px solid #dbe0e5;text-align:left;vertical-align:top}th{background:#eef2f5}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7fa;padding:16px}.draft{border-top:1px solid #ccd5de;padding-top:12px}#error{color:#a00}footer{font-size:14px;color:#44515d;padding:20px 0}code{overflow-wrap:anywhere}