:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--blue:#1769ff;--blue-soft:#eaf2ff;--ink:#172033;--muted:#6d778b;--line:#dfe5ee;--line-soft:#edf0f5;--panel:#fff;--green:#21aa62;--orange:#ff8a1f;background:#f3f6fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}.app-crash-fallback{color:#172033;background:#f5f8fc;place-items:center;min-height:100vh;padding:32px;display:grid}.app-crash-fallback section{background:#fff;border:1px solid #d9e2ef;border-radius:16px;width:min(560px,100%);padding:32px;box-shadow:0 16px 50px #1b34571a}.app-crash-fallback button{margin-top:16px}.app-shell{background:#f6f8fb;grid-template-rows:64px 32px minmax(0,1fr) 92px;width:100%;min-width:0;height:100dvh;margin:0;display:grid;overflow:hidden}.panel{background:var(--panel)}.top-nav{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:0 17px;display:grid}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#1769ff,#0049d8);border-radius:9px;place-items:center;width:31px;height:31px;display:grid;box-shadow:0 6px 14px #1769ff38}.brand>div{min-width:0;line-height:1.08;display:grid}.brand-name{letter-spacing:-.3px;font-size:20px;font-weight:700}.brand-subtitle{color:#8b94a5;letter-spacing:.05px;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.primary-nav{justify-content:center;gap:5px;height:100%;display:flex}.primary-nav button,.nav-actions button{cursor:pointer;background:0 0;border:0}.primary-nav button{color:#687287;padding:0 15px;font-size:14px;font-weight:600;position:relative}.primary-nav button.active{color:var(--blue)}.primary-nav button.active:after{content:"";background:var(--blue);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:15px;right:15px}.nav-actions{justify-self:end;align-items:center;gap:5px;display:flex;position:relative}.nav-actions button{color:#637086;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.nav-actions button:hover{background:#f1f4f8}.nav-actions button:disabled{opacity:.42;cursor:not-allowed}.nav-help-popover{z-index:40;color:#445168;background:#fff;border:1px solid #dbe3ee;border-radius:8px;width:min(330px,72vw);padding:10px 12px;font-size:12px;font-weight:500;line-height:1.45;position:absolute;top:39px;right:0;box-shadow:0 10px 28px #1e325029}.ready-state{color:#6f798b;white-space:nowrap;align-items:center;gap:6px;margin-right:8px;font-size:13px;font-weight:600;display:flex}.ready-state.ready{color:#268f58}.status-ring{border:1.5px solid;border-radius:50%;place-items:center;width:17px;height:17px;font-size:13px;display:inline-grid}.mode-badge{color:#667085;text-transform:uppercase;letter-spacing:.5px;background:#eef2f7;border-radius:9px;padding:2px 6px;font-size:11px}.system-title{color:#7d8797;border-bottom:1px solid var(--line);letter-spacing:.25px;background:#fbfcfe;align-items:center;padding:0 18px;font-size:12px;display:flex}.experiment-panel{z-index:80;color:#26344a;width:auto;position:fixed;top:67px;right:14px}.experiment-panel.open{width:min(370px,100vw - 28px)}.experiment-toggle{float:right;color:#fff;cursor:pointer;background:#3b4a61;border:0;border-radius:7px;padding:7px 11px;font-size:12px;font-weight:700;box-shadow:0 5px 16px #1f2d4433}.experiment-toggle.status-saved{background:#258657}.experiment-toggle.status-syncing{background:#1769ff}.experiment-toggle.status-offline,.experiment-toggle.status-error{background:#b15d1f}.experiment-card{clear:both;background:#fffffffa;border:1px solid #d7e0ec;border-radius:10px;max-height:calc(100vh - 112px);margin-top:39px;padding:16px;overflow-y:auto;box-shadow:0 18px 50px #1d2b413d}.experiment-stack{gap:11px;display:grid}.experiment-stack h2{margin:0;font-size:16px}.experiment-stack label{color:#536176;gap:5px;font-size:12px;display:grid}.experiment-stack input:not([type=checkbox]),.experiment-stack select{color:#26344a;background:#fff;border:1px solid #cfd8e5;border-radius:6px;outline:none;width:100%;min-width:0;padding:9px 10px}.experiment-stack input:focus,.experiment-stack select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769ff1a}.experiment-consent{align-items:center;grid-template-columns:auto minmax(0,1fr)!important}.experiment-stack button{cursor:pointer;background:#fff;border:1px solid #cbd5e2;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:650}.experiment-stack button.primary{color:#fff;background:var(--blue);border-color:var(--blue)}.experiment-stack button.warning{color:#fff;background:#c46c12;border-color:#c46c12}.experiment-stack button.danger{color:#a53636;border-color:#e1b3b3}.experiment-stack button:disabled{opacity:.48;cursor:not-allowed}.experiment-note,.experiment-success,.experiment-error{border-radius:6px;margin:0;padding:9px 10px;font-size:11px;line-height:1.45}.experiment-note{color:#43647b;background:#edf7fc;border:1px solid #cbe8f5}.experiment-success{color:#246542;background:#edf8f1;border:1px solid #c9e8d4}.experiment-error{color:#9a3131;background:#fff1f1;border:1px solid #edc6c6}.experiment-note code{overflow-wrap:anywhere;color:#31445c;margin-top:5px;display:block}.experiment-details{gap:5px;margin:0;font-size:11px;display:grid}.experiment-details div{grid-template-columns:62px minmax(0,1fr);gap:8px;display:grid}.experiment-details dt{color:#7b8798}.experiment-details dd{color:#34445b;text-overflow:ellipsis;min-width:0;margin:0;overflow:hidden}.experiment-actions{border-top:1px solid #e8edf4;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;display:grid}.main-grid{grid-template-columns:clamp(280px,18vw,340px) minmax(0,1fr) clamp(360px,22vw,440px);min-height:0;display:grid}.sidebar,.workspace{border-right:1px solid var(--line)}.sidebar{min-height:0;overflow-y:auto}.sidebar-section{border-bottom:1px solid var(--line-soft);padding:14px 18px}.sidebar-section h2,.qa-section h2{letter-spacing:-.1px;margin:0 0 8px;font-size:14px}.drop-zone{color:var(--blue);background:#fbfdff;border:1.5px dashed #8db5ff;border-radius:9px;place-items:center;gap:7px;padding:18px 12px;transition:all .15s;display:grid}.drop-zone.dragging{background:var(--blue-soft);border-color:var(--blue);transform:translateY(-1px)}.drop-zone strong{color:#2a3447;font-size:13px}.drop-zone span{color:#8b94a4;font-size:11px}.drop-zone button{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:6px;width:100%;margin-top:6px;padding:9px;font-size:12px;font-weight:700;box-shadow:0 4px 9px #1769ff2e}.drop-zone button:disabled{opacity:.6}.loaded-graph-list{gap:6px;margin-top:8px;display:grid}.recent-file{color:#607087;cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e5eaf1;border-radius:7px;grid-template-columns:19px minmax(0,1fr) 18px;align-items:center;gap:7px;width:100%;margin:0;padding:7px;display:grid}.recent-file:hover:not(:disabled){background:#f1f6ff;border-color:#b8d0fb}.recent-file.current{background:#f4f7fc;border-color:#9bbcff}.recent-file:disabled{opacity:1;cursor:default}.recent-file-copy{min-width:0;display:grid}.recent-file strong{text-overflow:ellipsis;white-space:nowrap;color:#344054;font-size:12px;overflow:hidden}.recent-file strong .graph-type-badge{color:#52647b;letter-spacing:.02em;vertical-align:1px;background:#fff;border:1px solid #ccd6e4;border-radius:999px;align-items:center;margin-left:7px;padding:1px 5px;font-size:8px;font-style:normal;font-weight:800;display:inline-flex}.recent-file strong .graph-type-badge.type-tree{color:#256d63;background:#f0faf7;border-color:#a8d8cf}.recent-file strong .graph-type-badge.type-undirected{color:#335fa8;background:#f2f6fd;border-color:#b8cdf2}.recent-file strong .graph-type-badge.type-directed{color:#8b5422;background:#fdf7ef;border-color:#e5c8a9}.recent-file span{color:#8892a3;font-size:11px}.recent-file .file-ok{width:17px;height:17px;color:var(--blue);border:1px solid #9bf;border-radius:50%;place-items:center;display:grid}.upload-status{color:#536174;background:#f4f7fc;border-radius:6px;grid-template-columns:1fr auto;align-items:center;gap:5px;margin-top:7px;padding:7px;font-size:11px;display:grid}.upload-status progress{width:100%;accent-color:var(--blue);grid-column:1}.upload-status b{grid-column:2}.upload-status button{color:#355070;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;grid-column:1/-1;padding:5px}.delete-graph{color:#b42318;cursor:pointer;background:#fff;border:1px solid #f4b4ad;border-radius:5px;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:6px;padding:6px;font-size:11px;display:flex}.delete-graph:disabled{opacity:.55;cursor:not-allowed}.cleanup-warning{z-index:20;color:#7a4b00;background:#fff7df;border:1px solid #f1cf78;border-radius:7px;max-width:360px;padding:10px 12px;font-size:13px;position:fixed;bottom:66px;right:18px;box-shadow:0 6px 20px #0000001a}.search-field{color:#8d97a8;border:1px solid #dfe5ee;border-radius:6px;align-items:center;gap:6px;padding:0 8px;display:flex}.search-field input{color:#344054;border:0;outline:none;width:100%;min-width:0;padding:7px 0;font-size:12px}.search-field button{cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:grid}.community-list{gap:1px;display:grid}.community{cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;width:100%;padding:4px 2px;font-size:12px;display:grid}.community b{color:#717c8f;font-size:11px;font-weight:600}.community.muted{opacity:.34}.community-dot{border-radius:50%;width:7px;height:7px}.filters-toggle{color:#68778d;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;place-items:center;width:26px;height:26px;padding:0;display:grid}.filters-toggle:hover{color:var(--blue);background:#f2f6fc;border-color:#dbe6f5}.summary-grid{grid-template-columns:1fr auto;row-gap:5px;font-size:11px;display:grid}.summary-grid span{color:#798396}.summary-grid b{text-transform:capitalize;font-size:11px}.section-heading-row{color:#697589;justify-content:space-between;display:flex}.filter-control{color:#68758a;gap:4px;margin-bottom:7px;font-size:11px;display:grid}.filter-control>span{font-weight:700}.filter-control select,.filter-control input{color:#465469;background:#fff;border:1px solid #dde4ed;border-radius:5px;width:100%;min-width:0;padding:5px 6px;font-size:11px}.filter-control input:disabled{color:#a5adba;background:#f5f7fa}.filter-pair{grid-template-columns:1fr 1fr;gap:4px;display:grid}.clear-filters{width:100%;color:var(--blue);cursor:pointer;background:#fff;border:1px solid #8fb5ff;border-radius:5px;margin-top:3px;padding:6px;font-size:11px;font-weight:600}.workspace{grid-template-rows:56px minmax(0,1fr);min-width:0;display:grid}.workspace-header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:0 15px;display:flex}.eyebrow{color:#8d97a7;text-transform:uppercase;letter-spacing:.65px;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.workspace-header h1{margin:0;font-size:16px}.workspace-mode-controls{align-items:center;gap:5px;margin-left:auto;display:flex}.workspace-mode-controls label{color:#748196;align-items:center;gap:4px;font-size:9px;font-weight:700;display:flex}.workspace-mode-controls select{color:#465469;background:#fff;border:1px solid #dfe5ed;border-radius:6px;max-width:104px;height:25px;padding:2px 20px 2px 6px;font-size:10px}.workspace-mode-controls .bundle-strength input{accent-color:#2457d6;width:56px}.workspace-mode-controls .path-lane-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;gap:6px;margin-left:3px}.path-lane-toggle input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.path-lane-toggle i{background:#c7d0dd;border-radius:999px;flex:0 0 28px;width:28px;height:16px;transition:background-color .16s;position:relative}.path-lane-toggle i:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #1f2e4547}.path-lane-toggle input:checked+i{background:#245bdb}.path-lane-toggle input:checked+i:after{transform:translate(12px)}.path-lane-toggle input:focus-visible+i{outline-offset:2px;outline:2px solid #8cb2ff}.reset-graph-detail{color:#2457d6;cursor:pointer;background:#eef4ff;border:1px solid #bad0fa;border-radius:6px;height:25px;padding:0 7px;font-size:10px;font-weight:700}.layout-badge{color:#5d6a7d;text-transform:capitalize;background:#f1f4f8;border-radius:9px;margin-left:auto;margin-right:8px;padding:3px 7px;font-size:10px}.workspace-mode-controls+.layout-badge{margin-left:7px}.workspace-tools{gap:5px;display:flex}.workspace-tools button,.zoom-controls button{color:#59677b;cursor:pointer;background:#fff;border:1px solid #dfe5ed;border-radius:6px;place-items:center;width:29px;height:29px;display:grid}.workspace-tools button:hover,.zoom-controls button:hover{color:var(--blue);border-color:#a9c4fa}.workspace-tools button:disabled{color:#aab2bf;cursor:not-allowed;background:#f6f7f9;border-color:#e5e8ed}.graph-canvas-wrap{background:radial-gradient(circle at 50% 44%,#fff 0%,#f7f9fc 55%,#edf1f7 100%);min-height:0;position:relative;overflow:hidden}.graph-canvas-wrap:before{content:"";pointer-events:none;opacity:.34;background-image:radial-gradient(circle,#687b972e .7px,#0000 .8px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 78%);mask-image:radial-gradient(circle,#000 0%,#0000 78%)}.component-region-layer{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.component-region-layer text{letter-spacing:.01em;font:700 11px Inter,ui-sans-serif,system-ui,sans-serif}.tree-canvas-wrap{background:#f7f8fa}.tree-canvas-wrap:before{display:none}.graph-canvas{z-index:1;cursor:grab;transform-origin:50%;transition:opacity .18s;animation:.72s cubic-bezier(.22,.75,.24,1) both graph-arrive;position:absolute;inset:0}.graph-canvas:active{cursor:grabbing}.tree-path-lane-mode .graph-canvas{opacity:0;pointer-events:none}.tree-path-lane-mode .graph-render-status,.tree-path-lane-mode .zoom-controls,.tree-path-lane-mode .graph-legend,.tree-path-lane-mode .render-metrics{display:none}.tree-path-lanes{z-index:4;color:#27364c;pointer-events:none;grid-template-rows:auto minmax(0,1fr);gap:15px;display:grid;position:absolute;inset:148px 42px 54px}.tree-path-lanes>header{border-bottom:1px solid #dbe3ef;justify-content:space-between;align-items:flex-end;gap:18px;padding:0 4px 10px;display:flex}.tree-path-lanes>header div{gap:3px;display:grid}.tree-path-lanes>header strong{font-size:16px}.tree-path-lanes>header span{color:#748197;font-size:11px}.tree-path-lanes>header>b{color:#245bdb;background:#eaf1ff;border-radius:999px;padding:5px 10px;font-size:11px}.tree-path-lane-list{grid-template-rows:repeat(3,minmax(0,1fr));gap:15px;min-height:0;display:grid}.tree-path-lane{--path-color:#245bdb;border:2px solid color-mix(in srgb, var(--path-color) 78%, white);min-width:0;box-shadow:0 13px 30px color-mix(in srgb, var(--path-color) 12%, transparent);background:#fffffff7;border-radius:14px;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:15px;padding:15px 18px;display:grid}.tree-path-lane-title{border-right:3px solid var(--path-color);flex-direction:column;justify-content:center;align-self:stretch;gap:5px;padding-right:14px;display:flex}.tree-path-lane-title strong{color:var(--path-color);font-size:17px}.tree-path-lane-title span{color:#77849a;font-size:10px;line-height:1.35}.tree-path-lane-track{align-items:stretch;min-width:0;display:flex}.tree-path-lane-step{flex:1 1 0;align-items:center;min-width:0;display:flex}.tree-path-lane-step>b{box-sizing:border-box;color:#34445b;border:1.5px solid color-mix(in srgb, var(--path-color) 64%, white);background:#fff;border-radius:10px;flex:auto;grid-template-rows:1fr auto;grid-template-columns:9px minmax(0,1fr);align-items:center;column-gap:6px;min-width:0;min-height:58px;padding:7px 8px;display:grid;box-shadow:0 5px 13px #26364e14}.tree-path-lane-step>b.root{background:#fff7f7;border-color:#ef4444}.tree-path-lane-step>b.leaf{color:#17263c;background:color-mix(in srgb, var(--path-color) 8%, white);border-width:2px}.tree-path-lane-step>b>i{background:var(--path-color);border-radius:50%;grid-row:1/3;width:8px;height:8px}.tree-path-lane-step>b.root>i{background:#ef4444}.tree-path-lane-step>b>em{overflow-wrap:anywhere;align-self:end;min-width:0;font-size:10px;font-style:normal;line-height:1.15}.tree-path-lane-step>b>small{color:#8793a5;align-self:start;font-size:8px;font-weight:600}.tree-path-lane-arrow{color:var(--path-color);flex:0 0 23px;place-items:center;font-size:17px;font-weight:800;display:grid}.component-overview-layer{z-index:6;box-sizing:border-box;color:#34445b;background:radial-gradient(circle at 50% 46%,#fff 0%,#f7faff 55%,#edf3fb 100%);grid-template-rows:auto minmax(0,1fr) auto;gap:13px;padding:25px 54px 20px;display:grid;position:absolute;inset:0;overflow:auto}.component-overview-heading{text-align:center;justify-items:center;gap:4px;display:grid}.component-overview-heading strong{color:#26364e;font-size:17px}.component-overview-heading span{color:#78869a;font-size:11px}.component-overview-grid{grid-template-columns:repeat(2,minmax(230px,1fr));align-content:center;place-items:center;gap:25px 64px;width:min(760px,100%);min-height:0;margin:auto;display:grid}.component-overview-glyph{box-sizing:border-box;color:#34445b;cursor:pointer;background:#fffffff5;border:3px solid;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;padding:17px;transition:transform .18s,box-shadow .18s,background .18s;display:flex}.component-overview-glyph:hover{z-index:1;background:#fff;transform:translateY(-4px)scale(1.025)}.component-overview-glyph:focus-visible{outline-offset:4px;outline:3px solid #245bdb40}.component-overview-glyph svg{width:55px;height:34px;margin-bottom:2px;overflow:visible}.component-overview-glyph strong{font-size:13px}.component-overview-glyph span{color:#26364e;font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.component-overview-glyph small{color:#8793a4;font-size:9px;font-weight:600}.component-overview-layer>p{color:#8793a4;text-align:center;margin:0;font-size:10px}.component-comparison-layer{z-index:6;box-sizing:border-box;color:#34445b;background:radial-gradient(circle at 50% 46%,#fff 0%,#f7faff 55%,#edf3fb 100%);grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:24px 38px 18px;display:grid;position:absolute;inset:0;overflow:auto}.component-comparison-heading{text-align:center;justify-items:center;gap:5px;display:grid}.component-comparison-heading>strong{color:#26364e;font-size:17px}.component-comparison-heading>span{color:#46556b;background:#fff7f6;border:1.5px solid #f0aaa8;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 5px 14px #d545451f}.component-comparison-heading b{color:#e5484d;font-size:23px;line-height:1}.component-comparison-views{grid-template:minmax(0,1fr)/minmax(270px,1fr) 72px minmax(270px,1fr);align-items:stretch;gap:12px;width:min(980px,100%);min-height:0;margin:auto;display:grid}.component-comparison-view{background:#fffffff2;border:1px solid #dce4ef;border-top:4px solid #6e7e94;border-radius:13px;min-width:0;padding:14px;box-shadow:0 12px 30px #253d5f1a}.component-comparison-view.state-before{border-top-color:#5d6f86;grid-column:1}.component-comparison-view.state-after{border-top-color:#27ae60;grid-column:3}.component-comparison-view>header{border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:9px;display:flex}.component-comparison-view>header span{color:#26364e;font-size:14px;font-weight:800}.component-comparison-view>header strong{color:#68778b;font-size:11px}.component-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:10px;min-height:calc(100% - 34px);padding-top:10px;display:grid}.component-comparison-glyph{background:#f8faff;border:1px solid #e1e8f2;border-radius:9px;align-items:center;gap:8px;min-width:0;padding:9px;display:flex}.component-comparison-glyph svg{flex:0 0 52px;width:52px;height:34px;overflow:visible}.component-comparison-glyph>div{gap:1px;min-width:0;display:grid}.component-comparison-glyph strong{color:#32435a;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.component-comparison-glyph span{color:#26364e;font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.component-comparison-glyph small{color:#8793a4;white-space:nowrap;font-size:8px}.component-comparison-arrow{color:#e5484d;grid-area:1/2;align-self:center;justify-items:center;gap:2px;display:grid}.component-comparison-arrow span{font-size:35px;line-height:1}.component-comparison-arrow b{color:#8a6570;text-transform:uppercase;letter-spacing:.04em;font-size:8px}.component-comparison-layer>p{color:#8793a4;text-align:center;margin:0;font-size:10px}.component-detail-toolbar{z-index:6;align-items:stretch;gap:8px;display:flex;position:absolute;top:13px;left:14px}.component-detail-toolbar button,.component-detail-toolbar span{color:#405069;background:#fffffff5;border:1px solid #d7e1ef;border-radius:8px;font-size:10px;box-shadow:0 7px 20px #253d5f1f}.component-detail-toolbar button{color:#245bdb;cursor:pointer;padding:8px 10px;font-weight:700}.component-detail-toolbar span{border-left-width:4px;gap:1px;padding:6px 10px;display:grid}.component-detail-toolbar span strong{color:#26364e;font-size:11px}@media (width<=760px){.component-overview-layer{padding-inline:20px}.component-overview-grid{grid-template-columns:1fr;align-content:start}.component-comparison-layer{padding-inline:18px}.component-comparison-views{grid-template:auto 42px auto/1fr}.component-comparison-view.state-before{grid-area:1/1}.component-comparison-view.state-after{grid-area:3/1}.component-comparison-arrow{grid-area:2/1;transform:rotate(90deg)}}.visual-no-result-overlay{z-index:7;pointer-events:auto;background:#f7f9fc8a;justify-content:center;align-items:flex-start;padding-top:18px;display:flex;position:absolute;inset:0}.visual-no-result-banner{color:#59677b;background:#fffffff7;border:1px solid #d7dfeb;border-top:3px solid #e5484d;border-radius:9px;justify-items:center;gap:3px;min-width:260px;padding:11px 18px;display:grid;box-shadow:0 10px 28px #26364e24}.visual-no-result-banner strong{color:#273449;font-size:14px}.visual-no-result-banner span{color:#7d899a;font-size:10px}.workspace-message{z-index:4;color:#77521c;background:#fff7dff5;border:1px solid #efd184;border-radius:6px;max-width:360px;padding:6px 9px;font-size:11px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.graph-render-status{z-index:4;color:#67758a;pointer-events:none;background:#ffffffe6;border:1px solid #dbe3ee;border-radius:7px;gap:1px;max-width:260px;padding:6px 9px;font-size:10px;display:grid;position:absolute;top:13px;right:58px;box-shadow:0 4px 14px #28374f12}.graph-render-status strong{color:#34445b;text-transform:capitalize;font-size:10px}.bundle-detail-panel{z-index:5;color:#55647a;background:#fffffff5;border:1px solid #cfdae9;border-top:3px solid #5d6f86;border-radius:9px;width:230px;max-height:260px;padding:10px 11px;font-size:10px;position:absolute;top:58px;right:14px;overflow:auto;box-shadow:0 12px 30px #23375524}.bundle-detail-panel>div{color:#2f3f55;justify-content:space-between;align-items:center;display:flex}.bundle-detail-panel button{color:#738195;cursor:pointer;background:0 0;border:0;padding:0 3px;font-size:17px}.bundle-detail-panel>span{margin-top:3px;display:block}.bundle-detail-panel ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 7px;margin:7px 0 0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;list-style:none;display:grid}.bundle-detail-panel li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-empty-filter{z-index:6;color:#4c5b70;background:#fffffff0;border:1px solid #d6deeb;border-radius:9px;padding:10px 14px;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #2337551a}.search-results{z-index:4;color:#536174;background:#fffffff5;border:1px solid #dbe3ee;border-radius:6px;align-items:center;gap:7px;padding:6px 8px;font-size:11px;display:flex;position:absolute;top:12px;left:14px;box-shadow:0 4px 14px #28374f14}.search-position{color:#2457d6;font-variant-numeric:tabular-nums;text-align:right;min-width:37px}.search-results button{color:var(--blue);cursor:pointer;background:#eef4ff;border:0;border-radius:4px;padding:3px 6px}.search-results button:disabled{color:#9ca6b5;cursor:default}.empty-workspace{text-align:center;color:#a2abba;place-content:center;display:grid;position:absolute;inset:0}.empty-workspace span{color:#526174;font-weight:700}.empty-workspace p{margin:5px 0;font-size:13px}.zoom-controls{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd6;border:1px solid #dae2edeb;border-radius:10px;gap:4px;padding:4px;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 8px 24px #20324e1a}.zoom-controls span{color:#8190a2;text-align:center;font-size:10px}.graph-legend{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd6;border:1px solid #d8e1ede6;border-radius:10px;gap:6px;padding:10px 12px;font-size:11px;display:grid;position:absolute;bottom:14px;left:14px;box-shadow:0 8px 24px #20324e17}.graph-legend span{align-items:center;gap:7px;display:flex}.legend-node{background:#fff;border:1px solid #adb7c7;border-radius:50%;width:9px;height:9px}.legend-node.selected{border:2px solid #ef4444}.legend-line{border-top:2px dashed var(--orange);width:14px}.legend-line.selected-edge{border-top-style:solid;border-top-width:3px}.legend-line.community-bundle{border-top:5px solid #5d6f86;border-radius:999px}.element-popover{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #d8dee8f0;border-radius:10px;width:230px;max-height:270px;padding:12px;font-size:11px;position:absolute;overflow:auto;box-shadow:0 16px 38px #1f2d442e}.element-popover[role=tooltip]{pointer-events:none;color:#eef3fb;background:#111827eb;border-color:#ffffff1f;box-shadow:0 14px 34px #0f172a47}.element-popover[role=tooltip]>div{color:#fff}.element-popover[role=tooltip] dt{color:#9fb0c7}.element-popover[role=tooltip] dd{color:#f8fafc}.aggregate-popover{width:220px}.element-popover>div{color:#263449;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.element-popover>div strong{overflow-wrap:anywhere;flex:1;min-width:0}.element-popover>div button{cursor:pointer;color:#758195;background:0 0;border:0}.node-avatar{background:var(--orange);border:2px solid #ffe0bd;border-radius:50%;width:11px;height:11px}.edge-avatar{border-top:3px solid #2457d6;width:14px}.element-popover dl{grid-template-columns:70px 1fr;gap:5px;margin:0;display:grid}.element-popover dt{color:#8893a4}.element-popover dd{overflow-wrap:anywhere;margin:0;font-weight:600}.property-row{display:contents}.visual-node-card-layer{z-index:5;pointer-events:none;position:absolute;inset:0}.visual-node-card{color:#263449;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:2px solid #ff8a1fb8;border-radius:10px;width:230px;min-width:0;padding:11px 12px;font-size:11px;position:absolute;box-shadow:0 14px 34px #1f2d4429}.visual-node-card>div{align-items:center;gap:7px;margin-bottom:8px;font-size:13px;display:flex}.visual-node-card>div strong{overflow-wrap:anywhere;min-width:0}.visual-node-card dl{grid-template-columns:70px 1fr;gap:5px;margin:0;display:grid}.visual-node-card dt{color:#8893a4}.visual-node-card dd{overflow-wrap:anywhere;margin:0;font-weight:600}.visual-node-id-card{box-sizing:border-box;border-radius:8px;width:96px;padding:7px 9px;box-shadow:0 8px 20px #1f2d4421}.visual-node-id-card dl{grid-template-columns:22px 1fr;align-items:center;gap:4px}.visual-node-id-card dd{font-size:12px}.visual-metric-card{background:#fffffff7;border-color:#2563ebc7;box-shadow:0 16px 38px #2563eb2e}.visual-count-card{box-sizing:border-box;border-color:#2563ebd1;width:276px;padding:15px 16px;box-shadow:0 18px 44px #2563eb33}.visual-count-card>div{margin-bottom:11px;font-size:15px}.visual-count-card dl{grid-template-columns:88px 1fr;gap:8px;font-size:12px}.visual-count-card .metric-card-value{font-size:24px;font-weight:900}.visual-pair-summary-card{width:360px;min-height:126px}.visual-pair-summary-card dl{grid-template-columns:72px 1fr}.visual-pair-summary-card dd{line-height:1.55}.visual-pair-summary-lines{gap:3px;display:grid}.visual-pair-summary-lines>span{display:block}.visual-percentage-card{box-sizing:border-box;width:320px;min-height:150px}.visual-percentage-card dl{grid-template-columns:132px minmax(0,1fr)}.visual-percentage-card dd{line-height:1.4}.visual-attribute-card{background:#fffffff7;border-color:#2563ebc7;box-shadow:0 16px 38px #2563eb2e}.visual-attribute-card .node-avatar{background:#2563eb;border-color:#dce8ff}.visual-attribute-card .edge-avatar{border-top-color:#2563eb}.visual-common-neighbor-card{border-color:#f28c28e0;width:215px;box-shadow:0 17px 40px #f28c2833}.visual-common-neighbor-card>div strong{color:#9a4e08;font-size:14px}.visual-common-neighbor-card .metric-avatar{background:#f28c28}.visual-common-neighbor-card .metric-card-value{color:#e36f08;font-size:20px;font-weight:900}.metric-avatar{color:#fff;background:#2563eb;border-radius:6px;place-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:inline-grid}.visual-metric-card .metric-card-value{color:#155eef;font-size:17px;line-height:1}.visual-metric-card.tone-positive{background:#f6fffaf7;border-color:#22a06bd1;width:200px;padding:9px 10px;box-shadow:0 16px 38px #22a06b2e}.visual-metric-card.tone-positive .metric-avatar{background:#22a06b}.visual-metric-card.tone-positive .metric-card-value{color:#16855b}.visual-metric-card.tone-negative{background:#fff7f6f7;border-color:#d64545d1;width:200px;padding:9px 10px;box-shadow:0 16px 38px #d645452b}.visual-metric-card.tone-negative .metric-avatar{background:#d64545}.visual-metric-card.tone-negative .metric-card-value{color:#c73737}.render-metrics{z-index:3;color:#9aa3b1;font-size:10px;position:absolute;bottom:15px;right:58px}.legend-node.answer{border:2px solid var(--orange)}.question-panel{min-width:0;min-height:0;overflow-y:auto}.qa-section{border-bottom:1px solid var(--line);padding:16px 18px}.section-title-row{color:#718095;justify-content:space-between;align-items:center;display:flex}.section-title-row h2{color:var(--ink)}.visual-explanation-actions{align-items:center;gap:6px;display:flex}.visual-answer-switch{color:#65738a;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex;position:relative}.visual-answer-switch input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.visual-answer-switch i{background:#c8d0dc;border-radius:999px;width:28px;height:16px;transition:background-color .15s;position:relative}.visual-answer-switch i:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #1e293b38}.visual-answer-switch input:checked+i{background:#1769ff}.visual-answer-switch input:checked+i:after{transform:translate(12px)}.visual-answer-switch input:focus-visible+i{outline-offset:2px;outline:2px solid #7aa8ff}.visual-answer-switch:has(input:disabled){cursor:default;opacity:.45}.visual-explanation-toggle{color:#718095;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;display:grid}.visual-explanation-toggle:hover:not(:disabled){color:#1769ff;background:#eef5ff;border-color:#cfe0ff}.visual-explanation-toggle:focus-visible{outline-offset:2px;outline:2px solid #7aa8ff}.visual-explanation-toggle:disabled{cursor:default;opacity:.45}.question-templates{grid-template-columns:1fr 1fr;gap:5px;display:grid}.question-templates button{color:#5e6b7e;text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe5ed;border-radius:7px;align-content:center;justify-items:start;gap:4px;min-height:60px;padding:10px;font-size:11px;line-height:1.35;display:grid}.question-templates button>span{align-items:center;gap:4px;font-weight:700;display:flex}.question-templates button small{color:#98a1af;font-size:9px}.question-templates button.wide{background:linear-gradient(135deg,#fff 0%,#f7faff 100%);grid-column:span 2;min-height:68px}.question-templates button.active{color:var(--blue);background:#f7faff;border-color:#73a5ff;box-shadow:inset 0 0 0 1px #cfe0ff}.question-templates button:disabled{cursor:not-allowed;opacity:.6}.guided-empty{color:#7a8799;background:#f7f9fc;border:1px dashed #d5dce7;border-radius:6px;margin:9px 0 0;padding:9px;font-size:11px;line-height:1.45}.guided-questioning{gap:8px;margin-top:8px;display:grid}.guided-parameters{background:#f7f9fc;border:1px solid #dfe6f0;border-radius:7px;gap:7px;padding:8px;display:grid}.guided-template-meta{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.guided-template-meta>strong{color:#344256;width:100%;font-size:11px}.guided-template-meta>small{color:#7b8798;width:100%;font-size:10px;line-height:1.4}.support-badge{color:#4f5e72;background:#e9edf3;border-radius:9px;padding:2px 5px;font-size:9px;font-weight:700}.support-badge.supported,.support-badge.visual-implemented{color:#197442;background:#e5f7ec}.support-badge.fixture_only,.support-badge.visual-partial{color:#8a5d0a;background:#fff3d7}.support-badge.unsupported,.support-badge.unknown,.support-badge.visual-null{color:#8b4650;background:#fdecef}.guided-current-object{color:#7c8796;grid-template-columns:72px minmax(0,1fr);gap:6px;font-size:10px;display:grid}.guided-current-object strong{overflow-wrap:anywhere;color:#3b4a60}.guided-node-pair{background:#f8fbff;border:1px solid #d8e3f3;border-radius:7px;gap:7px;padding:8px;display:grid}.guided-node-pair .guided-current-object{grid-template-columns:68px minmax(0,1fr) auto;align-items:center}.guided-node-pair button{color:#36516f;white-space:nowrap;background:#fff;border:1px solid #b9c9df;border-radius:5px;padding:4px 7px;font-size:9px}.guided-node-pair button.active{color:#fff;background:#246bfe;border-color:#246bfe}.guided-pick-hint{color:#246bfe;margin:0;font-size:9px}.guided-control{color:#66758a;gap:3px;font-size:10px;display:grid}.guided-control input,.guided-control select{color:#344256;background:#fff;border:1px solid #d8e0eb;border-radius:5px;width:100%;padding:5px 6px;font-size:10px}.guided-control small{color:#929dad;font-size:9px}.guided-composite-config{background:#fbfdff;border:1px solid #d8e3f3;border-radius:7px;gap:7px;padding:8px;display:grid}.guided-check{color:#43546b;align-items:center;gap:7px;font-size:10px;display:flex}.guided-check input{accent-color:var(--blue)}.guided-multi-select{color:#536174;font-size:10px;position:relative}.guided-multi-select summary{cursor:pointer;background:#fff;border:1px solid #d8e0eb;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:6px 7px;list-style:none;display:flex}.guided-multi-select summary::-webkit-details-marker{display:none}.guided-multi-select[open] summary{border-color:#8eb5ff;box-shadow:0 0 0 2px #246bfe17}.guided-multi-select>div{background:#fff;border:1px solid #d8e0eb;border-radius:5px;gap:4px;max-height:150px;margin-top:4px;padding:6px;display:grid;overflow-y:auto;box-shadow:0 7px 20px #2838541f}.guided-multi-select label{align-items:center;gap:6px;padding:3px;display:flex}.guided-multi-select input{accent-color:var(--blue)}.guided-community-compare{gap:6px;display:grid}.guided-selected-community-ids{background:#f4f8ff;border:1px solid #cfe0ff;border-radius:6px;gap:5px;padding:7px;display:grid}.guided-selected-community-ids>span{color:#61738b;font-size:9px;font-weight:700}.guided-selected-community-ids>div{flex-wrap:wrap;gap:4px;display:flex}.guided-selected-community-ids b{color:#1759d8;background:#fff;border:1px solid #b9d0ff;border-radius:999px;padding:2px 6px;font-size:9px}.guided-multi-pick{background:#f8fbff;border:1px dashed #b9c9df;border-radius:6px;gap:6px;padding:7px;display:grid}.guided-multi-pick>div{justify-content:space-between;align-items:center;gap:6px;display:flex}.guided-multi-pick>div:first-child span{overflow-wrap:anywhere;color:#42536a;min-width:0;font-size:10px}.guided-multi-pick b{color:#6d5ce7;white-space:nowrap;font-size:10px}.guided-multi-pick button{color:#36516f;cursor:pointer;background:#fff;border:1px solid #b9c9df;border-radius:5px;padding:4px 7px;font-size:9px}.guided-multi-pick button.active{color:#fff;background:#6d5ce7;border-color:#6d5ce7}.guided-preview,.guided-unavailable{border-radius:5px;gap:5px;padding:7px;font-size:10px;display:grid}.guided-preview{color:#3f526b;background:#edf5ff;border:1px solid #cfe2ff}.guided-preview span{color:#61738b;font-weight:700}.guided-preview p{margin:0;line-height:1.45}.guided-preview button{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:4px;width:fit-content;padding:5px 7px;font-size:10px;font-weight:700}.guided-preview button:disabled{cursor:not-allowed;background:#a9b3c3}.guided-unavailable{color:#80531b;background:#fff9e9;border:1px solid #f1dda7}.guided-unavailable span{line-height:1.4}.question-form{margin-top:9px}.question-form label{color:#68758a;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.question-form>div{position:relative}.question-form textarea{resize:vertical;color:#334155;border:1px solid #dce2eb;border-radius:7px;outline:none;width:100%;min-height:72px;padding:11px 112px 11px 12px;font-size:11px;line-height:1.5}.question-form textarea:focus{border-color:#7aa8ff;box-shadow:0 0 0 3px #1769ff14}.question-actions{gap:4px;display:flex;position:absolute;bottom:7px;right:6px}.question-form .question-actions button{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:5px;align-items:center;gap:4px;padding:6px 8px;font-size:11px;font-weight:700;display:flex}.question-form .question-actions .cancel-question{color:#5b6575;background:#eef2f7}.question-form .question-actions button:disabled{cursor:not-allowed;background:#a9b3c3}.question-length{color:#98a1af;text-align:right;margin-top:3px;font-size:10px;display:block}.friendly-error{color:#9d3d36;background:#fff2f0;border:1px solid #ffd2cc;border-radius:5px;margin-top:7px;padding:7px 8px;font-size:11px}.question-issue{color:#7d3f35;background:#fff5f2;border:1px solid #ffd6cf;border-radius:6px;gap:3px;margin-top:7px;padding:8px;font-size:11px;display:grid}.question-issue.cancelled{color:#4d5d72;background:#f4f7fb;border-color:#d9e1ec}.question-issue.timed_out{color:#765313;background:#fff9e8;border-color:#f1dda2}.question-issue small{color:inherit;opacity:.82;line-height:1.35}.question-issue button{color:#1f5fc4;cursor:pointer;background:#fff;border:1px solid #b9d1f8;border-radius:4px;align-items:center;gap:4px;width:fit-content;margin-top:3px;padding:4px 7px;font-size:10px;display:flex}.answer-type{color:#0b63dd;background:#eaf3ff;border-radius:10px;padding:3px 7px;font-size:11px;font-weight:700}.answer-copy{color:#324054;margin:2px 0 8px;font-size:13px;line-height:1.55}.answer-placeholder{color:#8a94a4;margin:3px 0;font-size:12px;line-height:1.5}.answer-meta{color:#8a94a4;justify-content:space-between;font-size:10px;display:flex}.answer-meta span{align-items:center;gap:4px;display:flex}.evidence-summary{background:#f7f9fc;border:1px solid #e2e7ef;border-radius:6px;margin-top:8px;padding:7px}.evidence-summary dl{gap:5px;margin:0;display:grid}.evidence-summary dl>div{grid-template-columns:minmax(70px,.65fr) minmax(0,1.35fr);gap:7px;display:grid}.evidence-summary dt{color:#65738a;text-overflow:ellipsis;font-size:10px;font-weight:700;overflow:hidden}.evidence-summary dd{overflow-wrap:anywhere;color:#344256;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.evidence-summary button{color:#2464c7;cursor:pointer;background:#fff;border:1px solid #c8d8f1;border-radius:4px;margin-top:6px;padding:3px 6px;font-size:10px}.explanation-section{min-height:240px}.visual-content{margin-top:3px}.visual-header{align-items:center;gap:7px;margin-bottom:10px;font-size:12px;display:flex}.visual-total{color:#66758a;white-space:nowrap;margin-left:auto;font-size:10px;font-weight:700}.visual-callouts{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:6px;margin-bottom:9px;display:grid}.visual-callout{background:#f7f9fc;border:1px solid #e0e6ef;border-radius:6px;gap:2px;padding:7px;display:grid}.visual-callout small{color:#748197;text-transform:uppercase;font-size:9px;font-weight:700}.visual-callout strong{overflow-wrap:anywhere;color:#253247;font-size:13px}.visual-callout span{overflow-wrap:anywhere;color:#7d8798;font-size:9px}.visual-callout.positive{background:#effaf5;border-color:#bfe8d4}.visual-callout.negative{background:#fff3f1;border-color:#ffd1ca}.visual-callout.accent{background:#fff7eb;border-color:#ffdba8}.visual-callout.va14-percentage-result{text-align:center;background:#eef5ff;border-color:#a9c8ff;align-content:center}.visual-callout.va14-percentage-result small{color:#376aa8}.visual-callout.va14-percentage-result strong{color:#1769ff;font-size:22px;line-height:1.15}.template-chip{color:#b85f08;background:#fff2df;border-radius:4px;padding:3px 6px;font-size:11px;font-weight:700}.path-steps{gap:7px;margin:0 0 10px;padding:0;list-style:none;display:grid;position:relative}.path-steps:before{content:"";border-left:1.5px dashed var(--orange);position:absolute;top:12px;bottom:12px;left:11px}.path-steps li{align-items:center;gap:8px;display:flex;position:relative}.path-steps li>span{z-index:1;color:#fff;background:var(--orange);border:3px solid #fff2e4;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-size:11px;font-weight:700;display:grid}.path-steps li div{display:grid}.path-steps strong{font-size:11px}.path-steps small{color:#929baa;margin-top:1px;font-size:10px}.compared-items{gap:5px;margin:0 0 9px;padding:0;list-style:none;display:grid}.compared-items-wrap{gap:7px;display:grid}.visual-result-pagination{flex-wrap:wrap;gap:6px;display:flex}.visual-result-count{color:#6b7585;font-size:11px}.visual-expand{color:#2457d6;background:#fff;border:1px solid #cbd7e8;border-radius:6px;justify-self:start;padding:5px 8px;font-size:11px}.compared-items li{background:#f7f9fc;border:1px solid #e2e7ef;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:6px 7px;display:flex}.compared-items li div{min-width:0;display:grid}.compared-items strong{color:#344256;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.compared-items small{color:#8994a5;font-size:10px}.compared-items li>span{color:#1d5ebc;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.visual-groups{gap:6px;margin-bottom:9px;display:grid}.visual-group{background:#f7f9fcd1;border:1px solid #e0e6ef;border-left:3px solid #8ea0b8;border-radius:5px;grid-template-columns:minmax(66px,.6fr) minmax(0,1.4fr) auto;align-items:center;gap:6px;padding:7px;display:grid}.visual-group>div{display:grid}.visual-group strong{color:#344256;font-size:10px}.visual-group small{color:#8994a5;font-size:9px}.visual-group>span{color:#5e6b7e;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.visual-group-members{gap:3px;min-width:0;display:grid}.visual-group-members span{overflow-wrap:anywhere;color:#5e6b7e;font-size:9px;line-height:1.35}.visual-group-members b{color:#344256;margin-right:5px;font-size:9px}.visual-tree-node-list{overflow-wrap:anywhere;color:#5e6b7e;grid-column:1/-1;max-height:92px;font-size:9px;line-height:1.45;overflow-y:auto}.visual-group>b{color:#1769ff;font-size:10px}.visual-count-details{margin-bottom:9px}.visual-count-details section{background:#f7f9fc;border:1px solid #dce3ed;border-left:4px solid #2563eb;border-radius:7px;padding:10px}.visual-count-details header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.visual-count-details header strong{color:#344256;font-size:11px}.visual-count-details header b{color:#1769ff;font-size:14px}.visual-count-details p{border-top:1px solid #e2e7ef;grid-template-columns:46px minmax(0,1fr);gap:7px;margin:0;padding-top:7px;display:grid}.visual-count-details p b{color:#5b6a80;text-transform:uppercase;font-size:9px}.visual-count-details p span{overflow-wrap:anywhere;color:#67758a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.55}.visual-group.role-selected,.visual-group.role-witness{border-left-color:#f28c28}.visual-group.role-passed{background:#f0fcf6d1;border-left-color:#22a06b}.visual-group.role-baseline,.visual-group.role-source{border-left-color:#2f80ed}.visual-group.role-counterfactual,.visual-group.role-target,.visual-group.role-added{border-left-color:#12a594}.visual-group.role-removed,.visual-group.role-excluded,.visual-group.role-avoid{border-left-color:#d64545}.counterfactual-component-evidence{gap:7px;margin-bottom:9px;display:grid}.counterfactual-component-state,.counterfactual-component-change{background:#f7f9fc;border:1px solid #e0e6ef;border-left:3px solid #5d6f86;border-radius:6px;padding:8px}.counterfactual-component-state.state-after{border-left-color:#12a594}.counterfactual-component-state>header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.counterfactual-component-state>header strong,.counterfactual-component-change strong{color:#344256;font-size:10px}.counterfactual-component-state>header span{color:#617087;font-size:9px;font-weight:700}.counterfactual-component-state>div{gap:5px;display:grid}.counterfactual-component-state p{border-top:1px solid #e7ebf2;grid-template-columns:76px 60px minmax(0,1fr);align-items:start;gap:6px;margin:0;padding-top:5px;display:grid}.counterfactual-component-state p b{color:#405069;font-size:9px}.counterfactual-component-state p span{color:#1769ff;font-size:9px;font-weight:700}.counterfactual-component-state p small{overflow-wrap:anywhere;color:#758297;font-size:8px;line-height:1.4}.counterfactual-component-change{background:#fff5f3;border-left-color:#d64545;grid-template-columns:76px minmax(0,1fr);gap:6px;display:grid}.counterfactual-component-change span{overflow-wrap:anywhere;color:#a43e3e;font-size:9px;font-weight:700}.visual-groups.visual-path-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.visual-pair-groups .visual-group{grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr) auto}.visual-pair-groups .visual-group>span{white-space:normal}.visual-pair-groups .visual-group>b{text-transform:none}.visual-percentage-calculations{gap:7px;margin-bottom:9px;display:grid}.visual-percentage-scope{background:#f4f7fb;border:1px solid #dce3ed;border-radius:6px;grid-template-columns:110px minmax(0,1fr) auto;align-items:start;gap:7px;padding:8px;display:grid}.visual-percentage-scope b{color:#405069;font-size:9px}.visual-percentage-scope span{overflow-wrap:anywhere;color:#69778c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.45}.visual-percentage-scope strong{color:#1769ff;white-space:nowrap;font-size:10px}.visual-percentage-calculations section{background:#f8faff;border:1px solid #dce5f2;border-left:4px solid #2563eb;border-radius:7px;padding:9px}.visual-percentage-calculations section header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.visual-percentage-calculations section header strong{color:#344256;font-size:10px}.visual-percentage-calculations section header b{color:#1769ff;font-size:18px;line-height:1.15}.visual-percentage-calculations section>div{gap:3px;display:grid}.visual-percentage-calculations section span{overflow-wrap:anywhere;color:#68768a;font-size:9px;line-height:1.4}.visual-percentage-calculations section span b{color:#43536a;min-width:92px;margin-right:5px;display:inline-block}.visual-percentage-calculations section p{color:#a95d08;border-top:1px solid #dde5f0;margin:7px 0 0;padding-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800}.visual-path-groups .visual-group{grid-template-columns:minmax(0,1fr) auto;align-items:start;min-width:0}.visual-path-groups .visual-path-sequence{white-space:normal;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:4px;display:flex;overflow:visible}.visual-path-step{color:#344256;background:#fff;border:1px solid #dce4ef;border-radius:999px;align-items:center;gap:4px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:700;display:inline-flex}.visual-path-step i{color:#8a96a8;font-style:normal;font-weight:600}.visual-chart-unavailable{color:#7d8798;text-align:center;background:#f7f9fc;border:1px dashed #ccd5e2;border-radius:5px;margin-bottom:9px;padding:7px;font-size:10px}.visual-metric{background:#f3f7ff;border:1px solid #d8e5ff;border-radius:6px;justify-items:center;margin-bottom:9px;padding:9px;display:grid}.visual-metric small{color:#6d7c93;font-size:10px}.visual-metric strong{color:#1769ff;margin-top:2px;font-size:20px}.visual-bars{gap:6px;margin-bottom:9px;display:grid}.visual-bar-row{color:#66758a;grid-template-columns:minmax(82px,auto) minmax(20px,1fr) 42px;align-items:center;gap:6px;font-size:10px;display:grid}.visual-bar-row>span{overflow-wrap:anywhere;white-space:normal;min-width:0}.visual-bar-row>i{border-radius:3px;min-height:7px;display:block}.visual-bar-row>strong{color:#344256;text-align:right}.visual-donut-wrap{align-items:center;gap:12px;margin-bottom:9px;display:flex}.visual-donut{border:9px solid #0000;border-radius:50%;flex:none;width:48px;height:48px;-webkit-mask:radial-gradient(circle,#0000 43%,#000 45%);mask:radial-gradient(circle,#0000 43%,#000 45%)}.visual-donut-wrap ul{color:#66758a;gap:3px;margin:0;padding:0;font-size:10px;list-style:none;display:grid}.visual-donut-wrap li{align-items:center;gap:4px;display:flex}.visual-donut-wrap li i{border-radius:50%;flex:none;width:6px;height:6px}.visual-table{border-collapse:collapse;color:#526074;width:100%;margin-bottom:9px;font-size:10px}.visual-table th,.visual-table td{text-align:left;border:1px solid #dfe5ed;padding:4px 5px}.visual-table th{background:#f4f7fb}.visual-component-table{table-layout:fixed}.visual-component-table th:first-child,.visual-component-table td:first-child{width:78px}.visual-component-table td:last-child{overflow-wrap:anywhere;max-height:66px;line-height:1.45}.visual-legend{color:#7d8798;gap:10px;margin-top:9px;font-size:10px;display:flex}.visual-legend span{align-items:center;gap:4px;display:flex}.visual-legend i{border-radius:50%;width:7px;height:7px}.visual-empty{text-align:center;color:#7e899b;justify-items:center;padding:24px 18px;display:grid}.visual-empty strong{color:#526074;font-size:13px}.visual-empty p{max-width:240px;margin:5px 0;font-size:11px;line-height:1.45}.mini-chart{align-items:end;gap:5px;height:45px;margin-bottom:10px;display:flex}.mini-chart i{background:#dce8ff;border-radius:3px 3px 0 0;width:8px}.mini-chart i:first-child{height:16px}.mini-chart i:nth-child(2){height:29px}.mini-chart i:nth-child(3){background:#8eb5ff;height:39px}.mini-chart i:nth-child(4){height:22px}.pipeline-bar{border-top:1px solid #ced6e2;grid-template-columns:185px 1fr;align-items:center;min-width:0;padding:10px 18px;display:grid}.pipeline-label{gap:3px;padding-right:18px;display:grid}.pipeline-label span{color:#475569;letter-spacing:.8px;font-size:11px;font-weight:800}.pipeline-label small{color:#919aa9;font-size:10px}.pipeline-stages{border:1px solid #b7c4d8;border-radius:8px;grid-template-columns:repeat(6,1fr);height:58px;display:grid;overflow:hidden}.pipeline-stage{background:#fff;align-items:center;gap:8px;min-width:0;padding:7px 13px;display:flex;position:relative}.pipeline-stage+.pipeline-stage{border-left:1px solid #edf0f4}.stage-icon{color:#64748b;background:#f3f6fa;border:1px solid #d8dfe9;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:grid;position:relative}.pipeline-stage.completed .stage-icon{color:#216be6;background:#edf4ff;border-color:#bad3ff}.pipeline-stage.running .stage-icon{color:#fff;background:var(--blue);border-color:var(--blue);animation:1.4s infinite pulse}.pipeline-stage.failed .stage-icon{color:#c54c43;background:#fff0ee;border-color:#ffc7c1}.pipeline-stage.not_completed .stage-icon{color:#8a94a4;background:#f7f8fa;border-style:dashed}.pipeline-stage.not_completed strong{color:#8a94a4}.stage-icon i{color:#fff;background:var(--green);border:2px solid #fff;border-radius:50%;place-items:center;width:13px;height:13px;display:grid;position:absolute;bottom:-4px;right:-4px}.pipeline-stage>div{grid-template-columns:auto 1fr;align-items:baseline;gap:5px;min-width:0;display:grid}.pipeline-stage small{color:#9aa3b1;font-size:10px}.pipeline-stage strong{color:#596579;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.pipeline-stage.completed strong{color:#26374e}.stage-arrow{z-index:2;color:#a3adba;background:#fff;font-size:15px;position:absolute;right:-8px}@keyframes pulse{50%{box-shadow:0 0 0 5px #1769ff1a}}@keyframes graph-arrive{0%{opacity:0;filter:blur(3px);transform:scale(.94)}58%{opacity:1;filter:blur(.4px)}to{opacity:1;filter:blur();transform:scale(1)}}@media (prefers-reduced-motion:reduce){.graph-canvas{animation:none}}.history-count{color:#31557f;background:#eaf1fa;border-radius:10px;place-items:center;min-width:16px;margin-left:4px;padding:1px 4px;font-size:10px;display:inline-grid}.history-drawer{z-index:30;color:#344256;background:#fff;border:1px solid #d5deeb;border-radius:10px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(760px,100vw - 24px);display:grid;position:fixed;top:72px;bottom:92px;right:12px;overflow:hidden;box-shadow:0 22px 70px #1c2b423d}.history-header{border-bottom:1px solid #e1e6ee;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.history-header h2{align-items:center;gap:7px;margin:0;font-size:16px;display:flex}.history-header button{color:#68758a;cursor:pointer;background:0 0;border:0;place-items:center;padding:5px;display:grid}.history-storage-state{color:#748195;background:#f8fafc;border-bottom:1px solid #e6ebf2;justify-content:space-between;padding:7px 16px;font-size:11px;display:flex}.storage-mode{border-radius:8px;padding:2px 6px;font-weight:700}.storage-mode.persistent{color:#25724a;background:#e6f6ed}.storage-mode.memory{color:#8b5d14;background:#fff2d6}.history-warning{color:#80531b;background:#fff8e8;border-bottom:1px solid #f1d99d;padding:7px 16px;font-size:11px}.history-empty{color:#8792a3;text-align:center;place-content:center;justify-items:center;gap:5px;display:grid}.history-empty strong{color:#58677c;font-size:13px}.history-empty p{margin:0;font-size:11px}.history-content{grid-template-columns:270px minmax(0,1fr);min-height:0;display:grid}.history-list{background:#f7f9fc;border-right:1px solid #e1e6ee;min-height:0;margin:0;padding:7px;list-style:none;overflow-y:auto}.history-list li+li{margin-top:5px}.history-list button{color:#7c8797;text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e6ee;border-radius:6px;justify-items:start;gap:3px;width:100%;padding:8px;display:grid}.history-list button.active{border-color:#78a8fc;box-shadow:inset 0 0 0 1px #cee0ff}.history-list .history-load-more button{color:#2457d6;background:#f5f9ff;justify-items:center}.history-list strong{color:#344256;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;overflow:hidden}.history-list span,.history-list small{font-size:10px}.history-availability{border-radius:8px;padding:2px 5px;font-weight:700}.history-availability.current{color:#24724a;background:#e7f7ed}.history-availability.unavailable{color:#994c49;background:#ffeded}.history-availability.not_current{color:#73591d;background:#fff5d9}.history-detail{min-height:0;padding:14px 16px;font-size:11px;overflow-y:auto}.history-detail h3{color:#26364d;margin:0 0 10px;font-size:14px;line-height:1.4}.history-meta{grid-template-columns:1fr 1fr;gap:7px;margin:0 0 9px;display:grid}.history-meta div{background:#f7f9fc;border-radius:5px;min-width:0;padding:6px}.history-meta dt{color:#8b95a5;font-size:10px}.history-meta dd{overflow-wrap:anywhere;color:#3a4960;margin:2px 0 0;font-weight:700}.history-temporary-note,.history-readonly{color:#73591d;background:#fff8e6;border-radius:5px;padding:6px 7px}.history-answer,.history-issue{border:1px solid #dfe6ef;border-radius:6px;margin:9px 0;padding:8px}.history-answer p,.history-issue p{margin:4px 0;line-height:1.5}.history-issue{color:#85433c;background:#fff4f2;border-color:#f5d2cd}.history-detail details{background:#f7f9fc;border:1px solid #e2e7ef;border-radius:6px;margin-top:8px;padding:7px}.history-detail summary{cursor:pointer;font-weight:700}.history-evidence{gap:5px;margin:7px 0 0;display:grid}.history-evidence div{grid-template-columns:100px minmax(0,1fr);gap:6px;display:grid}.history-evidence dd{overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.history-stages{margin:7px 0 0;padding-left:18px}.history-actions,.history-footer,.history-clear-confirm{align-items:center;gap:7px;display:flex}.history-actions{margin-top:12px}.history-actions button,.history-footer button{color:#245fbd;cursor:pointer;background:#fff;border:1px solid #bed1ee;border-radius:5px;align-items:center;gap:4px;padding:6px 8px;font-size:11px;display:flex}.history-actions button:disabled,.history-footer button:disabled{color:#9aa4b3;cursor:not-allowed;border-color:#dce1e8}.history-footer{border-top:1px solid #e1e6ee;justify-content:flex-end;padding:9px 14px}.history-footer button.danger{color:#a23f38;border-color:#efb9b4}@media (width<=760px){.history-drawer{width:auto;inset:66px 7px 7px}.history-content{grid-template-columns:1fr}.history-list{border-bottom:1px solid #e1e6ee;border-right:0;max-height:180px}}@media (width<=1280px){.app-shell{grid-template-rows:60px 28px minmax(0,1fr) 86px}.top-nav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.main-grid{grid-template-columns:260px minmax(0,1fr) 360px}.primary-nav button{padding:0 9px}.brand-subtitle{font-size:8.5px}.pipeline-bar{grid-template-columns:145px 1fr;padding-inline:12px}.pipeline-stage{gap:5px;padding-inline:8px}.stage-icon{width:29px;height:29px}}@media (width<=1000px){html,body,#root{height:auto;min-height:100%;overflow:auto}.app-shell{grid-template-rows:auto auto auto auto;height:auto;min-height:100dvh;overflow:visible}.top-nav{grid-template-rows:56px 42px;grid-template-columns:minmax(0,1fr) auto;min-width:0;padding:0 12px}.brand{grid-area:1/1}.nav-actions{grid-area:1/2}.primary-nav{scrollbar-width:thin;grid-area:2/1/auto/-1;justify-content:center;gap:0;overflow-x:auto}.primary-nav button{flex:none}.system-title{min-height:28px}.main-grid{grid-template-rows:minmax(520px,68vh) auto;grid-template-columns:minmax(240px,280px) minmax(0,1fr);min-width:0}.sidebar{grid-area:1/1}.workspace{border-right:0;grid-area:1/2}.question-panel{border-top:1px solid var(--line);grid-area:2/1/auto/-1;max-height:none;overflow:visible}.question-templates{grid-template-columns:repeat(3,minmax(0,1fr))}.pipeline-bar{grid-template-columns:1fr;gap:8px;padding:12px;overflow-x:auto}.pipeline-label{padding-right:0}.pipeline-stages{min-width:700px}.history-drawer{top:108px;bottom:12px}}@media (width<=700px){.top-nav{grid-template-rows:auto auto;padding-top:7px}.brand{min-height:45px}.brand-name{font-size:16px}.brand-subtitle{display:none}.ready-state{margin-right:2px}.nav-actions>button{display:none}.primary-nav{min-height:42px}.system-title{padding:7px 12px;line-height:1.4}.main-grid{grid-template-rows:auto minmax(520px,70vh) auto;grid-template-columns:minmax(0,1fr)}.sidebar{border-right:0;border-bottom:1px solid var(--line);grid-area:1/1;max-height:none;overflow:visible}.workspace{border-bottom:1px solid var(--line);grid-area:2/1;min-height:520px}.question-panel{grid-area:3/1}.question-templates{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-header{padding-inline:10px}.workspace-mode-controls label>span{display:none}.workspace-mode-controls select{max-width:86px}.layout-badge{display:none}.pipeline-bar{overflow:visible}.pipeline-stages{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;height:auto}.pipeline-stage{border-bottom:1px solid #edf0f4;min-height:56px}.pipeline-stage+.pipeline-stage{border-left:0}.pipeline-stage:nth-child(2n){border-left:1px solid #edf0f4}.stage-arrow{display:none}.history-drawer{width:auto;inset:105px 7px 7px}}