*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#202b3a;font:16px/1.6 system-ui,"Microsoft YaHei",sans-serif}main{max-width:1220px;margin:auto;padding:24px}h1{font-size:26px;margin:0}header p{color:#586579;margin:4px 0 22px}h2{font-size:19px;margin:0 0 16px}h3{font-size:16px;margin:0 0 8px}.card{background:white;border:1px solid #dce2eb;border-radius:10px;padding:22px;margin-bottom:20px}.row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.grow{flex:1;min-width:180px}label{display:block;font-size:14px}input,select{display:block;width:100%;padding:10px;border:1px solid #b8c3d2;border-radius:5px;background:white;font:inherit;min-height:44px}button,.button{font:inherit;font-size:14px;display:inline-block;border:1px solid #c5ceda;background:#f6f8fb;color:#263852;padding:10px 15px;border-radius:5px;cursor:pointer;text-decoration:none;min-height:44px}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#245fc5;color:white;border-color:#245fc5}.danger{color:#ab2929}button:hover:not(:disabled){filter:brightness(.94)}:focus-visible{outline:3px solid #eaa52f;outline-offset:2px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}#map{height:430px;background:#edf1f6;border:1px solid #c5ceda;border-radius:6px}.hint{font-size:14px;color:#586579;margin:10px 0}#draftStatus{color:#21549b}.zone{padding:12px 0;border-bottom:1px solid #e1e6ed}.zone .row{gap:6px}.zone input[type=color]{width:46px;padding:3px}.zone input[type=text]{width:170px;flex:1}.zone button{padding:6px 10px;min-height:36px}.save{margin-top:20px}details{margin-top:18px;border-top:1px solid #e1e6ed;padding-top:14px}summary{cursor:pointer;font-size:14px}#message{position:sticky;top:8px;z-index:1000;padding:12px 16px;margin-bottom:16px;border:1px solid #b8cfe8;background:#edf5ff;border-radius:6px}#message.error{background:#fff1ef;border-color:#e2aaa2;color:#982d20}progress{width:100%;height:12px;accent-color:#245fc5}.table-wrap{overflow:auto;max-height:500px;margin:16px 0}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px;border-bottom:1px solid #e1e6ed;min-width:100px;max-width:360px;overflow-wrap:anywhere}th{background:#f5f7fa;position:sticky;top:0}td:nth-child(3),td:nth-child(7){min-width:220px}#counts span{padding:4px 10px;background:#edf2f9;border-radius:4px;font-size:14px}[hidden]{display:none!important}@media(max-width:800px){main{padding:12px}.card{padding:16px}.workspace{grid-template-columns:1fr}#map{height:340px}.grow{min-width:100%}h1{font-size:22px}.row button{flex-grow:1}}
[id="zoneList"]{height:370px;overflow-y:auto;overscroll-behavior:contain;padding-right:8px;scrollbar-gutter:stable}
#counts{display:flex;gap:8px;flex-wrap:wrap}#counts button{padding:4px 10px;background:#edf2f9;font-size:14px}#counts button[aria-pressed="true"]{background:#245fc5;color:white;border-color:#245fc5}