:root{font-family:system-ui,sans-serif;color:#18302f;background:#f4f7f6;line-height:1.5}body{margin:0}main{max-width:960px;margin:auto;padding:28px}h1{font-size:2rem;margin-bottom:8px}a{color:#13695f}fieldset,section{background:white;border:1px solid #ccd9d4;border-radius:8px;padding:20px;margin:20px 0}legend{font-weight:700}.notice{padding:14px;border-left:4px solid #937237;background:#fff9e9}label{display:block;margin:12px 0;font-weight:600}input,select,textarea{box-sizing:border-box;display:block;width:100%;padding:10px;border:1px solid #879f97;border-radius:4px;font:inherit;background:white;color:inherit}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.check{display:flex;gap:10px;align-items:flex-start}.check input{width:auto;margin-top:6px}button{padding:11px 18px;background:#155d52;color:white;border:0;border-radius:5px;font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid #bb7829;outline-offset:3px}#status{font-weight:600;overflow-wrap:anywhere}#source-preview{max-height:320px;overflow:auto;border:1px solid #dae4e0;padding:12px;margin-bottom:18px}pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 18px;font:inherit}.locator{font-size:.8rem;color:#526b62;overflow-wrap:anywhere}.error{color:#9c2222}li{overflow-wrap:anywhere}@media(max-width:600px){main{padding:16px}.grid{grid-template-columns:1fr}fieldset,section{padding:14px}h1{font-size:1.65rem}}