*{box-sizing:border-box}body{color:#263e38;background:#edf1ef;grid-template-rows:64px calc(100dvh - 64px);grid-template-columns:300px 1fr 270px;margin:0;font:14px/1.55 system-ui,Microsoft YaHei,sans-serif;display:grid;overflow:hidden}header{background:#f9fbfa;border-bottom:1px solid #d4ded8;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 26px;display:flex}a{color:inherit;text-decoration:none}header b{margin:0 16px 0 8px;font-size:22px}header a span{color:#6f8278;font-size:12px}.badge{color:#547969;border:1px solid #c5d8cb;border-radius:20px;padding:5px 12px;font-size:11px}aside,.inspector{background:#fafbf9;padding:28px 20px;overflow-y:auto}aside{border-right:1px solid #d5dfd8}.inspector{border-left:1px solid #d5dfd8}.eyebrow{letter-spacing:2px;color:#668575;font-size:10px;font-weight:650}h1{letter-spacing:-1px;margin:15px 0;font-size:28px;font-weight:550;line-height:1.35}h2{font-size:20px;font-weight:550}.intro,.note{color:#748077;font-size:12px}.note{border-top:1px solid #dce3df;margin-top:26px;padding-top:18px}#summary{padding:15px 0;font-size:13px}.actions{gap:8px;display:flex}button{cursor:pointer;color:#315444;font:inherit;background:#fff;border:1px solid #b9cdc1;border-radius:6px;padding:8px 12px;font-size:12px}button:hover{background:#e1ede5}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #409a77}#pipes-only{color:#fff;background:#285c47}input[type=checkbox]{accent-color:#277559;cursor:pointer}.search{margin:20px 0;font-size:12px;display:block}.search input{background:#fff;border:1px solid #cbd9d0;border-radius:5px;width:100%;margin-top:5px;padding:9px;display:block}details{border-top:1px solid #d9e3dc;margin:12px 0;padding-top:12px}summary{cursor:pointer;align-items:center;gap:6px;font-weight:600;display:flex}.group-row{border-bottom:1px solid #edf0ed;align-items:center;gap:6px;padding:9px 0 9px 10px;display:flex}.group-row label{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.group-name{overflow-wrap:anywhere;font-size:12px}.count{color:#81958a;font-size:10px;display:block}.group-row button{white-space:nowrap;padding:4px;font-size:10px}main{background:radial-gradient(at 50% 40%,#fbfcfb,#e0e8e2);min-width:0;min-height:0;position:relative}canvas{touch-action:none;width:100%;height:100%;display:block}.view-title{pointer-events:none;position:absolute;top:22px;left:25px}.view-title h2{margin:8px 0}.tools{gap:6px;display:flex;position:absolute;top:24px;right:18px}.footer{color:#647e70;pointer-events:none;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:14px;left:20px;right:20px}#loading{background:#ffffffeb;border:1px solid #cedcd2;border-radius:8px;width:min(380px,85%);padding:14px;font-size:12px;position:absolute;bottom:50px;left:22px;box-shadow:0 5px 25px #153e1710}progress{accent-color:#388363;width:100%;height:5px;margin:10px 0;display:block}dl{font-size:12px}dt{color:#7c8d82;margin-top:14px}dd{overflow-wrap:anywhere;margin:3px 0}#selection{color:#587063;font-size:13px}.highlight{color:#247651}@media (width<=1100px){body{grid-template-columns:260px 1fr}.inspector{display:none}.tools{top:94px;left:20px;right:auto}}@media (width<=640px){body{grid-template-rows:54px 55dvh 1fr;grid-template-columns:1fr;height:100dvh;overflow:auto}header{padding:0 12px}.badge,header a span,header>a:last-child{display:none}main{grid-row:2}aside{border-top:1px solid #d5dfd8;grid-row:3;padding:18px;overflow:auto}h1{font-size:20px}h1 br{display:none}.intro,.note{margin:8px 0}aside>.eyebrow{display:none}.view-title{top:15px;left:15px}.footer span:first-child{display:none}.tools{top:76px}.inspector{z-index:3;border-radius:8px;width:80%;max-height:40dvh;display:block;position:fixed;bottom:10px;right:10px;box-shadow:0 4px 20px #0002}.inspector:not(.selected){display:none}#groups{padding-bottom:20px}}[hidden]{display:none!important}