body{color:#0f172a;background:#f8fafc;margin:0;font-family:system-ui,sans-serif}main{max-width:860px;margin:2rem auto;padding:0 1rem}h1{margin-bottom:.25rem;font-size:1.5rem}section{background:#fff;border:1px solid #e2e8f0;margin-top:1rem;padding:1rem}h2{margin:0 0 .5rem;font-size:1rem}form{flex-wrap:wrap;gap:.5rem;display:flex}select,input,textarea{font:inherit;border:1px solid #cbd5e1;flex:200px;padding:.4rem}select{flex:0 0 110px}label{margin-top:1rem;display:block}label input{box-sizing:border-box;width:100%;margin-top:.25rem}button{color:#fff;font:inherit;cursor:pointer;background:#075985;border:1px solid #075985;padding:.4rem .9rem}button[type=button]{color:#075985;background:#fff}pre{color:#e2e8f0;background:#0f172a;min-height:6rem;margin-top:1rem;padding:1rem;font-size:.85rem;overflow:auto}