body{background:#080e22}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}.graph-header{height:82px;display:flex;align-items:center;gap:22px;padding:0 34px;border-bottom:1px solid var(--color-border)}.header-divider{color:#485775}.workspace-label{font-size:13px;color:var(--color-muted)}.account-link{margin-left:auto;font-size:13px}.account-link:hover{color:var(--color-pink)}main{padding:32px 34px 24px;max-width:2000px;margin:auto}.graph-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:26px}.graph-heading .eyebrow{margin-bottom:8px;color:#c2a3c7;font-size:10px}.graph-heading h1{font-size:36px;letter-spacing:-1.3px;font-weight:580;line-height:1.15;margin:0;overflow-wrap:anywhere}.graph-heading p:last-child{color:var(--color-muted);font-size:13px;margin:10px 0 0}.graph-stats{display:flex;gap:30px;font-size:12px;color:var(--color-muted);white-space:nowrap}.graph-stats strong{font-size:26px;font-weight:500;color:var(--color-text);display:block;margin-bottom:5px}.page-message{font-size:13px;color:#ffadd8;line-height:1.6;margin:0 0 18px}.page-message:empty{display:none}.empty-state{max-width:540px;margin:65px auto;padding:45px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.empty-state p{color:var(--color-muted);line-height:1.6}.empty-state .button{margin-top:16px}.graph-controls{display:flex;align-items:end;gap:14px;margin-bottom:18px}.graph-controls label{display:grid;gap:7px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--color-muted);max-width:340px;min-width:180px;flex:1}.graph-controls select{width:100%;min-width:0}.quiet-button{color:#dbe4f5;background:#111b35;border:1px solid #34425e;border-radius:6px;padding:11px 14px;font-size:12px;white-space:nowrap}.quiet-button:hover{border-color:#d36ba9;color:white}#overview{margin-left:auto}.explorer-grid{display:grid;grid-template-columns:235px minmax(0,1fr) 270px;border:1px solid var(--color-border);border-radius:10px;overflow:hidden;background:#0c142c;min-height:640px;height:calc(100vh - 315px);max-height:1000px}.node-sidebar{border-right:1px solid var(--color-border);display:flex;flex-direction:column;min-height:0}.node-sidebar form{padding:20px 16px 16px}.node-sidebar label{display:block;font-size:11px;color:#c9d2e8;margin-bottom:10px}.search-field{display:flex;border:1px solid #34425f;border-radius:6px;overflow:hidden;background:#080f24}.search-field input{width:100%;min-width:0;border:0;background:none;color:#eaf0ff;padding:11px 9px;font-size:11px}.search-field button{border:0;color:#ff84c9;background:none;padding:0 10px}.list-heading{display:flex;justify-content:space-between;padding:0 18px 13px;font:9px var(--font-mono);letter-spacing:1px;color:var(--color-muted);border-bottom:1px solid #26325088}.node-list{overflow-y:auto;flex:1;padding:8px}.node-item{display:flex;gap:9px;align-items:center;width:100%;text-align:left;border:1px solid transparent;border-radius:5px;background:none;color:#dbe4f5;padding:11px 8px;font-size:11px}.node-item:hover{background:#17213c}.node-item[aria-current=true]{background:#32203c;border-color:#91416e}.node-item .node-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#72ff7e}.node-item[data-kind=component] .node-dot{background:#ff4fb4;border-radius:1px}.node-item[data-kind=external] .node-dot{background:#ffe66d}.node-item .node-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.node-connections{margin-left:auto;flex-shrink:0;color:#9eafcb;font:10px var(--font-mono)}.map-panel{display:flex;flex-direction:column;min-width:0}.map-caption{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:var(--color-muted);padding:17px 20px;border-bottom:1px solid #26325099}.live-dot{white-space:nowrap}.live-dot:before{content:'';width:5px;height:5px;border-radius:50%;background:#88d4c1;display:inline-block;margin-right:6px}.project-graph-stage{position:relative;flex:1;min-height:350px;background-color:#0a1229;background-image:radial-gradient(#34436155 1px,transparent 1px),radial-gradient(ellipse at 50% 40%,#17213b88,transparent 65%);background-size:22px 22px,100% 100%;overflow:hidden}#network{width:100%;height:100%;position:absolute;inset:0;cursor:grab;touch-action:none;user-select:none}#network.panning{cursor:grabbing}.map-tools{position:absolute;right:15px;bottom:40px;display:flex;border:1px solid #3b4c68;border-radius:6px;overflow:hidden;background:#101b34}.map-tools button{color:#e1e9fa;background:none;border:0;border-right:1px solid #34425e;padding:8px 12px;font-size:14px}.map-tools button:last-child{border:0;font-size:11px}.map-tools button:hover{background:#24314e}.map-hint{position:absolute;bottom:10px;left:16px;color:#778aa9;font-size:9px;margin:0;pointer-events:none}.map-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:15px 18px;border-top:1px solid var(--color-border);font-size:9px;color:var(--color-muted)}.graph-legend{display:flex;gap:12px;margin-right:auto}.graph-legend span:before{content:'';display:inline-block;width:6px;height:6px;background:#72ff7e;border-radius:50%;margin-right:5px}.graph-legend .legend-component:before{background:#ff4fb4;border-radius:1px}.graph-legend .legend-external:before{background:#ffe66d}.detail-panel{border-left:1px solid var(--color-border);padding:25px 20px;overflow-y:auto}.detail-panel .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:12px;color:#e6a6cd}.detail-panel h2{font-size:23px;letter-spacing:-.6px;overflow-wrap:anywhere}.detail-panel p{font-size:12px;color:var(--color-muted);line-height:1.7;overflow-wrap:anywhere}.detail-symbol{font-size:60px;color:#3d3152;margin-top:45px}.detail-path{font:10px/1.6 var(--font-mono);padding:10px;background:#080f23;border-radius:5px}.detail-panel h3{font-size:12px;margin:28px 0 12px}.detail-panel .quiet-button{width:100%;margin-top:8px;font-size:11px}.connection-item{width:100%;text-align:left;background:none;border:0;border-top:1px solid #26325099;color:#dbe4f5;padding:12px 0;font-size:11px;overflow-wrap:anywhere}.connection-item small{display:block;color:#b489af;font:9px/1.8 var(--font-mono);margin-bottom:4px}.connection-item:hover{color:#ff93ce}.connection-item .witness{font-size:9px;color:#8092b1;margin-top:5px;display:block}.detail-evidence{border-top:1px solid var(--color-border);padding-top:16px;font-size:10px!important}.graph-notes{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding-top:17px;color:#92a3c0;font-size:10px;line-height:1.7}.graph-notes p{margin:0 0 7px}.graph-notes details{grid-column:1/-1;margin-top:3px;max-width:950px}.graph-notes summary{cursor:pointer;color:#c6d1e6;margin-bottom:7px}.node-list>p{font-size:11px;line-height:1.6;padding:8px;color:var(--color-muted)}
@media(min-width:1600px){.explorer-grid{grid-template-columns:260px minmax(0,1fr) 310px}.detail-panel{padding:28px}.node-item{font-size:12px}}
@media(max-width:1100px){main{padding:24px 20px}.graph-header{padding:0 20px}.explorer-grid{grid-template-columns:190px minmax(0,1fr);height:auto;min-height:0}.node-sidebar,.map-panel{height:600px}.detail-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--color-border);max-height:360px}.detail-symbol{display:none}.graph-controls label{min-width:140px}.graph-controls{flex-wrap:wrap}.graph-controls .quiet-button{padding-inline:10px}}
@media(max-width:650px){.graph-header{height:68px;gap:12px;padding:0 16px}.workspace-label,.header-divider{display:none}.brand{font-size:19px}.account-link{font-size:11px}main{padding:25px 14px}.graph-heading{gap:15px}.graph-heading h1{font-size:29px}.graph-heading p:last-child{font-size:11px}.graph-stats{gap:15px;font-size:9px}.graph-stats strong{font-size:22px}.graph-controls{gap:10px}.graph-controls label{max-width:none;min-width:calc(50% - 10px)}#overview{margin-left:0}.explorer-grid{display:flex;flex-direction:column}.map-panel{order:0;height:470px;flex-shrink:0}.node-sidebar{order:1;height:240px;border-right:0;border-top:1px solid var(--color-border)}.node-sidebar form{padding:12px}.list-heading{padding-bottom:8px}.node-list{display:grid;grid-template-columns:1fr 1fr;align-content:start}.detail-panel{order:2;max-height:none}.graph-notes{grid-template-columns:1fr}.map-caption{padding:14px}.map-footer{font-size:8px;padding:12px}.map-hint{font-size:8px}.empty-state{padding:28px;margin:30px auto}}

.catalog-note{font-size:11px;color:var(--color-muted);line-height:1.6}.catalog-note:empty{display:none}#rotate{font-size:11px}.map-tools{bottom:44px}#network{touch-action:pan-y}

.clear-selection{margin:0 16px 10px;padding:7px 10px;font-size:11px;text-align:left}
.current-graph{display:flex;flex:1;flex-direction:column;justify-content:center;gap:5px;min-width:150px;min-height:42px;font-size:12px;color:#e6edff}.current-graph small{font:10px var(--font-mono);color:var(--color-muted);overflow-wrap:anywhere}#snapshot-history label{display:block;margin-bottom:5px}#snapshot-history select{width:100%;max-width:620px;min-width:0;margin-bottom:10px}

.list-sort{padding:0 16px 14px}.list-sort label{margin-bottom:6px;font-size:10px}.list-sort select{width:100%;min-width:0}
.graph-labels{position:absolute;inset:0;pointer-events:none}.graph-node-label{position:absolute;pointer-events:auto;text-align:left;padding:4px 6px;border:1px solid #344460;border-left:2px solid var(--node-color);border-radius:3px;background:rgba(8,14,41,.94);color:#e6edff;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;overflow:hidden}.graph-node-label small{display:block;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--node-color);margin-bottom:4px}.graph-node-label span{display:block;overflow:hidden;text-overflow:ellipsis}.graph-node-label:hover,.graph-node-label[data-emphasis=true]{border-color:var(--node-color);background:rgba(24,28,48,.98)}.graph-node-label:focus-visible{outline:2px solid white;outline-offset:2px}.map-tools{z-index:1}
@media(max-width:650px){.node-sidebar{height:330px}.list-sort{padding:0 12px 10px}.node-item{min-width:0}}

/* Allow long snapshot labels to shrink inside the notes grid on phones. */
.graph-notes > *{min-width:0;overflow-wrap:anywhere}