body{font:16px/1.6 system-ui;background:#f4f8fc;color:#17354c;margin:0}main{max-width:820px;margin:30px auto;padding:20px}section{background:white;border:1px solid #d7e1ec;border-radius:14px;padding:20px;margin:20px 0}label{display:block;margin:14px 0}input,select{box-sizing:border-box;display:block;width:100%;padding:12px;font:inherit;border:1px solid #a6bacb;border-radius:7px}button{font:inherit;padding:10px 14px;margin:5px;border:1px solid #7296af;border-radius:7px;cursor:pointer}button:disabled{opacity:.5;cursor:default}.notice,#status{padding:14px;background:#e5f1fa;border-radius:8px}code{overflow-wrap:anywhere}a{color:#165e9b}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #008bb4}

textarea{box-sizing:border-box;display:block;width:100%;min-height:280px;padding:12px;font:14px/1.5 monospace;border:1px solid #a6bacb;border-radius:7px;resize:vertical}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto;background:#f4f8fc;padding:12px}