:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182033;background:#eef3f8}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(320px,380px) 1fr;height:100vh;overflow:hidden}.sidebar{display:flex;flex-direction:column;gap:16px;padding:20px;background:#f8fafc;border-right:1px solid #dbe4ef;overflow:auto}.brand{display:flex;align-items:center;gap:12px}.brand svg{color:#2563eb}.brand h1{margin:0;font-size:23px;line-height:1.15;letter-spacing:0}.brand p{margin:2px 0 0;color:#64748b;font-size:13px}.search-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid #cbd5e1;border-radius:8px}.search-box svg{color:#64748b}.search-box input{width:100%;border:0;outline:0;background:transparent;color:#0f172a}.icon-button,.toolbar button,.results button,.related button{border:1px solid #cbd5e1;background:#fff;color:#172033;border-radius:8px;cursor:pointer}.icon-button{display:grid;place-items:center;width:26px;height:26px;padding:0}.toolbar{display:grid;grid-template-columns:1fr 88px;gap:8px}.toolbar.single{grid-template-columns:1fr}.toolbar button{padding:9px 10px}.toolbar button.active{color:#fff;background:#2563eb;border-color:#2563eb}.panel-title{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.results,.detail{display:flex;flex-direction:column;gap:10px}.results button{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;text-align:left}.detail{padding-top:4px}.detail h2{margin:0;font-size:22px;line-height:1.2}.detail p{margin:0;color:#334155;line-height:1.55}.crumbs{color:#64748b;font-size:13px;line-height:1.4}.meta-grid{display:grid;grid-template-columns:1fr;gap:6px}.meta-grid span{display:flex;justify-content:space-between;gap:10px;padding:7px 8px;color:#334155;background:#eef4fb;border:1px solid #d9e4f1;border-radius:8px;font-size:12px}.meta-grid strong{color:#64748b}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{padding:4px 7px;color:#0f5132;background:#dff7ea;border:1px solid #b9ebcf;border-radius:999px;font-size:12px}.related{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.detail-list{display:flex;flex-direction:column;gap:5px}.related .panel-title{width:100%}.related button{padding:6px 8px;font-size:13px}.sources{display:flex;gap:8px;align-items:flex-start;margin-top:auto;color:#64748b;font-size:12px;line-height:1.45}.canvas{position:relative;min-width:0;height:100vh}.sigma-stage,.sigma-container{position:absolute;inset:0}.sigma-stage{background:radial-gradient(circle at 50% 45%,#fffffff0,#eef3f8b8 48%,#e2e9f2d1),linear-gradient(135deg,#f8fbff,#e9f0f7)}.sigma-container{cursor:grab}.sigma-container:active{cursor:grabbing}.graph-controls{position:absolute;top:16px;right:16px;z-index:6;display:flex;align-items:center;gap:8px;padding:8px;background:#ffffffeb;border:1px solid #cad7e6;border-radius:8px;box-shadow:0 14px 34px #0f172a24}.graph-controls button{display:grid;place-items:center;width:34px;height:34px;padding:0;color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer}.graph-controls button:hover{border-color:#2563eb;color:#2563eb}.graph-controls button.active{color:#fff;background:#2563eb;border-color:#2563eb}.threshold-control{display:grid;grid-template-columns:auto 108px 22px;align-items:center;gap:7px;padding:0 2px 0 8px;color:#475569;font-size:12px}.threshold-control input{accent-color:#2563eb}.threshold-control span{text-align:right;font-variant-numeric:tabular-nums}.selected-node-ring{position:absolute;z-index:5;transform:translate(-50%,-50%);border:3px solid #2563eb;border-radius:999px;box-shadow:0 0 0 4px #2563eb29,0 10px 24px #2563eb2e;pointer-events:none}.node-overlay{position:absolute;z-index:8;transform:translate(12px,-38px);pointer-events:none}.node-detail-toggle{display:grid;place-items:center;width:32px;height:32px;padding:0;color:#0f172a;background:#fff;border:1px solid #b8c7d9;border-radius:999px;box-shadow:0 10px 24px #0f172a2e;cursor:pointer;pointer-events:auto}.node-overlay.expanded{transform:translate(18px,-58px)}.node-io-card{width:min(520px,calc(100vw - 430px));margin-top:8px;padding:12px;background:#fffffff5;border:1px solid #cad7e6;border-radius:8px;box-shadow:0 18px 42px #0f172a2e;pointer-events:auto}.io-header{margin-bottom:10px;color:#0f172a;font-size:13px;font-weight:800;line-height:1.25}.io-lanes{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:8px;align-items:stretch}.io-flow-arrow{display:grid;place-items:center;color:#64748b;font-size:22px;font-weight:800}.io-lane{min-width:0;padding:10px;border-radius:8px}.io-lane.inputs{background:#e8f5ff;border:1px solid #b9ddff}.io-lane.outputs{background:#eaf8ef;border:1px solid #bde8ca}.io-lane-title{display:flex;align-items:center;gap:6px;margin-bottom:7px;font-size:12px;font-weight:800;text-transform:uppercase}.inputs .io-lane-title{color:#075985}.outputs .io-lane-title{color:#166534}.io-chips{display:flex;flex-wrap:wrap;gap:5px}.io-chips span{max-width:100%;padding:4px 6px;overflow-wrap:anywhere;background:#ffffffd1;border:1px solid rgba(100,116,139,.2);border-radius:999px;color:#334155;font-size:11px;line-height:1.25}.io-chips .empty{border-radius:6px;color:#64748b;font-style:italic}.legend{display:flex;flex-wrap:wrap;gap:9px;color:#64748b;font-size:12px}.legend div{display:flex;align-items:center;gap:5px}.legend-line{display:inline-block;width:24px;height:0;border-top:3px solid #aab6c6}.legend-line.dependency{border-color:#b45309}.legend-line.related-line{border-color:#7c3aed}.filter-dialog-backdrop{position:absolute;inset:0;z-index:20}.filter-dialog{position:absolute;top:62px;right:16px;width:230px;background:#fff;border:1px solid #cad7e6;border-radius:10px;box-shadow:0 18px 42px #0f172a2e;overflow:hidden}.filter-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 8px;font-size:13px;font-weight:700;color:#0f172a;border-bottom:1px solid #e2eaf3}.filter-dialog-actions{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid #e2eaf3}.filter-dialog-actions button{flex:1;padding:4px 0;font-size:12px;font-weight:600;color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer}.filter-dialog-actions button:hover{background:#e2e8f0}.filter-dialog-list{display:flex;flex-direction:column;gap:2px;padding:8px 10px;max-height:340px;overflow-y:auto}.filter-category-item{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:6px;font-size:13px;color:#1e293b;cursor:pointer}.filter-category-item:hover{background:#f1f5f9}.filter-category-item input[type=checkbox]{accent-color:#2563eb;width:14px;height:14px;cursor:pointer;flex-shrink:0}.filter-color-dot{display:inline-block;width:12px;height:12px;border-radius:999px;flex-shrink:0}@media(max-width:860px){.app-shell{grid-template-columns:1fr;grid-template-rows:minmax(280px,42vh) 1fr}.sidebar{grid-row:2;border-right:0;border-top:1px solid #dbe4ef}.canvas{grid-row:1;height:42vh}.node-io-card{width:min(360px,calc(100vw - 28px))}.io-lanes{grid-template-columns:1fr}.io-flow-arrow{transform:rotate(90deg)}}