body{font:16px/1.5 system-ui,sans-serif;max-width:800px;margin:2rem auto;padding:0 1rem;color:#172c3d;background:#f6f8fa}h1,h2{line-height:1.2}section,form{margin:1.2rem 0}label{display:block;margin:.7rem 0}input,select,textarea,button{font:inherit;padding:.6rem;border:1px solid #aab8c2;border-radius:5px}select,textarea{display:block;box-sizing:border-box;width:100%;margin-top:.3rem}textarea{min-height:100px}button{cursor:pointer;background:#17486c;color:white}button:disabled{cursor:wait;opacity:.6}#result:not(:empty){background:white;padding:1.3rem;border:1px solid #d6dfe5;border-radius:8px}#result p,pre{overflow-wrap:anywhere}pre{white-space:pre-wrap;font-size:.8rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #e3e8ec;padding:.6rem}th{width:35%}.notice{background:#fff0c8;padding:.7rem;border-radius:4px}details{margin-top:1rem}summary{cursor:pointer}small{color:#526675}