:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#15293f;background:#f5f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.46;cursor:not-allowed}.graph-shell:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #66a5f8;outline-offset:2px}button{border:1px solid transparent;border-radius:10px;padding:10px 13px;font-weight:650;background:#fff;color:#1b3b5b;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#eff5fc}.primary{background:#2878df;color:#fff;box-shadow:0 3px 8px #2878df22}.primary:hover:not(:disabled){background:#1764cf}.subtle{border-color:#e0e8f2;background:#fff}.outline{border:1px dashed #b9cce1;background:#f6faff}.danger{background:#fff0f0;color:#b43844;border-color:#ffdbde}.topbar{background:#fff;border-bottom:1px solid #e6edf5;height:67px;display:flex;align-items:center;gap:17px;padding:0 max(26px,calc((100vw - 1680px)/ 2));position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:9px;color:#17365b;font-size:19px;font-weight:800;text-decoration:none;white-space:nowrap}.brandmark{width:33px;height:33px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#65b9ff,#2671e0);display:grid;place-items:center}.okay{color:#429bec}.bar-divider{height:23px;width:1px;background:#e1eaf3}.top-product{font-size:13px}.stretch{flex:1}.privacy{font-size:12px;background:#eff9f5;color:#187e54;padding:7px 11px;border-radius:100px}.top-button{border:1px solid #e2eaf5;font-size:12px}.app{max-width:1710px;margin:auto;padding:30px 28px 62px}.intro{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.eyebrow,.panel-tag{font-size:10px;letter-spacing:2px;font-weight:800;color:#4f89c6}.eyebrow-dot{display:inline-block;background:#73b7ff;width:4px;height:4px;border-radius:100%;vertical-align:middle;margin:0 7px}.intro h1{font-weight:800;font-size:clamp(29px,3vw,43px);letter-spacing:-1.8px;margin:8px 0 8px}.intro p{color:#75879a;font-size:14px;line-height:1.6;margin:0;max-width:730px}.intro-actions{display:flex;gap:9px;align-items:center}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.metric{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:3px;padding:16px 19px;background:#fff;border:1px solid #e4edf6;border-radius:14px;box-shadow:0 5px 18px #29476005}.metric span{font-size:12px;font-weight:700;color:#668199}.metric strong{font-weight:800;font-size:29px;letter-spacing:-1.2px;color:#213e5c;grid-row:span 2}.metric small{color:#a1afbc;font-size:11px}div.workspace{display:grid;grid-template-columns:258px minmax(320px,1fr) 292px;gap:13px;align-items:stretch;min-height:630px;max-height:760px}.canvas-panel,.inspector,.sidebar{min-height:0;background:#fff;border:1px solid #e1eaf4;border-radius:15px;box-shadow:0 10px 32px #1d345109;overflow:hidden}.inspector,.sidebar{display:flex;flex-direction:column}.section{padding:16px 16px;border-bottom:1px solid #edf1f7}.section.grow{display:flex;flex-direction:column;flex:1;min-height:0}.heading{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:14px}.heading h2{margin:0;font-size:13px;letter-spacing:-.2px}.heading span{font-size:9px;color:#8fa2b6;letter-spacing:1px;font-weight:850}.tiny-label{display:block;font-size:10px;letter-spacing:.6px;font-weight:750;color:#7590a9;margin:11px 0 6px}input:not([type=checkbox]),select{border:1px solid #dfe8f2;border-radius:8px;background:#fff;padding:9px 10px;color:#27435f;min-width:0;width:100%;font-size:12px}input:not([type=checkbox]):focus,select:focus{border-color:#6aaefb}.two-buttons{display:flex;gap:7px;margin-top:11px}.two-buttons button{flex:1;font-size:11px;padding:9px 8px}.mini-hint{color:#97a9b9;font-size:11px;line-height:1.55;margin:12px 0 0}.search-wrap{display:flex;align-items:center;position:relative}.search-wrap span{position:absolute;left:11px;font-size:20px;color:#93a5b5}.search-wrap input{padding-left:34px}.node-list{margin-top:12px;overflow-y:auto;min-height:100px;flex:1}.node-option{display:flex;align-items:center;gap:9px;text-align:left;width:100%;border:1px solid transparent;background:#fff;padding:10px 9px;font-size:11px;border-radius:9px}.node-option.active{background:#eaf4ff;border-color:#c5e1ff;color:#1b64aa}.node-option .node-dot{flex:0 0 8px;width:8px;height:8px;border-radius:3px;background:#4a9af1}.node-option .node-dot.external{background:#f6af66}.node-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.node-label small,.node-label strong{display:block;overflow:hidden;text-overflow:ellipsis}.node-label small{font-size:10px;color:#94a8bc;margin-top:3px}.node-option .count{font-size:10px;color:#879db1}.wide{width:100%;margin-bottom:7px;font-size:12px}.canvas-panel{display:flex;flex-direction:column}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px;border-bottom:1px solid #ebeff6}.toolbar-start span,.toolbar-start strong{display:block}.toolbar-start strong{font-size:13px}.toolbar-start span{font-size:11px;color:#91a3b6;margin-top:4px}.toolbar-end{display:flex;gap:6px;align-items:center}.toolbar-end select{width:auto;max-width:168px}.toolbar-end button{width:30px;height:32px;padding:0;border:1px solid #e2eaf4;font-size:17px}.toolbar-end output{min-width:45px;font-size:11px;color:#8297aa;text-align:center}.graph-shell{min-height:330px;flex:1;position:relative;background:#fbfdff;overflow:hidden;touch-action:none}.graph-shell svg{width:100%;height:100%;display:block;cursor:grab}.graph-shell svg:active{cursor:grabbing}.edge-line{stroke:#9baec0;stroke-width:2.1;fill:none;opacity:.63}.edge-line.development{stroke:#d2a3de;stroke-dasharray:6 4}.edge-line.optional{stroke:#f0ad68;stroke-dasharray:4 5}.edge-line.peer{stroke:#60b3bd}.edge-line.workspace{stroke:#8c92ff}.edge-line.custom{stroke:#8193a7}.edge-line.active{stroke:#1d75d1;stroke-width:3.1;opacity:.95}.graph-node{cursor:pointer}.graph-node rect{fill:white;stroke:#dde8f3;stroke-width:1.5;filter:drop-shadow(0 4px 7px #254b7010)}.graph-node.selected rect{stroke:#438de9;stroke-width:2.4;fill:#f2f8ff}.graph-node.root rect{fill:#eaf3ff;stroke:#bddaff}.graph-node.external rect{stroke:#e5b280;stroke-dasharray:5 3}.graph-node text{font-family:Inter,system-ui,Arial;font-size:12px;fill:#203c58;font-weight:700;pointer-events:none}.graph-node text.sub{font-size:10px;font-weight:500;fill:#8da3b5}.graph-node circle{fill:#4d9ef1;pointer-events:none}.graph-node.external circle{fill:#f2a557}.graph-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;background:#ffffffed;border:1px solid #e4ebf3;border-radius:15px;padding:25px;width:min(310px,90%)}.graph-empty h2{font-size:15px}.graph-empty p{font-size:12px;line-height:1.6;color:#889cb0}.empty-symbol{font-size:38px;color:#8bb9eb}.graph-hint{position:absolute;left:17px;bottom:12px;pointer-events:none;font-size:10px;color:#91a4b8;background:#ffffffd9;padding:6px 10px;border-radius:8px}.bottom-controls{padding:12px 16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid #e8eef5}.filter-caption{font-size:9px;letter-spacing:1px;font-weight:800;color:#9caebf}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filters label{font-size:10px;white-space:nowrap;color:#617990;cursor:pointer;display:flex;align-items:center;gap:4px}.filters input{accent-color:#367ddc;width:13px;height:13px}.type-dot{width:6px;height:6px;border-radius:50%;background:#7ea3bd}.type-dot.development{background:#d19fde}.type-dot.optional{background:#f0ad68}.type-dot.peer{background:#60b3bd}.type-dot.workspace{background:#8c92ff}.type-dot.custom{background:#8193a7}.graph-note{color:#aa6a20;font-size:10px}.inspector-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:9px 10px;border-bottom:1px solid #ecf1f7;gap:3px}.inspector-tabs button{padding:12px 2px;border-radius:8px;background:0 0;font-size:11px;font-weight:700;color:#8297ab}.inspector-tabs button[aria-selected=true]{background:#eaf3ff;color:#286fc9}.tab-panel{padding:18px;overflow:auto;flex:1;min-height:0}.tab-panel[hidden]{display:none}.selected-empty{text-align:center;padding:54px 12px}.selected-empty h3{font-size:15px;margin-bottom:9px}.selected-empty p{color:#8b9eaf;line-height:1.7;font-size:12px}.inspect-symbol{font-size:44px;color:#8dbbea}.tab-panel h2{font-size:16px;word-break:break-word;margin:11px 0 5px}.small-mono{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#879cb2;overflow-wrap:anywhere}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.detail-stats>div{padding:13px;background:#f4f8fd;border-radius:11px}.detail-stats span{display:block;font-size:11px;color:#879fb4}.detail-stats strong{font-size:22px}.field-grid label,dialog label{display:block;font-size:11px;font-weight:700;color:#58718a;margin-bottom:12px}.field-grid input,dialog input,dialog select{margin-top:5px}.root-check{font-size:11px;color:#647f98;display:flex;gap:9px;align-items:center}.root-check input{accent-color:#3083e2}.heading.smaller{margin-top:20px;margin-bottom:8px}.heading.smaller h3{font-size:12px;margin:0}.connected-list{display:flex;flex-direction:column;gap:5px}.connection{font-size:11px;color:#486680;border:1px solid #edf1f7;background:#fafcff;border-radius:7px;padding:8px;text-align:left;word-break:break-word}.connection:hover{background:#edf5fd}.empty-small{color:#a0b0bf;font-size:11px;padding:8px 0}.panel-help{font-size:11px;line-height:1.65;color:#8298ab}.finding-list{display:flex;flex-direction:column;gap:7px}.finding{border:1px solid #f4ddde;border-radius:9px;background:#fff8f8;font-size:11px;padding:10px;overflow-wrap:anywhere}.finding button{font-size:10px;padding:5px;margin-top:7px}.path-result{font-size:11px;line-height:1.8;color:#4f7eac;margin-top:9px;overflow-wrap:anywhere}.export-item{border:1px solid #e2eaf3;background:#fff;border-radius:11px;display:block;text-align:left;width:100%;padding:13px;margin:9px 0}.export-item small,.export-item strong{display:block}.export-item strong{font-size:12px}.export-item small{font-size:10px;margin-top:5px;color:#9aabb8}.export-note{font-size:11px;color:#7e91a4;line-height:1.6}.status{margin-top:11px;font-size:11px;color:#7490a8}.status.error{color:#c13a3a}.seo{max-width:1120px;padding:45px 10px 10px;color:#758ba0;line-height:1.8;font-size:13px}.seo h2{color:#284462;font-size:20px}dialog{border:1px solid #e1eaf5;box-shadow:0 18px 65px #183a5b33;border-radius:16px;padding:25px;width:min(480px,90vw);color:#213c58}dialog::backdrop{background:#122f4f66}dialog h2{margin-top:0}dialog p{font-size:12px;line-height:1.7;color:#8297aa}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}dialog label{margin-bottom:12px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:1190px){div.workspace{grid-template-columns:225px minmax(300px,1fr);max-height:none;min-height:660px}.inspector{grid-column:1/-1;min-height:300px}.tab-panel{max-height:440px}.canvas-panel,.sidebar{min-height:650px}.toolbar-end select{max-width:145px}}@media(max-width:730px){.topbar{height:57px;padding:0 15px;gap:10px}.brand{font-size:16px}.top-product{font-size:11px}.privacy{display:none}.app{padding:20px 12px}.intro{align-items:start;flex-direction:column;gap:14px}.intro h1{font-size:31px}.summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{padding:13px}div.workspace{display:flex;flex-direction:column}.canvas-panel,.inspector,.sidebar{min-height:unset}.section.grow{max-height:240px}.canvas-panel{min-height:520px}.graph-shell{min-height:410px}.canvas-toolbar{align-items:start;flex-direction:column}.toolbar-end{width:100%;flex-wrap:wrap}.toolbar-end select{flex:1;max-width:none}.graph-hint{font-size:9px;max-width:78%}.inspector{min-height:340px}.tab-panel{max-height:500px}.intro-actions button{font-size:12px}.summary .metric strong{font-size:26px}.seo{padding-top:26px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(min-width:1191px){div.workspace{height:700px;min-height:0;max-height:none}div.workspace>.canvas-panel,div.workspace>.inspector,div.workspace>.sidebar{height:700px;min-height:0}}@media(max-width:1190px){div.workspace{height:auto;min-height:0;max-height:none}}.health-row,.order-row{display:flex;flex-direction:column;gap:4px;width:100%;background:#f9fbff;border:1px solid #dfebf6;border-radius:9px;text-align:left;padding:9px 10px;margin:5px 0;overflow-wrap:anywhere;color:#335873;font-size:11px;line-height:1.5}.health-row strong{color:#2876c9;font-size:9px;letter-spacing:.4px}.health-row:disabled{opacity:.75;cursor:default}.order-row{display:block;background:#fff;font-weight:500}.compare-summary{font-size:11px;color:#6f879d;line-height:1.55;overflow-wrap:anywhere;margin:13px 0}.compare-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.compare-counts span{background:#edf5ff;border-radius:7px;padding:7px;color:#2d639b}.diff-row{border-bottom:1px solid #ebf1f7;padding-bottom:6px}.quiet-success{color:#347b62;font-size:11px}.health-row:focus-visible,.order-row:focus-visible{outline:3px solid #2d80df;outline-offset:2px}