.ScrollPipelineExplorer-module__SZeyhG__root{--pipe-phase1:#de3b3d;--pipe-phase1-bg:#de3b3d24;--pipe-phase1-border:#de3b3d40;--pipe-phase1-subtle:#de3b3d1a;--pipe-phase2:#d27300;--pipe-phase2-bg:#d2730040;--pipe-phase2-border:#d2730040;--pipe-phase2-subtle:#d273001a;--pipe-phase3:#00949b;--pipe-phase3-bg:#00949b38;--pipe-phase3-border:#00949b40;--pipe-phase3-subtle:#00949b1a;--pipe-phase4:#309210;--pipe-phase4-bg:#30921038;--pipe-phase4-border:#30921040;--pipe-phase4-subtle:#3092101a;--pipe-active:var(--pipe-phase1)}@supports (color:lab(0% 0 0)){.ScrollPipelineExplorer-module__SZeyhG__root{--pipe-phase1:lab(51.5803% 63.2457 38.9399);--pipe-phase1-bg:lab(51.5803% 63.2457 38.9399/.14);--pipe-phase1-border:lab(51.5803% 63.2457 38.9399/.25);--pipe-phase1-subtle:lab(51.5803% 63.2457 38.9399/.1);--pipe-phase2:lab(58.529% 39.7815 97.1755);--pipe-phase2-bg:lab(58.529% 39.7815 97.1755/.25);--pipe-phase2-border:lab(58.529% 39.7815 97.1755/.25);--pipe-phase2-subtle:lab(58.529% 39.7815 97.1755/.1);--pipe-phase3:lab(55.2917% -55.5081 -22.6371);--pipe-phase3-bg:lab(55.2917% -55.5081 -22.6371/.22);--pipe-phase3-border:lab(55.2917% -55.5081 -22.6371/.25);--pipe-phase3-subtle:lab(55.2917% -55.5081 -22.6371/.1);--pipe-phase4:lab(53.2655% -45.8921 51.6772);--pipe-phase4-bg:lab(53.2655% -45.8921 51.6772/.22);--pipe-phase4-border:lab(53.2655% -45.8921 51.6772/.25);--pipe-phase4-subtle:lab(53.2655% -45.8921 51.6772/.1)}}.ScrollPipelineExplorer-module__SZeyhG__phases{background:var(--color-border);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.ScrollPipelineExplorer-module__SZeyhG__phaseBtn{padding:var(--space-2) var(--space-3);background:var(--color-surface);cursor:pointer;text-align:left;border:none;flex-direction:column;align-items:flex-start;gap:2px;transition:background .15s;display:flex}.ScrollPipelineExplorer-module__SZeyhG__phaseBtn:hover{background:var(--color-surface-2)}.ScrollPipelineExplorer-module__SZeyhG__phaseBtnActive{background:var(--color-surface-2);box-shadow:inset 0 -3px 0 var(--pipe-active);}.ScrollPipelineExplorer-module__SZeyhG__phaseNum{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);font-size:10px;font-weight:700}.ScrollPipelineExplorer-module__SZeyhG__phaseBtnActive .ScrollPipelineExplorer-module__SZeyhG__phaseNum{color:var(--pipe-active)}.ScrollPipelineExplorer-module__SZeyhG__phaseName{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);font-weight:600}.ScrollPipelineExplorer-module__SZeyhG__layout{gap:var(--space-4);padding:var(--space-4);grid-template-columns:1fr 200px;align-items:start;min-height:400px;display:grid}.ScrollPipelineExplorer-module__SZeyhG__scrollArea{gap:var(--space-3);flex-direction:column;display:flex}.ScrollPipelineExplorer-module__SZeyhG__scroller{border:2px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-bg);scrollbar-width:thin;position:relative;overflow-y:auto}.ScrollPipelineExplorer-module__SZeyhG__spacer{position:relative}.ScrollPipelineExplorer-module__SZeyhG__spacerWithGuide{border-right:2px dashed var(--pipe-phase2-border);}.ScrollPipelineExplorer-module__SZeyhG__row{align-items:center;gap:var(--space-2);padding:0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);border-left:4px solid #0000;display:flex}.ScrollPipelineExplorer-module__SZeyhG__rowNaive{background:var(--pipe-phase1-bg);border-left-color:var(--pipe-phase1-border);color:var(--color-muted);border-bottom:1px solid var(--color-border);position:relative;}.ScrollPipelineExplorer-module__SZeyhG__rowPositioned{border-bottom:1px solid var(--color-border);position:absolute;left:0;right:0;}.ScrollPipelineExplorer-module__SZeyhG__rowVisible{background:var(--pipe-phase2-bg);border-left-color:var(--pipe-phase2);color:var(--color-text);}.ScrollPipelineExplorer-module__SZeyhG__rowTransform{background:var(--pipe-phase3-bg);border-left-color:var(--pipe-phase3);color:var(--color-text);}.ScrollPipelineExplorer-module__SZeyhG__rowOverscan{background:var(--pipe-phase4-bg);border-left-color:var(--pipe-phase4);color:var(--color-muted);border-left-style:dashed;}.ScrollPipelineExplorer-module__SZeyhG__rowIdx{min-width:4ch;font-weight:700}.ScrollPipelineExplorer-module__SZeyhG__rowDetail{opacity:.7;font-variant-numeric:tabular-nums;text-align:right;flex:1;font-size:10px}.ScrollPipelineExplorer-module__SZeyhG__phaseExplain{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);border-radius:var(--radius-2);border:1px solid;font-size:11px;line-height:1.5;display:flex}.ScrollPipelineExplorer-module__SZeyhG__phaseExplain1{color:var(--pipe-phase1);background:var(--pipe-phase1-subtle);border-color:var(--pipe-phase1-border);}.ScrollPipelineExplorer-module__SZeyhG__phaseExplain2{color:var(--pipe-phase2);background:var(--pipe-phase2-subtle);border-color:var(--pipe-phase2-border);}.ScrollPipelineExplorer-module__SZeyhG__phaseExplain3{color:var(--pipe-phase3);background:var(--pipe-phase3-subtle);border-color:var(--pipe-phase3-border);}.ScrollPipelineExplorer-module__SZeyhG__phaseExplain4{color:var(--pipe-phase4);background:var(--pipe-phase4-subtle);border-color:var(--pipe-phase4-border);}.ScrollPipelineExplorer-module__SZeyhG__metrics{background:var(--color-surface-2);border-radius:var(--radius-2);border:1px solid var(--color-border);flex-direction:column;gap:0;display:flex;overflow:hidden}.ScrollPipelineExplorer-module__SZeyhG__metricRow{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;display:flex}.ScrollPipelineExplorer-module__SZeyhG__metricRow:last-child{border-bottom:none}.ScrollPipelineExplorer-module__SZeyhG__metricLabel{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);font-size:10px}.ScrollPipelineExplorer-module__SZeyhG__metricValue{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:700}.ScrollPipelineExplorer-module__SZeyhG__metricGood{color:var(--pipe-phase4);}.ScrollPipelineExplorer-module__SZeyhG__metricBad{color:var(--pipe-phase1);}.ScrollPipelineExplorer-module__SZeyhG__frameBudget{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);gap:var(--space-1);flex-direction:column;display:flex}.ScrollPipelineExplorer-module__SZeyhG__frameBudgetTrack{background:var(--color-surface);border:1px solid var(--color-border);border-radius:7px;height:14px;position:relative;overflow:hidden}.ScrollPipelineExplorer-module__SZeyhG__frameBudgetFill{border-radius:7px;height:100%;transition:width .3s}.ScrollPipelineExplorer-module__SZeyhG__frameBudgetFillBad{background:var(--pipe-phase1);}.ScrollPipelineExplorer-module__SZeyhG__frameBudgetFillGood{background:var(--pipe-phase4);}.ScrollPipelineExplorer-module__SZeyhG__frameBudgetLabel{padding-right:var(--space-2);font-family:var(--font-mono);color:var(--color-muted);justify-content:flex-end;align-items:center;font-size:9px;font-weight:600;display:flex;position:absolute;inset:0}.ScrollPipelineExplorer-module__SZeyhG__domBars{gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.ScrollPipelineExplorer-module__SZeyhG__domBarLabel{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin-bottom:var(--space-1);font-size:10px}.ScrollPipelineExplorer-module__SZeyhG__domBarRow{align-items:center;gap:var(--space-2);display:flex}.ScrollPipelineExplorer-module__SZeyhG__domBarPhase{font-family:var(--font-mono);min-width:16px;color:var(--color-muted);font-size:10px;font-weight:600}.ScrollPipelineExplorer-module__SZeyhG__domBarTrack{background:var(--color-surface);border-radius:4px;flex:1;height:8px;overflow:hidden}.ScrollPipelineExplorer-module__SZeyhG__domBarFill{border-radius:4px;height:100%;transition:width .3s}.ScrollPipelineExplorer-module__SZeyhG__domBarFillActive{opacity:1;}.ScrollPipelineExplorer-module__SZeyhG__domBarFillInactive{opacity:.35;}.ScrollPipelineExplorer-module__SZeyhG__domBarCount{font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums;min-width:50px;font-size:10px;font-weight:700}@media (max-width:680px){.ScrollPipelineExplorer-module__SZeyhG__phases{grid-template-columns:repeat(2,1fr)}.ScrollPipelineExplorer-module__SZeyhG__layout{grid-template-columns:1fr}.ScrollPipelineExplorer-module__SZeyhG__metrics{flex-flow:wrap}.ScrollPipelineExplorer-module__SZeyhG__metricRow{border-bottom:none;border-right:1px solid var(--color-border);flex:auto;min-width:100px}.ScrollPipelineExplorer-module__SZeyhG__metricRow:last-child{border-right:none}}@media (prefers-reduced-motion:reduce){.ScrollPipelineExplorer-module__SZeyhG__phaseBtn,.ScrollPipelineExplorer-module__SZeyhG__domBarFill,.ScrollPipelineExplorer-module__SZeyhG__frameBudgetFill,.ScrollPipelineExplorer-module__SZeyhG__frameBudgetFillBad,.ScrollPipelineExplorer-module__SZeyhG__frameBudgetFillGood{transition:none}}