:root{color-scheme:light;--green:#25654c;--line:#dce5df;--muted:#687c71}*{box-sizing:border-box}body{margin:0;background:#f6f8f4;color:#243b30;font:15px/1.6 system-ui,"Microsoft YaHei",sans-serif}header{display:flex;align-items:center;gap:24px;padding:18px 4%;background:white;border-bottom:1px solid var(--line)}header span{flex:1}a{color:var(--green)}main{max-width:1320px;margin:auto;padding:24px}h1{font-size:27px;margin:0}h3{margin:6px 0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;padding:9px 16px;border-radius:7px;color:inherit}button:hover{background:#eef4ed}button:disabled{opacity:.5;cursor:default}.primary,nav button.active{background:var(--green);color:white}.muted{color:var(--muted);font-size:13px}nav{display:flex;gap:8px;margin:24px 0 16px}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px}aside,.editor{background:white;padding:20px;border:1px solid var(--line);border-radius:12px;min-width:0}label{display:block;margin:10px 0;font-size:13px}input,select,textarea{display:block;width:100%;border:1px solid var(--line);border-radius:6px;padding:9px;color:inherit;background:white}textarea{min-height:110px;resize:vertical}input[type=checkbox]{display:inline-block;width:auto;accent-color:var(--green)}.row,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.grow{flex:1}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.actions{margin-top:22px}.item{padding:16px;background:#f6f8f4;border:1px solid var(--line);border-radius:8px;margin:12px 0}.item-head{display:flex;align-items:center;gap:8px}.item-head strong{flex:1}.item button{padding:4px 10px}.item .checks{display:flex;gap:18px}.code,#source{font:13px/1.6 Consolas,monospace;min-height:200px}.error{color:#9b362f;background:#fff0ed;padding:12px;border-radius:6px}#generated{padding:18px;background:#e9f3e6;margin-top:18px}#generated a{display:block}#message:empty{display:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #a2c8b1}#records{min-height:320px}@media(max-width:760px){.layout,.grid{grid-template-columns:1fr}#records{min-height:100px;height:140px}header{flex-wrap:wrap;gap:12px}main{padding:16px}}
.primary:hover,nav button.active:hover{background:#1c513c;color:white}