:root{--bg:#fff;--panel:#fff;--border:#d0d7de;--border-strong:#afb8c1;--text:#1f2328;--text-dim:#656d76;--hover:#57606a;--node-fill:#fff}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:hidden;font:13px/1.4 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#app{position:fixed;inset:0}#topbar{position:absolute;z-index:10;display:flex;pointer-events:none;align-items: center;padding:12px 16px;top:0;left:0;right:0}#topbar .title{pointer-events:auto}#topbar .title strong{font-size:24px;font-weight:700}#canvas{display:block;cursor:grab;touch-action:none;background:var(--bg);width:100%;height:100%}#canvas.panning{cursor:grabbing}.link{fill:none;stroke:var(--border);stroke-width:2}.region{fill:#1f232809;stroke:var(--border);stroke-width:1.5;rx:18;ry:18}.region-label{fill:var(--text-dim);user-select:none;font-size:22px;font-weight:650}.node{cursor:pointer}.node rect.body{rx:12;ry:12;stroke:var(--border-strong);stroke-width:1.5;fill:var(--node-fill)}.node text{fill:var(--text);dominant-baseline:middle;user-select:none}.node .name{font-size:22px;font-weight:600}.node .meta{fill:var(--text-dim);font-size:17px}.node .toggle{fill:var(--text-dim);text-anchor:middle;font-size:19px}.node.collapsed rect.body{stroke-dasharray:4 3}.node:hover rect.body{stroke:var(--hover);stroke-width:2}#tooltip{position:absolute;z-index:20;background:var(--panel);border:1px solid var(--border);pointer-events:none;border-radius:8px;max-width:320px;padding:10px 12px;box-shadow:0 6px 24px #1f23281f}#tooltip.hidden{display:none}#tooltip .tt-title{margin-bottom:4px;font-weight:700}#tooltip .tt-row{color:var(--text-dim);margin:2px 0}#tooltip .tt-row b{color:var(--text);font-weight:600}#tooltip .tt-detail{color:var(--text);margin-top:6px}#tooltip .tt-warn{color:#6b5200;background:#fdf3d0;border-left:3px solid #e6b53e;border-radius:4px;margin-top:6px;padding:5px 8px}#totals{position:absolute;z-index:10;border:1px solid var(--border);color:var(--text);pointer-events:none;background:#fffffff5;border-radius:8px;max-width:520px;padding:11px 13px;font-size:12px;bottom:16px;right:16px;box-shadow:0 4px 16px #1f232814}#totals .tot-title{margin-bottom:8px;font-weight:700}#totals table{border-collapse:collapse}#totals th,#totals td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:5px 10px}#totals thead th{color:var(--text-dim);background:#1f23280a;font-weight:600}#totals tbody tr:last-child td{border-bottom:none}#totals td:nth-child(n+2),#totals th:nth-child(n+2){font-variant-numeric:tabular-nums}#legend{position:absolute;z-index:10;border:1px solid var(--border);color:var(--text-dim);pointer-events:none;background:#fffffff5;border-radius:8px;max-width:340px;padding:11px 13px;font-size:12px;top:46px;right:16px;box-shadow:0 4px 16px #1f232814}#legend .lg-title{color:var(--text);margin-bottom:7px;font-weight:700}#legend .lg-row{display:flex;align-items: center;gap:8px;margin:4px 0}#legend .lg-pill{text-align:center;color:#fff;border-radius:999px;flex:none;min-width:34px;padding:1px 8px;font-size:11px;font-weight:700}#legend .lg-good{background:#5fb476}#legend .lg-warn{color:#1f2328;background:#88b394}#legend .lg-bad{background:#d1493f}#legend .lg-muted{color:#1f2328;background:#c4cad0}#legend .lg-note{color:var(--text);margin-top:8px}.snode rect{rx:3;ry:3;fill:var(--node-fill);stroke:var(--border-strong);stroke-width:1.5}.snode.total rect{fill:#1f232814}.snode.region rect{fill:#1f23280d}.snode text{fill:var(--text);dominant-baseline:middle;user-select:none}.snode .sname{font-size:43px;font-weight:600}.snode .smeta{fill:var(--text-dim);font-size:36px}.snode.total .sname{font-size:50px}.snode.region .sname{font-size:46px}.snode.firm .sname{font-size:36px}.snode.firm .smeta{font-size:31px}.snode.category{cursor:pointer}.snode:hover rect{stroke:var(--hover);stroke-width:2}.ribbon.clickable{cursor:pointer}.ribbon{fill:#aeb6bf;fill-opacity:.5;stroke:none;transition:fill-opacity .12s}.ribbon:hover{fill-opacity:.78}.ribbon.dim{fill-opacity:.12}.snode .pill{stroke:none}.snode .pill-good{fill:#5fb476}.snode .pill-warn{fill:#88b394}.snode .pill-bad{fill:#d1493f}.snode .pill-muted{fill:#c4cad0}.snode .pill-text{fill:#fff;dominant-baseline:middle;user-select:none;font-size:27px;font-weight:700}.snode .pill-warn+.pill-text,.snode .pill-muted+.pill-text{fill:#1f2328}