*{box-sizing:border-box}body{margin:0;background:#faf8f2;color:#243e34;font:15px/1.5 'Avenir Next',Arial,sans-serif}header{display:flex;align-items:start;gap:48px;padding:24px 32px;border-bottom:1px solid #ccd1c5}.brand{color:inherit;text-decoration:none;font:32px Georgia,serif}h1{font:32px/1.1 Georgia,serif;margin:0 0 8px}p{margin:0;max-width:800px}main{padding:20px 32px}form{display:flex;align-items:end;gap:20px;flex-wrap:wrap}label{display:grid;gap:6px;font-weight:600}select{min-height:44px;background:#fffefa;border:1px solid #aeb9ad;border-radius:4px;padding:8px 12px;color:inherit;font:inherit}a{color:inherit;text-underline-offset:4px}#open-builder{padding:12px 0}.note{font-size:13px;color:#53645b;margin:14px 0}iframe{display:block;width:100%;height:calc(100dvh - 240px);min-height:620px;border:1px solid #ccd1c5;border-radius:4px;background:#faf8f2}:focus-visible{outline:3px solid #936747;outline-offset:3px}@media(max-width:640px){header{padding:20px 16px;gap:18px;flex-direction:column}main{padding:16px}form{display:grid;grid-template-columns:1fr 1fr;gap:12px}select{min-width:0;width:100%}#open-builder{grid-column:1/-1}iframe{height:850px}}