:root{font-family:system-ui,-apple-system,sans-serif;color:#18334a;background:#f3f7fa;font-size:16px;line-height:1.6}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{padding:20px max(20px,calc((100vw - 980px)/2));background:#18334a;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:24px;margin:0}h1 small{font-size:16px;font-weight:400;margin-left:12px}main{max-width:980px;margin:24px auto;padding:0 20px}section{background:#fff;padding:24px;border:1px solid #d5e0e8;border-radius:12px;margin-bottom:24px}h2{font-size:22px;margin:0 0 16px}p{margin:12px 0}button,input,textarea,select{font:inherit}button{padding:12px 20px;background:#216baf;color:white;border:0;border-radius:8px;font-weight:650;min-height:48px;cursor:pointer}button:disabled{background:#64798c;cursor:not-allowed}input,textarea,select{display:block;width:100%;padding:10px 12px;border:1px solid #879aa9;border-radius:6px;margin-top:5px;min-height:48px}textarea{min-height:80px}label{display:block;font-weight:600;margin-bottom:18px}small{font-size:15px;font-weight:400;display:block}h1 small{display:inline}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.notice,#status{padding:16px;border-radius:8px;background:#e6eff8}.result{white-space:pre-wrap}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #367abe;outline-offset:3px}@media(max-width:600px){.grid{grid-template-columns:1fr}section{padding:18px}header{padding:16px}h1{font-size:20px}}