*{box-sizing:border-box}body{margin:0;color:#1f3630;background:#f4f7f5;font:15px/1.65 "Microsoft YaHei",sans-serif}main{max-width:1540px;padding:22px;margin:auto}h1{font-size:27px;margin:8px 0}h2{font-size:18px;margin:0 0 10px}p{margin:8px 0;color:#5b6c64}a{color:#376c38}button,input{font:inherit}button{cursor:pointer;background:white;color:#254e2b;border:1px solid #b6c9b8;border-radius:7px;min-height:40px;padding:6px 12px}input{width:240px;max-width:100%;padding:9px;border:1px solid #b6c9b8;border-radius:7px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0 8px}.toolbar a{margin-left:auto}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;margin-top:12px}.drawing,aside{background:#fff;border:1px solid #d7e1db;border-radius:12px;padding:14px}.drawing{overflow:auto;align-self:start}.drawing svg{display:block;width:100%;height:auto;max-width:none}.component,.callout{cursor:pointer}.component:focus,.callout:focus{outline:none}.callout.active rect,.callout:focus rect{fill:#e5f3c1;stroke:#457b23;stroke-width:3}.callout.active .wire{stroke:#d93e30;stroke-width:3}.component.active .hit{fill:#fbbf2450;stroke:#d93e30;stroke-width:2}.component:focus .hit{stroke:#2563eb;stroke-width:3}.table-scroll{max-height:420px;overflow:auto}table{width:100%;border-collapse:collapse}td,th{padding:7px 5px;border-bottom:1px solid #e1e8e2;text-align:left}td button{min-width:65px;min-height:35px;padding:3px 6px}tr.active{background:#e5f3c1}button[aria-pressed=true]{background:#416c28;color:#fff}#info{font-size:13px;overflow-wrap:anywhere}footer,.tip{font-size:13px;color:#6c7970}footer{margin-top:20px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #82ac49;outline-offset:2px}@media(max-width:850px){main{padding:14px}.layout{grid-template-columns:1fr}.drawing{padding:6px}aside{padding:14px}.table-scroll{max-height:300px}.toolbar a{margin-left:0}.toolbar label{flex-basis:100%}input{width:calc(100% - 70px)}h1{font-size:23px}}