*{box-sizing:border-box}body{background:#f5f8f4;color:#203d36;font:15px/1.65 system-ui,"Microsoft YaHei",sans-serif;margin:0}main{max-width:1150px;margin:30px auto;padding:0 24px 50px}a{color:#205b4c}h1{font-size:30px}h2{font-size:21px;margin-top:0}section{background:white;border:1px solid #d6e3db;border-radius:14px;padding:24px;margin:20px 0}label{display:flex;flex-direction:column;gap:6px;margin:12px 0}input,select,textarea,button{font:inherit;border:1px solid #bccfc4;border-radius:7px;padding:8px;max-width:100%}textarea{width:100%;font-family:Consolas,monospace;white-space:pre;overflow:auto}button,.primary{background:#205b4c;color:white;cursor:pointer;padding:9px 16px;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}.secondary{background:white;color:#205b4c}.check{flex-direction:row;align-items:center}.check input{flex:none}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.note,small{color:#64786d;font-size:13px}small{display:block;margin-top:10px}pre{overflow:auto;max-height:300px;background:#f4f7f3;padding:12px;white-space:pre}#units{display:flex;gap:16px;flex-wrap:wrap;max-height:300px;overflow:auto}#units label{max-width:230px;overflow-wrap:anywhere}.error{color:#a13e32}#sourceImage{max-width:100%;max-height:500px;object-fit:contain}#status{position:sticky;top:0;background:#eaf3ec;padding:8px;z-index:2;min-height:40px}.table-wrap{overflow:auto;max-height:330px}table{border-collapse:collapse;white-space:nowrap;width:100%}td,th{border:1px solid #dce5de;padding:6px 10px;text-align:left}th{background:#edf4ed}#download{margin-left:16px}[hidden]{display:none!important}@media(max-width:700px){main{padding:0 12px}.grid{grid-template-columns:1fr}section{padding:16px}}

.intro{background:#eaf3ec;padding:18px 24px;border-radius:12px}.intro p{margin:8px 0}summary{cursor:pointer;font-weight:600;padding:10px 0}#advanced{margin:18px 0}#friendlyTable input{min-width:110px;width:140px;background:white;padding:6px}#friendlyTable{max-height:420px}#status:empty{display:none}

/* Keep wide source tables inside the editor, not in the page layout. */
body{min-width:0}main{width:100%;min-width:0;margin:24px 0;max-width:1400px}
main section,main details,main form,main .grid>*,main label{min-width:0;max-width:100%}
.table-wrap,pre{width:100%;max-width:100%;min-width:0}
select{width:100%;min-width:0;text-overflow:ellipsis}textarea{min-width:0}
main{container-type:inline-size}
@container(max-width:700px){.grid{grid-template-columns:minmax(0,1fr)}section{padding:16px}}