.JavaScriptPerfLab-module__5hsUWG__labRoot{height:100%;font-family:var(--font-mono);background:var(--color-bg);flex-direction:column;display:flex;overflow:hidden}.JavaScriptPerfLab-module__5hsUWG__stepBar{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;display:flex}.JavaScriptPerfLab-module__5hsUWG__stepDot{min-width:1.4rem;height:1.4rem;font-family:var(--font-mono);color:var(--color-muted);border:1px solid var(--color-border);padding:0 var(--space-1);border-radius:999px;justify-content:center;align-items:center;font-size:.56rem;font-weight:700;transition:all .15s;display:inline-flex}.JavaScriptPerfLab-module__5hsUWG__stepDot[data-active=true]{color:var(--diagram-layer-4);border-color:color-mix(in srgb, var(--diagram-layer-4) 40%, transparent)}.JavaScriptPerfLab-module__5hsUWG__stepDot[data-current=true]{color:var(--color-bg);background:var(--diagram-layer-4);border-color:var(--diagram-layer-4);box-shadow:0 0 0 3px color-mix(in srgb, var(--diagram-layer-4) 25%, transparent);font-weight:700;animation:2s ease-in-out infinite JavaScriptPerfLab-module__5hsUWG__stepPulse}@keyframes JavaScriptPerfLab-module__5hsUWG__stepPulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--diagram-layer-4) 25%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--diagram-layer-4) 12%, transparent)}}.JavaScriptPerfLab-module__5hsUWG__scrollArea{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.JavaScriptPerfLab-module__5hsUWG__stepView{gap:var(--space-3);flex-direction:column;display:flex}.JavaScriptPerfLab-module__5hsUWG__flamePanel{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);gap:var(--space-3);flex-direction:column;display:flex}.JavaScriptPerfLab-module__5hsUWG__flameTitle{color:var(--color-text);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:700}.JavaScriptPerfLab-module__5hsUWG__flameCaption{color:var(--color-muted);margin:0;font-size:.62rem;line-height:1.5}.JavaScriptPerfLab-module__5hsUWG__codeCallout{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-1);background:color-mix(in srgb, var(--diagram-layer-4) 8%, var(--color-bg));border:1px solid color-mix(in srgb, var(--diagram-layer-4) 25%, var(--color-border));flex-direction:column;display:flex}.JavaScriptPerfLab-module__5hsUWG__codeBadge{font-family:var(--font-mono);padding:var(--space-1) var(--space-2);border-radius:var(--radius-1);background:var(--color-bg);border:1px solid var(--color-border);color:var(--diagram-layer-4);word-break:break-word;align-self:flex-start;font-size:.62rem;font-weight:700}.JavaScriptPerfLab-module__5hsUWG__codeNote{color:var(--color-text);font-size:.62rem;line-height:1.55}.JavaScriptPerfLab-module__5hsUWG__codeNote code{font-family:var(--font-mono);background:var(--color-bg);border-radius:var(--radius-1);border:1px solid var(--color-border);color:var(--diagram-layer-4);padding:1px 4px;font-size:.6rem}.JavaScriptPerfLab-module__5hsUWG__flameChart{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-2);padding:var(--space-3);gap:var(--space-2);flex-direction:column;min-height:220px;display:flex;position:relative}.JavaScriptPerfLab-module__5hsUWG__flameChartHeader{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.JavaScriptPerfLab-module__5hsUWG__ttiPill{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-surface-2);border:1px solid var(--color-border);font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:999px;font-weight:700;display:inline-flex}.JavaScriptPerfLab-module__5hsUWG__ttiPillLabel{color:var(--color-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.5rem}.JavaScriptPerfLab-module__5hsUWG__ttiPillValue{font-size:.85rem;font-weight:800}.JavaScriptPerfLab-module__5hsUWG__ttiPill[data-rating=good] .JavaScriptPerfLab-module__5hsUWG__ttiPillValue{color:var(--color-success)}.JavaScriptPerfLab-module__5hsUWG__ttiPill[data-rating=needs-improvement] .JavaScriptPerfLab-module__5hsUWG__ttiPillValue{color:var(--color-warning)}.JavaScriptPerfLab-module__5hsUWG__ttiPill[data-rating=poor] .JavaScriptPerfLab-module__5hsUWG__ttiPillValue{color:var(--color-error)}.JavaScriptPerfLab-module__5hsUWG__longTaskPill{padding:var(--space-1) var(--space-2);text-transform:uppercase;letter-spacing:.1em;background:var(--color-surface-2);color:var(--color-muted);border:1px solid var(--color-border);border-radius:999px;font-size:.5rem;font-weight:700}.JavaScriptPerfLab-module__5hsUWG__longTaskPill[data-count="0"]{color:var(--color-success);border-color:color-mix(in srgb, var(--color-success) 35%, var(--color-border))}.JavaScriptPerfLab-module__5hsUWG__longTaskPill:not([data-count="0"]){color:var(--color-error);border-color:color-mix(in srgb, var(--color-error) 45%, var(--color-border));background:color-mix(in srgb, var(--color-error) 8%, var(--color-surface-2))}.JavaScriptPerfLab-module__5hsUWG__flameRuler{border-bottom:1px solid var(--color-border);height:16px;margin-left:56px;position:relative}.JavaScriptPerfLab-module__5hsUWG__flameRulerTick{background:var(--color-border);width:1px;position:absolute;top:0;bottom:0}.JavaScriptPerfLab-module__5hsUWG__flameRulerLabel{color:var(--color-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.5rem;position:absolute;top:-1px;left:4px}.JavaScriptPerfLab-module__5hsUWG__flameLane{align-items:stretch;gap:var(--space-2);min-height:44px;transition:opacity .2s;display:flex}.JavaScriptPerfLab-module__5hsUWG__flameLane[data-lane=worker]:not([data-active=true]){opacity:.5}.JavaScriptPerfLab-module__5hsUWG__flameLaneLabel{text-transform:uppercase;letter-spacing:.1em;width:48px;color:var(--color-muted);text-align:right;flex-shrink:0;align-self:center;font-size:.5rem;font-weight:700}.JavaScriptPerfLab-module__5hsUWG__flameLaneTrack{background:color-mix(in srgb, var(--color-surface) 60%, var(--color-bg));border:1px dashed var(--color-border);border-radius:var(--radius-1);flex:1;min-height:40px;position:relative}.JavaScriptPerfLab-module__5hsUWG__flameLaneEmpty{color:var(--color-muted);justify-content:center;align-items:center;font-size:.6rem;font-style:italic;display:flex;position:absolute;inset:0}.JavaScriptPerfLab-module__5hsUWG__flameBlock{padding:0 var(--space-2);border-radius:var(--radius-1);font-family:var(--font-mono);cursor:default;border:1px solid color-mix(in srgb, var(--color-bg) 35%, transparent);justify-content:flex-start;align-items:center;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.JavaScriptPerfLab-module__5hsUWG__flameBlock[data-long=true]{outline:1.5px solid var(--color-error);outline-offset:-2px}.JavaScriptPerfLab-module__5hsUWG__flameBlock[data-highlight=true]{outline:2px solid var(--color-warning);outline-offset:-2px;z-index:2;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-warning) 20%, transparent)}.JavaScriptPerfLab-module__5hsUWG__flameBlockLabel{color:var(--color-bg);white-space:nowrap;text-overflow:ellipsis;font-size:.56rem;font-weight:700;overflow:hidden}.JavaScriptPerfLab-module__5hsUWG__flameWarning{pointer-events:none;width:12px;height:12px;filter:drop-shadow(0 0 1px var(--color-bg));justify-content:center;align-items:center;display:flex;position:absolute;top:-6px;right:-2px}.JavaScriptPerfLab-module__5hsUWG__flameBlock[data-deferred=true]{opacity:.55;background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--color-text) 12%, transparent) 0, color-mix(in srgb, var(--color-text) 12%, transparent) 4px, transparent 4px, transparent 8px), var(--card-color,var(--color-text));border-style:dashed}.JavaScriptPerfLab-module__5hsUWG__clickEvent{z-index:3;pointer-events:none;position:absolute;top:-18px;bottom:0}.JavaScriptPerfLab-module__5hsUWG__clickEventIcon{color:var(--color-text);justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:-6px}.JavaScriptPerfLab-module__5hsUWG__clickEventLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text);white-space:nowrap;background:color-mix(in srgb, var(--color-bg) 90%, transparent);border-radius:var(--radius-1);padding:0 4px;font-size:.5rem;font-weight:700;position:absolute;top:0;left:10px}.JavaScriptPerfLab-module__5hsUWG__clickEventWait{background:repeating-linear-gradient(90deg, var(--color-warning) 0, var(--color-warning) 4px, transparent 4px, transparent 8px);opacity:.85;border-radius:2px;height:6px;position:absolute;top:14px;left:0}.JavaScriptPerfLab-module__5hsUWG__clickEventWaitLabel{color:var(--color-warning);white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;font-size:.48rem;font-weight:700;position:absolute;top:8px;left:2px}.JavaScriptPerfLab-module__5hsUWG__firstPaintLine{background:var(--color-warning);z-index:1;width:2px;position:absolute;top:0;bottom:0}.JavaScriptPerfLab-module__5hsUWG__firstPaintLabel{text-transform:uppercase;letter-spacing:.06em;color:var(--color-warning);white-space:nowrap;background:color-mix(in srgb, var(--color-bg) 85%, transparent);border-radius:var(--radius-1);padding:1px 4px;font-size:.5rem;font-weight:700;position:absolute;top:2px;left:4px}.JavaScriptPerfLab-module__5hsUWG__ttiMarker{background:var(--color-success);z-index:2;width:2px;position:absolute;top:0;bottom:0}.JavaScriptPerfLab-module__5hsUWG__ttiMarker[data-rating=good]{background:var(--color-success)}.JavaScriptPerfLab-module__5hsUWG__ttiMarker[data-rating=needs-improvement]{background:var(--color-warning)}.JavaScriptPerfLab-module__5hsUWG__ttiMarker[data-rating=poor]{background:var(--color-error)}.JavaScriptPerfLab-module__5hsUWG__ttiMarkerLabel{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--color-text);background:color-mix(in srgb, var(--color-bg) 85%, transparent);border-radius:var(--radius-1);padding:1px 4px;font-size:.5rem;font-weight:800;position:absolute;bottom:2px;right:4px}.JavaScriptPerfLab-module__5hsUWG__step6Wrapper{gap:var(--space-3);flex-direction:column;display:flex}.JavaScriptPerfLab-module__5hsUWG__dragInteractive{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);flex-direction:column;display:flex}.JavaScriptPerfLab-module__5hsUWG__interactiveHeader{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.JavaScriptPerfLab-module__5hsUWG__interactiveTitle{color:var(--color-text);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:700}.JavaScriptPerfLab-module__5hsUWG__resetButton{padding:var(--space-1) var(--space-3);border-radius:var(--radius-1);border:1px solid var(--color-border);background:var(--color-bg);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);cursor:pointer;font-size:.56rem;font-weight:700;transition:all .15s}.JavaScriptPerfLab-module__5hsUWG__resetButton:hover{color:var(--color-text);border-color:var(--diagram-layer-4)}.JavaScriptPerfLab-module__5hsUWG__ttiHeadline{align-items:baseline;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-2);background:var(--color-bg);border:1px solid var(--color-border);flex-wrap:wrap;display:flex}.JavaScriptPerfLab-module__5hsUWG__ttiHeadlineLabel{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);font-size:.5rem;font-weight:700}.JavaScriptPerfLab-module__5hsUWG__ttiHeadlineValue{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800;font-family:var(--font-mono);line-height:1}.JavaScriptPerfLab-module__5hsUWG__ttiHeadlineValue[data-rating=good]{color:var(--color-success)}.JavaScriptPerfLab-module__5hsUWG__ttiHeadlineValue[data-rating=needs-improvement]{color:var(--color-warning)}.JavaScriptPerfLab-module__5hsUWG__ttiHeadlineValue[data-rating=poor]{color:var(--color-error)}.JavaScriptPerfLab-module__5hsUWG__ttiFormula{color:var(--color-muted);flex:1;min-width:0;font-size:.56rem;line-height:1.4}.JavaScriptPerfLab-module__5hsUWG__ttiFormula strong{color:var(--color-error);font-weight:700}.JavaScriptPerfLab-module__5hsUWG__zoneGrid{gap:var(--space-2);grid-template-columns:1fr;display:grid}@media (min-width:720px){.JavaScriptPerfLab-module__5hsUWG__zoneGrid{grid-template-columns:1fr 1fr 1fr}}.JavaScriptPerfLab-module__5hsUWG__dragZone{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-2);border:2px solid var(--zone-color,var(--color-border));background:color-mix(in srgb, var(--zone-color,var(--color-border)) 5%, var(--color-bg));flex-direction:column;min-height:220px;transition:background .15s,border-style .15s;display:flex}.JavaScriptPerfLab-module__5hsUWG__dragZone[data-empty=true]{border-style:dashed}.JavaScriptPerfLab-module__5hsUWG__dragZone[data-hover=true]{background:color-mix(in srgb, var(--zone-color,var(--color-border)) 18%, var(--color-bg));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--zone-color,var(--color-border)) 50%, transparent)}.JavaScriptPerfLab-module__5hsUWG__zoneHeader{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.JavaScriptPerfLab-module__5hsUWG__zoneTitle{color:var(--zone-color,var(--color-text));text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:800}.JavaScriptPerfLab-module__5hsUWG__zoneCount{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.5rem}.JavaScriptPerfLab-module__5hsUWG__zoneSum{color:var(--color-text);font-weight:700}.JavaScriptPerfLab-module__5hsUWG__zoneSubtitle{color:var(--color-muted);font-size:.56rem;line-height:1.4}.JavaScriptPerfLab-module__5hsUWG__zoneBody{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.JavaScriptPerfLab-module__5hsUWG__zoneEmpty{color:var(--color-muted);border-radius:var(--radius-1);background:color-mix(in srgb, var(--zone-color,var(--color-border)) 4%, var(--color-bg));border:1px dashed color-mix(in srgb, var(--zone-color,var(--color-border)) 40%, transparent);min-height:96px;padding:var(--space-3);flex:1;justify-content:center;align-items:center;font-size:.6rem;font-style:italic;display:flex}.JavaScriptPerfLab-module__5hsUWG__keyboardHint{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:.56rem;line-height:1.4;display:flex}.JavaScriptPerfLab-module__5hsUWG__keyboardHint kbd{min-width:18px;font-family:var(--font-mono);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-1);border-bottom-width:2px;justify-content:center;align-items:center;margin:0 2px;padding:1px 6px;font-size:.5rem;font-weight:700;display:inline-flex}.JavaScriptPerfLab-module__5hsUWG__srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.JavaScriptPerfLab-module__5hsUWG__scriptCard{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-1);background:var(--color-surface);border:1px solid color-mix(in srgb, var(--card-color,var(--color-border)) 45%, var(--color-border));cursor:grab;-webkit-user-select:none;user-select:none;font-family:var(--font-mono);transition:border-color .15s,background .15s;display:flex;position:relative}.JavaScriptPerfLab-module__5hsUWG__scriptCard:focus-visible{outline:2px solid var(--diagram-layer-4);outline-offset:2px;border-color:var(--diagram-layer-4)}.JavaScriptPerfLab-module__5hsUWG__scriptCard:active,.JavaScriptPerfLab-module__5hsUWG__scriptCard[data-dragging=true]{cursor:grabbing;border-color:var(--card-color,var(--color-text));background:color-mix(in srgb, var(--card-color,var(--color-text)) 12%, var(--color-surface))}.JavaScriptPerfLab-module__5hsUWG__scriptCard[data-shaking=true]{border-color:var(--color-error);background:color-mix(in srgb, var(--color-error) 18%, var(--color-surface));box-shadow:0 0 0 3px color-mix(in srgb, var(--color-error) 30%, transparent)}.JavaScriptPerfLab-module__5hsUWG__scriptCardActions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.JavaScriptPerfLab-module__5hsUWG__scriptCardMoveBtn{padding:3px var(--space-2);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-1);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-muted);cursor:pointer;min-height:24px;font-size:.48rem;font-weight:700;transition:all .15s}.JavaScriptPerfLab-module__5hsUWG__scriptCardMoveBtn:hover,.JavaScriptPerfLab-module__5hsUWG__scriptCardMoveBtn:focus-visible{outline:2px solid var(--diagram-layer-4);outline-offset:2px;color:var(--color-text);border-color:var(--diagram-layer-4)}.JavaScriptPerfLab-module__5hsUWG__scriptCardMoveBtn[data-target=critical]:hover{color:var(--color-error);border-color:var(--color-error)}.JavaScriptPerfLab-module__5hsUWG__scriptCardMoveBtn[data-target=deferred]:hover{color:var(--color-success);border-color:var(--color-success)}.JavaScriptPerfLab-module__5hsUWG__scriptCardMoveBtn[data-target=worker]:hover{color:var(--diagram-layer-4);border-color:var(--diagram-layer-4)}.JavaScriptPerfLab-module__5hsUWG__scriptCardDot{border-radius:var(--radius-1);background:var(--card-color,var(--color-text));flex-shrink:0;width:8px;height:8px}.JavaScriptPerfLab-module__5hsUWG__scriptCardBody{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.JavaScriptPerfLab-module__5hsUWG__scriptCardLabel{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;font-weight:700;overflow:hidden}.JavaScriptPerfLab-module__5hsUWG__scriptCardMeta{color:var(--color-muted);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:.5rem}.JavaScriptPerfLab-module__5hsUWG__scriptCardBadge{text-transform:uppercase;letter-spacing:.08em;background:color-mix(in srgb, var(--diagram-layer-4) 14%, var(--color-bg));color:var(--diagram-layer-4);border:1px solid color-mix(in srgb, var(--diagram-layer-4) 40%, transparent);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 6px;font-size:.5rem;font-weight:700}.JavaScriptPerfLab-module__5hsUWG__bounceMessage{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-2);background:color-mix(in srgb, var(--color-error) 8%, var(--color-surface));border:1px solid var(--color-error);color:var(--color-text);font-size:.62rem;line-height:1.5;display:flex}.JavaScriptPerfLab-module__5hsUWG__bounceIcon{background:var(--color-error);width:20px;height:20px;color:var(--color-bg);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.68rem;font-weight:800;display:flex}.JavaScriptPerfLab-module__5hsUWG__insightMessage{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-2);background:color-mix(in srgb, var(--diagram-layer-4) 6%, var(--color-surface));border:1px solid color-mix(in srgb, var(--diagram-layer-4) 40%, var(--color-border));color:var(--color-text);font-size:.62rem;line-height:1.5;display:flex}.JavaScriptPerfLab-module__5hsUWG__insightIcon{background:var(--diagram-layer-4);width:20px;height:20px;color:var(--color-bg);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.68rem;font-weight:800;display:flex}@media (prefers-reduced-motion:reduce){.JavaScriptPerfLab-module__5hsUWG__stepDot[data-current=true]{animation:none}.JavaScriptPerfLab-module__5hsUWG__flameChart,.JavaScriptPerfLab-module__5hsUWG__scriptCard{transition:none}}
.CSSPerfLab-module__rXfGZa__labRoot{height:100%;font-family:var(--font-mono);background:var(--color-bg);color:var(--color-text);flex-direction:column;display:flex;overflow:hidden}.CSSPerfLab-module__rXfGZa__budgetBar{gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex-shrink:0;display:flex}.CSSPerfLab-module__rXfGZa__budgetHeader{justify-content:space-between;align-items:center;display:flex}.CSSPerfLab-module__rXfGZa__budgetLabel{text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted);font-size:.56rem;font-weight:700}.CSSPerfLab-module__rXfGZa__budgetReadout{align-items:baseline;gap:var(--space-2);display:inline-flex}.CSSPerfLab-module__rXfGZa__budgetValue{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:.95rem;font-weight:800}.CSSPerfLab-module__rXfGZa__budgetValue[data-rating=good]{color:var(--color-success)}.CSSPerfLab-module__rXfGZa__budgetValue[data-rating=needs-improvement]{color:var(--color-warning)}.CSSPerfLab-module__rXfGZa__budgetValue[data-rating=poor]{color:var(--color-error)}.CSSPerfLab-module__rXfGZa__budgetTarget{color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.5rem}.CSSPerfLab-module__rXfGZa__budgetWins{letter-spacing:.1em;padding:1px var(--space-1);border-radius:var(--radius-1);background:var(--color-success);color:var(--color-bg);font-size:.52rem;font-weight:800}.CSSPerfLab-module__rXfGZa__budgetTrack{background:var(--color-bg);border-radius:var(--radius-1);height:6px;position:relative;overflow:hidden}.CSSPerfLab-module__rXfGZa__budgetFill{border-radius:var(--radius-1);position:absolute;inset:0 auto 0 0}.CSSPerfLab-module__rXfGZa__budgetFill[data-rating=good]{background:var(--color-success)}.CSSPerfLab-module__rXfGZa__budgetFill[data-rating=needs-improvement]{background:var(--color-warning)}.CSSPerfLab-module__rXfGZa__budgetFill[data-rating=poor]{background:var(--color-error)}.CSSPerfLab-module__rXfGZa__budgetMarker{background:var(--color-muted);opacity:.5;z-index:2;width:2px;position:absolute;top:-2px;bottom:-2px}.CSSPerfLab-module__rXfGZa__budgetAxis{color:var(--color-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.5rem;display:flex}.CSSPerfLab-module__rXfGZa__stepBar{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;display:flex}.CSSPerfLab-module__rXfGZa__stepDot{min-width:1.4rem;height:1.4rem;font-family:var(--font-mono);color:var(--color-muted);border:1px solid var(--color-border);padding:0 var(--space-1);border-radius:999px;justify-content:center;align-items:center;font-size:.56rem;font-weight:700;transition:all .15s;display:inline-flex}.CSSPerfLab-module__rXfGZa__stepDot[data-active=true]{color:var(--diagram-layer-7);border-color:color-mix(in srgb, var(--diagram-layer-7) 40%, transparent)}.CSSPerfLab-module__rXfGZa__stepDot[data-current=true]{color:var(--color-bg);background:var(--diagram-layer-7);border-color:var(--diagram-layer-7);box-shadow:0 0 0 3px color-mix(in srgb, var(--diagram-layer-7) 25%, transparent);animation:2s ease-in-out infinite CSSPerfLab-module__rXfGZa__stepPulse}@keyframes CSSPerfLab-module__rXfGZa__stepPulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--diagram-layer-7) 25%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--diagram-layer-7) 12%, transparent)}}@media (prefers-reduced-motion:reduce){.CSSPerfLab-module__rXfGZa__stepDot[data-current=true]{animation:none}}.CSSPerfLab-module__rXfGZa__scrollArea{padding:var(--space-3);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.CSSPerfLab-module__rXfGZa__stepPanel{gap:var(--space-3);flex-direction:column;display:flex}.CSSPerfLab-module__rXfGZa__stepHeader{flex-direction:column;gap:2px;display:flex}.CSSPerfLab-module__rXfGZa__stepEyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted);font-size:.5rem;font-weight:700}.CSSPerfLab-module__rXfGZa__stepTitle{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:-.01em;font-weight:700}.CSSPerfLab-module__rXfGZa__widgetPanel{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);gap:var(--space-2);flex-direction:column;display:flex}.CSSPerfLab-module__rXfGZa__widgetTitle{color:var(--color-text);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:700}.CSSPerfLab-module__rXfGZa__widgetNote{color:var(--color-muted);margin:0;font-size:.62rem;line-height:1.5}.CSSPerfLab-module__rXfGZa__captionBlock{color:var(--color-muted);padding:var(--space-2);border-left:2px solid var(--diagram-layer-7);background:color-mix(in srgb, var(--diagram-layer-7) 4%, var(--color-bg));border-radius:var(--radius-1);margin:0;font-size:.6rem;line-height:1.5}.CSSPerfLab-module__rXfGZa__captionInline{color:var(--color-text);margin:0;font-size:.6rem;line-height:1.5}.CSSPerfLab-module__rXfGZa__modeChips{gap:var(--space-2);flex-wrap:wrap;display:flex}.CSSPerfLab-module__rXfGZa__modeChip{min-width:110px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-bg);cursor:pointer;font-family:var(--font-mono);text-align:left;flex-direction:column;flex:1;gap:2px;min-height:44px;transition:all .15s;display:flex}.CSSPerfLab-module__rXfGZa__modeChip:hover{border-color:color-mix(in srgb, var(--diagram-layer-7) 50%, var(--color-border))}.CSSPerfLab-module__rXfGZa__modeChip:focus-visible{outline:2px solid var(--diagram-layer-7);outline-offset:1px}.CSSPerfLab-module__rXfGZa__modeChip[data-active=true]{border-color:var(--diagram-layer-7);background:color-mix(in srgb, var(--diagram-layer-7) 8%, var(--color-bg))}.CSSPerfLab-module__rXfGZa__modeChipLabel{color:var(--color-text);font-size:.65rem;font-weight:700}.CSSPerfLab-module__rXfGZa__modeChip[data-active=true] .CSSPerfLab-module__rXfGZa__modeChipLabel{color:var(--diagram-layer-7)}.CSSPerfLab-module__rXfGZa__modeChipCaption{color:var(--color-muted);letter-spacing:.04em;font-size:.5rem}.CSSPerfLab-module__rXfGZa__modeChipsInline{gap:var(--space-1);display:inline-flex}.CSSPerfLab-module__rXfGZa__modeChipInline{font-family:var(--font-mono);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-muted);cursor:pointer;border-radius:999px;min-height:28px;font-size:.56rem;font-weight:600;transition:all .15s}.CSSPerfLab-module__rXfGZa__modeChipInline[data-active=true]{border-color:var(--diagram-layer-7);color:var(--diagram-layer-7);background:color-mix(in srgb, var(--diagram-layer-7) 10%, var(--color-bg))}.CSSPerfLab-module__rXfGZa__modeChipInline:focus-visible{outline:2px solid var(--diagram-layer-7);outline-offset:1px}.CSSPerfLab-module__rXfGZa__timelineRow{align-items:center;gap:var(--space-2);height:24px;display:flex}.CSSPerfLab-module__rXfGZa__timelineLabel{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);flex-shrink:0;width:52px;font-size:.5rem;font-weight:700}.CSSPerfLab-module__rXfGZa__timelineTrack{background:var(--color-bg);border-radius:var(--radius-1);border:1px solid var(--color-border);flex:1;height:16px;position:relative;overflow:hidden}.CSSPerfLab-module__rXfGZa__timelineMarker{padding:1px var(--space-1);white-space:nowrap;color:var(--color-bg);border-radius:2px;font-size:.5rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.CSSPerfLab-module__rXfGZa__timelineMarker[data-type=parser]{background:var(--diagram-layer-3)}.CSSPerfLab-module__rXfGZa__timelineMarker[data-type=paint][data-styled=true]{background:var(--color-success)}.CSSPerfLab-module__rXfGZa__timelineMarker[data-type=paint][data-styled=false]{background:var(--color-warning)}.CSSPerfLab-module__rXfGZa__versusGrid{align-items:center;gap:var(--space-2);grid-template-columns:1fr auto 1fr;display:grid}.CSSPerfLab-module__rXfGZa__versusDivider{color:var(--color-muted);letter-spacing:.05em;font-size:.85rem;font-weight:800}.CSSPerfLab-module__rXfGZa__specPanel{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-bg);flex-direction:column;transition:all .2s;display:flex}.CSSPerfLab-module__rXfGZa__specPanel[data-wins=true]{border-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 5%, var(--color-bg))}.CSSPerfLab-module__rXfGZa__specPanel[data-tied=true]{border-color:var(--diagram-layer-3)}.CSSPerfLab-module__rXfGZa__specHeader{justify-content:space-between;align-items:center;display:flex}.CSSPerfLab-module__rXfGZa__specPanelLabel{text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted);font-size:.52rem;font-weight:700}.CSSPerfLab-module__rXfGZa__specBadge{letter-spacing:.1em;padding:1px var(--space-1);background:var(--color-success);color:var(--color-bg);border-radius:999px;font-size:.5rem;font-weight:800}.CSSPerfLab-module__rXfGZa__specBadge[data-tied=true]{background:var(--diagram-layer-3)}.CSSPerfLab-module__rXfGZa__specInput{width:100%;font-family:var(--font-mono);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-surface);color:var(--color-text);min-height:32px;font-size:.7rem;font-weight:500;transition:border .15s}.CSSPerfLab-module__rXfGZa__specInput:focus-visible{border-color:var(--diagram-layer-7);box-shadow:0 0 0 2px color-mix(in srgb, var(--diagram-layer-7) 25%, transparent);outline:none}.CSSPerfLab-module__rXfGZa__specInput[data-invalid=true]{border-color:var(--color-error)}.CSSPerfLab-module__rXfGZa__specColumns{gap:var(--space-1);grid-template-columns:1fr 1fr 1fr;display:grid}.CSSPerfLab-module__rXfGZa__specColumn{flex-direction:column;align-items:center;gap:2px;display:flex}.CSSPerfLab-module__rXfGZa__specColumnHead{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);font-size:.5rem;font-weight:700}.CSSPerfLab-module__rXfGZa__specColumnBar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-1);width:100%;height:32px;position:relative;overflow:hidden}.CSSPerfLab-module__rXfGZa__specColumnFill{position:absolute;bottom:0;left:0;right:0}.CSSPerfLab-module__rXfGZa__specColumnFill[data-tone=id]{background:color-mix(in srgb, var(--diagram-layer-6) 35%, transparent)}.CSSPerfLab-module__rXfGZa__specColumnFill[data-tone=class]{background:color-mix(in srgb, var(--diagram-layer-1) 35%, transparent)}.CSSPerfLab-module__rXfGZa__specColumnFill[data-tone=element]{background:color-mix(in srgb, var(--diagram-layer-0) 35%, transparent)}.CSSPerfLab-module__rXfGZa__specColumnValue{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:800}.CSSPerfLab-module__rXfGZa__specColumn[data-tone=id] .CSSPerfLab-module__rXfGZa__specColumnValue{color:var(--diagram-layer-6)}.CSSPerfLab-module__rXfGZa__specColumn[data-tone=class] .CSSPerfLab-module__rXfGZa__specColumnValue{color:var(--diagram-layer-1)}.CSSPerfLab-module__rXfGZa__specColumn[data-tone=element] .CSSPerfLab-module__rXfGZa__specColumnValue{color:var(--diagram-layer-0)}.CSSPerfLab-module__rXfGZa__specTuple{padding:var(--space-1) var(--space-2);background:var(--color-surface);border-radius:var(--radius-1);justify-content:space-between;align-items:baseline;display:flex}.CSSPerfLab-module__rXfGZa__specTupleLabel{color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.5rem}.CSSPerfLab-module__rXfGZa__specTupleValue{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-text);font-size:.78rem;font-weight:800}.CSSPerfLab-module__rXfGZa__tokenStream{flex-wrap:wrap;gap:4px;min-height:20px;display:flex}.CSSPerfLab-module__rXfGZa__tokenPill{font-family:var(--font-mono);padding:1px var(--space-1);border-radius:var(--radius-1);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-size:.55rem;font-weight:600}.CSSPerfLab-module__rXfGZa__tokenPill[data-kind=id]{color:var(--diagram-layer-6);border-color:color-mix(in srgb, var(--diagram-layer-6) 40%, var(--color-border))}.CSSPerfLab-module__rXfGZa__tokenPill[data-kind=class],.CSSPerfLab-module__rXfGZa__tokenPill[data-kind=attribute],.CSSPerfLab-module__rXfGZa__tokenPill[data-kind=pseudo-class]{color:var(--diagram-layer-1);border-color:color-mix(in srgb, var(--diagram-layer-1) 40%, var(--color-border))}.CSSPerfLab-module__rXfGZa__tokenPill[data-kind=element],.CSSPerfLab-module__rXfGZa__tokenPill[data-kind=pseudo-element]{color:var(--diagram-layer-0);border-color:color-mix(in srgb, var(--diagram-layer-0) 40%, var(--color-border))}.CSSPerfLab-module__rXfGZa__tokenPill[data-kind=combinator],.CSSPerfLab-module__rXfGZa__tokenPill[data-kind=universal]{color:var(--color-muted)}.CSSPerfLab-module__rXfGZa__tokenEmpty{color:var(--color-muted);font-size:.55rem;font-style:italic}.CSSPerfLab-module__rXfGZa__criticalLayout{gap:var(--space-2);grid-template-columns:.9fr 1.1fr;display:grid}.CSSPerfLab-module__rXfGZa__mockPage{padding:var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-1);flex-direction:column;gap:4px;min-height:240px;display:flex;position:relative}.CSSPerfLab-module__rXfGZa__mockNav{align-items:center;gap:var(--space-1);height:18px;padding:0 var(--space-1);background:var(--color-surface);border-radius:2px;display:flex}.CSSPerfLab-module__rXfGZa__mockNavDot{background:var(--diagram-layer-7);border-radius:999px;width:6px;height:6px}.CSSPerfLab-module__rXfGZa__mockNavLinks{gap:4px;margin-left:auto;display:flex}.CSSPerfLab-module__rXfGZa__mockNavLinks span{background:var(--color-muted);opacity:.6;border-radius:2px;width:14px;height:4px}.CSSPerfLab-module__rXfGZa__mockHero{padding:var(--space-2);background:color-mix(in srgb, var(--diagram-layer-7) 6%, var(--color-surface));border-radius:2px;flex-direction:column;gap:4px;display:flex}.CSSPerfLab-module__rXfGZa__mockHeroTitle{font-family:var(--font-mono);letter-spacing:-.02em;font-size:.78rem;font-weight:800}.CSSPerfLab-module__rXfGZa__mockHeroSub{background:var(--color-muted);opacity:.5;border-radius:2px;width:60%;height:4px}.CSSPerfLab-module__rXfGZa__mockHeroCTA{padding:2px var(--space-1);background:var(--diagram-layer-7);color:var(--color-bg);border-radius:2px;align-self:flex-start;margin-top:2px;font-size:.5rem;font-weight:700}.CSSPerfLab-module__rXfGZa__mockHeroImg{background:color-mix(in srgb, var(--diagram-layer-0) 15%, transparent);height:36px;color:var(--color-muted);border-radius:2px;justify-content:center;align-items:center;display:flex}.CSSPerfLab-module__rXfGZa__mockHeroImgIcon{text-transform:uppercase;letter-spacing:.1em;font-size:.5rem}.CSSPerfLab-module__rXfGZa__foldLine{margin:var(--space-1) 0;border-top:1px dashed var(--color-muted);justify-content:center;align-items:center;display:flex;position:relative}.CSSPerfLab-module__rXfGZa__foldLine span{background:var(--color-bg);padding:0 var(--space-1);color:var(--color-muted);letter-spacing:.08em;font-size:.5rem;position:absolute;top:-7px}.CSSPerfLab-module__rXfGZa__mockCardGrid{opacity:.5;grid-template-columns:1fr 1fr 1fr;gap:4px;transition:opacity .2s;display:grid}.CSSPerfLab-module__rXfGZa__mockCardGrid[data-dimmed=true]{opacity:.5}.CSSPerfLab-module__rXfGZa__mockCardGrid span{background:var(--color-surface);border-radius:2px;height:28px}.CSSPerfLab-module__rXfGZa__mockFooter{background:var(--color-surface);opacity:.5;border-radius:2px;height:18px}.CSSPerfLab-module__rXfGZa__mockFooter[data-dimmed=true]{opacity:.5}.CSSPerfLab-module__rXfGZa__ruleList{flex-direction:column;gap:2px;max-height:260px;display:flex;overflow-y:auto}.CSSPerfLab-module__rXfGZa__ruleRow{align-items:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-1);background:var(--color-bg);border:1px solid #0000;grid-template-columns:8px minmax(72px,max-content) 1fr auto;font-size:.55rem;transition:all .2s;display:grid}.CSSPerfLab-module__rXfGZa__ruleRow[data-state=above]{border-color:color-mix(in srgb, var(--color-success) 30%, var(--color-border))}.CSSPerfLab-module__rXfGZa__ruleRow[data-state=below]{border-color:color-mix(in srgb, var(--color-error) 25%, var(--color-border))}.CSSPerfLab-module__rXfGZa__ruleRow[data-state=inlined]{background:color-mix(in srgb, var(--color-success) 8%, var(--color-bg));border-color:var(--color-success)}.CSSPerfLab-module__rXfGZa__ruleRow[data-state=deferred]{opacity:.45;text-decoration:line-through;-webkit-text-decoration-color:var(--color-error);text-decoration-color:var(--color-error)}.CSSPerfLab-module__rXfGZa__ruleDot{border-radius:999px;width:8px;height:8px}.CSSPerfLab-module__rXfGZa__ruleDot[data-state=above],.CSSPerfLab-module__rXfGZa__ruleDot[data-state=inlined]{background:var(--color-success)}.CSSPerfLab-module__rXfGZa__ruleDot[data-state=below],.CSSPerfLab-module__rXfGZa__ruleDot[data-state=deferred]{background:var(--color-error)}.CSSPerfLab-module__rXfGZa__ruleSelector{font-family:var(--font-mono);color:var(--color-text);font-weight:700}.CSSPerfLab-module__rXfGZa__ruleBody{font-family:var(--font-mono);color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.CSSPerfLab-module__rXfGZa__ruleSize{font-family:var(--font-mono);color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.5rem}.CSSPerfLab-module__rXfGZa__criticalActions{align-items:stretch;gap:var(--space-2);grid-template-columns:auto 1fr;display:grid}.CSSPerfLab-module__rXfGZa__criticalStats{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.CSSPerfLab-module__rXfGZa__statTile{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-bg);flex-direction:column;gap:1px;display:flex}.CSSPerfLab-module__rXfGZa__statLabel{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);font-size:.5rem;font-weight:700}.CSSPerfLab-module__rXfGZa__statValue{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:800}.CSSPerfLab-module__rXfGZa__statValue[data-tone=good]{color:var(--color-success)}.CSSPerfLab-module__rXfGZa__statValue[data-tone=bad]{color:var(--color-error)}.CSSPerfLab-module__rXfGZa__statValue[data-tone=warn]{color:var(--color-warning)}.CSSPerfLab-module__rXfGZa__statValue[data-tone=muted]{color:var(--color-muted)}.CSSPerfLab-module__rXfGZa__statCaption{color:var(--color-muted);font-size:.5rem}.CSSPerfLab-module__rXfGZa__actionButton{font-family:var(--font-mono);letter-spacing:.04em;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-bg);color:var(--color-text);cursor:pointer;min-height:36px;font-size:.62rem;font-weight:700;transition:all .15s}.CSSPerfLab-module__rXfGZa__actionButton[data-armed=true]{border-color:var(--diagram-layer-7);background:var(--diagram-layer-7);color:var(--color-bg)}.CSSPerfLab-module__rXfGZa__actionButton:disabled{opacity:.45;cursor:not-allowed}.CSSPerfLab-module__rXfGZa__actionButton:focus-visible{outline:2px solid var(--diagram-layer-7);outline-offset:1px}.CSSPerfLab-module__rXfGZa__actionButtonSecondary{font-family:var(--font-mono);letter-spacing:.04em;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);color:var(--color-muted);cursor:pointer;background:0 0;min-height:36px;font-size:.58rem;font-weight:700}.CSSPerfLab-module__rXfGZa__actionButtonSecondary:hover{color:var(--color-text);border-color:var(--color-text)}.CSSPerfLab-module__rXfGZa__fcpCallout{align-items:baseline;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-success);background:color-mix(in srgb, var(--color-success) 6%, var(--color-surface));border-radius:var(--radius-1);display:flex}.CSSPerfLab-module__rXfGZa__fcpCalloutLabel{text-transform:uppercase;letter-spacing:.1em;color:var(--color-success);font-size:.5rem;font-weight:700}.CSSPerfLab-module__rXfGZa__fcpCalloutValue{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-success);font-size:1rem;font-weight:800}.CSSPerfLab-module__rXfGZa__fcpCalloutNote{color:var(--color-muted);font-size:.56rem}.CSSPerfLab-module__rXfGZa__auditPreviewRow{gap:var(--space-2);grid-template-columns:1.2fr 1fr;display:grid}.CSSPerfLab-module__rXfGZa__previewFrame{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-bg);flex-direction:column;display:flex}.CSSPerfLab-module__rXfGZa__previewLabel{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);font-size:.5rem;font-weight:700}.CSSPerfLab-module__rXfGZa__previewStage{background:color-mix(in srgb, var(--diagram-layer-7) 5%, var(--color-surface));border-radius:var(--radius-1);height:130px;transition:background .2s;position:relative;overflow:hidden}.CSSPerfLab-module__rXfGZa__previewStage[data-broken-dark=true]{background:color-mix(in srgb, var(--color-warning) 18%, var(--color-bg))}.CSSPerfLab-module__rXfGZa__previewStage[data-broken-modal-scroll=true]:before{content:"page scrolling under modal";top:var(--space-1);right:var(--space-1);color:var(--color-error);padding:1px var(--space-1);background:var(--color-surface);border-radius:2px;font-size:.5rem;position:absolute}.CSSPerfLab-module__rXfGZa__previewModal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-1);width:90px;height:50px;color:var(--color-text);justify-content:center;align-items:center;font-size:.55rem;transition:all .2s;display:flex;position:absolute;top:40%;left:30%}.CSSPerfLab-module__rXfGZa__previewModal[data-broken=true]{border-color:var(--color-error);width:56px;height:14px;color:var(--color-error);border-radius:0;font-size:.45rem;top:6px;left:6px}.CSSPerfLab-module__rXfGZa__previewToast{padding:2px var(--space-1);background:var(--diagram-layer-7);color:var(--color-bg);border-radius:2px;font-size:.5rem;font-weight:700;transition:all .2s;position:absolute;top:8px;right:8px}.CSSPerfLab-module__rXfGZa__previewToast[data-broken=true]{background:var(--color-surface);border:1px dashed var(--color-error);color:var(--color-error)}.CSSPerfLab-module__rXfGZa__previewFocus{padding:2px var(--space-1);background:var(--color-surface);border:2px solid var(--diagram-layer-7);color:var(--color-text);border-radius:2px;font-size:.5rem;transition:all .2s;position:absolute;bottom:8px;left:8px}.CSSPerfLab-module__rXfGZa__previewFocus[data-broken=true]{border-color:var(--color-border);color:var(--color-muted)}.CSSPerfLab-module__rXfGZa__previewDrag{padding:2px var(--space-1);background:color-mix(in srgb, var(--diagram-layer-7) 25%, var(--color-surface));color:var(--color-text);opacity:.7;border-radius:2px;font-size:.5rem;transition:all .2s;position:absolute;bottom:8px;right:8px}.CSSPerfLab-module__rXfGZa__previewDrag[data-broken=true]{opacity:1;background:var(--color-surface);color:var(--color-muted)}.CSSPerfLab-module__rXfGZa__previewBroken{bottom:var(--space-1);letter-spacing:.08em;text-transform:uppercase;padding:1px var(--space-1);background:var(--color-error);color:var(--color-bg);border-radius:2px;font-size:.5rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.CSSPerfLab-module__rXfGZa__bytesPanel{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-bg);flex-direction:column;display:flex}.CSSPerfLab-module__rXfGZa__bytesRow{justify-content:space-between;align-items:baseline;display:flex}.CSSPerfLab-module__rXfGZa__bytesLabel{color:var(--color-muted);letter-spacing:.04em;font-size:.56rem}.CSSPerfLab-module__rXfGZa__bytesValue{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:800}.CSSPerfLab-module__rXfGZa__bytesValue[data-tone=good]{color:var(--color-success)}.CSSPerfLab-module__rXfGZa__bytesValue[data-tone=bad]{color:var(--color-error)}.CSSPerfLab-module__rXfGZa__bytesValue[data-tone=warn]{color:var(--color-warning)}.CSSPerfLab-module__rXfGZa__bytesValue[data-tone=muted]{color:var(--color-muted)}.CSSPerfLab-module__rXfGZa__auditList{flex-direction:column;gap:2px;max-height:320px;display:flex;overflow-y:auto}.CSSPerfLab-module__rXfGZa__auditRow{align-items:center;gap:var(--space-1) var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-bg);grid-template-columns:1fr auto;grid-template-areas:"rule decision""reveal reveal";transition:all .2s;display:grid}.CSSPerfLab-module__rXfGZa__auditRow[data-broken=true]{border-color:var(--color-error);background:color-mix(in srgb, var(--color-error) 8%, var(--color-bg))}.CSSPerfLab-module__rXfGZa__auditRow[data-correct=true]{border-color:color-mix(in srgb, var(--color-success) 50%, var(--color-border))}.CSSPerfLab-module__rXfGZa__auditRule{align-items:center;gap:var(--space-2);grid-area:rule;min-width:0;display:flex}.CSSPerfLab-module__rXfGZa__auditSelector{font-family:var(--font-mono);color:var(--color-text);white-space:nowrap;font-size:.58rem;font-weight:700}.CSSPerfLab-module__rXfGZa__auditBody{font-family:var(--font-mono);color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.52rem;overflow:hidden}.CSSPerfLab-module__rXfGZa__auditDecision{grid-area:decision;gap:4px;display:inline-flex}.CSSPerfLab-module__rXfGZa__judgeButton{font-family:var(--font-mono);padding:2px var(--space-1);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:pointer;border-radius:999px;min-height:24px;font-size:.52rem;font-weight:600;transition:all .15s}.CSSPerfLab-module__rXfGZa__judgeButton[data-active=true][data-tone=safe]{background:var(--color-success);color:var(--color-bg);border-color:var(--color-success)}.CSSPerfLab-module__rXfGZa__judgeButton[data-active=true][data-tone=js]{background:var(--diagram-layer-7);color:var(--color-bg);border-color:var(--diagram-layer-7)}.CSSPerfLab-module__rXfGZa__judgeButton:focus-visible{outline:2px solid var(--diagram-layer-7);outline-offset:1px}.CSSPerfLab-module__rXfGZa__judgeButton:disabled{opacity:.65;cursor:not-allowed}.CSSPerfLab-module__rXfGZa__auditReveal{padding:var(--space-1) var(--space-2);background:var(--color-surface);border-radius:var(--radius-1);flex-direction:column;grid-area:reveal;gap:2px;display:flex}.CSSPerfLab-module__rXfGZa__auditReveal[data-tone=broken]{background:color-mix(in srgb, var(--color-error) 12%, var(--color-bg))}.CSSPerfLab-module__rXfGZa__auditReason{color:var(--color-text);font-size:.55rem}.CSSPerfLab-module__rXfGZa__auditBreaks{letter-spacing:.04em;color:var(--color-error);font-size:.5rem;font-weight:700}.CSSPerfLab-module__rXfGZa__auditActions{gap:var(--space-2);align-items:stretch;display:flex}.CSSPerfLab-module__rXfGZa__auditActions .CSSPerfLab-module__rXfGZa__actionButton{flex:1}.CSSPerfLab-module__rXfGZa__auditActions .CSSPerfLab-module__rXfGZa__actionButtonSecondary{flex:0 0 90px}.CSSPerfLab-module__rXfGZa__auditVerdict{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-bg);font-size:.6rem;line-height:1.5}.CSSPerfLab-module__rXfGZa__auditVerdict[data-tone=good]{border-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 8%, var(--color-bg));color:var(--color-text)}.CSSPerfLab-module__rXfGZa__auditVerdict[data-tone=bad]{border-color:var(--color-error);background:color-mix(in srgb, var(--color-error) 8%, var(--color-bg));color:var(--color-text)}.CSSPerfLab-module__rXfGZa__subSection{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-bg);flex-direction:column;display:flex}.CSSPerfLab-module__rXfGZa__subHeader{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.CSSPerfLab-module__rXfGZa__subTitle{font-family:var(--font-mono);color:var(--color-text);letter-spacing:.04em;font-size:.62rem;font-weight:700}.CSSPerfLab-module__rXfGZa__toggleSwitch{border:2px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:all .2s;position:relative}.CSSPerfLab-module__rXfGZa__toggleSwitch[data-on=true]{background:var(--diagram-layer-7);border-color:var(--diagram-layer-7)}.CSSPerfLab-module__rXfGZa__toggleSwitch:focus-visible{outline:2px solid var(--diagram-layer-7);outline-offset:2px}.CSSPerfLab-module__rXfGZa__toggleSwitchKnob{background:var(--color-muted);border-radius:999px;width:12px;height:12px;transition:all .2s;position:absolute;top:2px;left:2px}.CSSPerfLab-module__rXfGZa__toggleSwitch[data-on=true] .CSSPerfLab-module__rXfGZa__toggleSwitchKnob{background:var(--color-bg);left:18px}.CSSPerfLab-module__rXfGZa__layerStack{flex-direction:column;gap:4px;display:flex}.CSSPerfLab-module__rXfGZa__layerBlock{border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-surface);padding:var(--space-1);flex-direction:column;gap:2px;transition:all .2s;display:flex}.CSSPerfLab-module__rXfGZa__layerBlock[data-layered=true]{border-left:3px solid var(--diagram-layer-7)}.CSSPerfLab-module__rXfGZa__layerBlock[data-winning-layer=true]{background:color-mix(in srgb, var(--diagram-layer-7) 10%, var(--color-surface))}.CSSPerfLab-module__rXfGZa__layerName{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-muted);text-transform:uppercase;font-size:.52rem;font-weight:700}.CSSPerfLab-module__rXfGZa__layerRule{gap:var(--space-2);font-family:var(--font-mono);padding:1px var(--space-1);border-radius:2px;grid-template-columns:minmax(70px,max-content) 1fr auto;align-items:center;font-size:.55rem;transition:all .2s;display:grid}.CSSPerfLab-module__rXfGZa__layerRule[data-wins=true],.CSSPerfLab-module__rXfGZa__layerRule[data-layer-wins=true]{background:color-mix(in srgb, var(--color-success) 18%, transparent);font-weight:700}.CSSPerfLab-module__rXfGZa__layerRuleSelector{color:var(--color-text);font-weight:700}.CSSPerfLab-module__rXfGZa__layerRuleBody{color:var(--color-muted)}.CSSPerfLab-module__rXfGZa__layerRuleSpec{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.5rem}.CSSPerfLab-module__rXfGZa__cardGridFrame{border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-surface);height:140px;position:relative;overflow:hidden}.CSSPerfLab-module__rXfGZa__cardGridViewport{background:color-mix(in srgb, var(--diagram-layer-7) 10%, transparent);border-bottom:1px dashed var(--diagram-layer-7);height:56px;padding:2px var(--space-1);color:var(--diagram-layer-7);text-transform:uppercase;letter-spacing:.08em;pointer-events:none;z-index:1;justify-content:flex-end;align-items:flex-end;font-size:.5rem;display:flex;position:absolute;top:0;left:0;right:0}.CSSPerfLab-module__rXfGZa__cardGridList{padding:var(--space-1);grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.CSSPerfLab-module__rXfGZa__miniCard{padding:var(--space-1);background:var(--color-bg);border:1px solid var(--color-border);font-family:var(--font-mono);border-radius:2px;flex-direction:column;gap:2px;font-size:.5rem;display:flex}.CSSPerfLab-module__rXfGZa__miniCard[data-rendered=true]{border-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 8%, var(--color-bg))}.CSSPerfLab-module__rXfGZa__miniCardTitle{font-weight:700}.CSSPerfLab-module__rXfGZa__miniCardRender{color:var(--color-muted);font-variant-numeric:tabular-nums}.CSSPerfLab-module__rXfGZa__renderMsRow{align-items:baseline;gap:var(--space-2);display:flex}.CSSPerfLab-module__rXfGZa__renderMsLabel{color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.5rem;font-weight:700}.CSSPerfLab-module__rXfGZa__renderMsValue{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:800}.CSSPerfLab-module__rXfGZa__renderMsValue[data-tone=good]{color:var(--color-success)}.CSSPerfLab-module__rXfGZa__renderMsValue[data-tone=warn]{color:var(--color-warning)}.CSSPerfLab-module__rXfGZa__renderMsNote{color:var(--color-muted);font-size:.55rem}.CSSPerfLab-module__rXfGZa__cssInJsCard{gap:var(--space-1);padding:var(--space-2);background:var(--color-surface);border-radius:var(--radius-1);flex-direction:column;display:flex}.CSSPerfLab-module__rXfGZa__cssInJsLabel{font-family:var(--font-mono);color:var(--color-text);font-size:.62rem;font-weight:700}.CSSPerfLab-module__rXfGZa__cssInJsDesc{color:var(--color-muted);font-size:.55rem;line-height:1.5}.CSSPerfLab-module__rXfGZa__cssInJsMetrics{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.CSSPerfLab-module__rXfGZa__cssInJsMetric{padding:var(--space-1) var(--space-2);background:var(--color-bg);border-radius:var(--radius-1);flex-direction:column;gap:2px;display:flex}.CSSPerfLab-module__rXfGZa__cssInJsMetricLabel{color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.5rem;font-weight:700}.CSSPerfLab-module__rXfGZa__cssInJsMetricValue{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:800}.CSSPerfLab-module__rXfGZa__cssInJsMetricValue[data-tone=good]{color:var(--color-success)}.CSSPerfLab-module__rXfGZa__cssInJsMetricValue[data-tone=warn]{color:var(--color-warning)}.CSSPerfLab-module__rXfGZa__winsBanner{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-2);background:var(--color-success);color:var(--color-bg);display:flex}.CSSPerfLab-module__rXfGZa__winsBanner>div{flex-direction:column;display:flex}.CSSPerfLab-module__rXfGZa__winsBadge{letter-spacing:.14em;padding:var(--space-1) var(--space-2);background:var(--color-bg);color:var(--color-success);border-radius:var(--radius-1);font-size:.7rem;font-weight:900}.CSSPerfLab-module__rXfGZa__winsTitle{font-size:.7rem;font-weight:800}.CSSPerfLab-module__rXfGZa__winsSub{opacity:.85;font-size:.55rem}.CSSPerfLab-module__rXfGZa__recapList{gap:var(--space-1);flex-direction:column;display:flex}.CSSPerfLab-module__rXfGZa__recapItem{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-bg);grid-template-columns:auto 1fr;align-items:flex-start;display:grid}.CSSPerfLab-module__rXfGZa__recapItem[data-achieved=true]{border-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 6%, var(--color-bg))}.CSSPerfLab-module__rXfGZa__recapMarker{background:var(--color-surface);width:22px;height:22px;color:var(--color-muted);font-family:var(--font-mono);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.62rem;font-weight:800;display:inline-flex}.CSSPerfLab-module__rXfGZa__recapMarker[data-achieved=true]{background:var(--color-success);color:var(--color-bg)}.CSSPerfLab-module__rXfGZa__recapBody{flex-direction:column;gap:2px;min-width:0;display:flex}.CSSPerfLab-module__rXfGZa__recapLabel{color:var(--color-text);font-size:.65rem;font-weight:700}.CSSPerfLab-module__rXfGZa__recapDetail{color:var(--color-muted);font-size:.55rem;line-height:1.5}.CSSPerfLab-module__rXfGZa__recapBudget{gap:var(--space-2);grid-template-columns:1fr 1fr 1fr;display:grid}
.ImagePerfLab-module__lIIV7G__labRoot{height:100%;font-family:var(--font-mono);flex-direction:column;display:flex;overflow:hidden}.ImagePerfLab-module__lIIV7G__stepBar{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;display:flex}.ImagePerfLab-module__lIIV7G__stepDot{min-width:1.4rem;height:1.4rem;font-family:var(--font-mono);color:var(--color-muted);border:1px solid var(--color-border);padding:0 var(--space-1);border-radius:999px;justify-content:center;align-items:center;font-size:.56rem;font-weight:700;transition:all .15s;display:inline-flex}.ImagePerfLab-module__lIIV7G__stepDot[data-active=true]{color:var(--diagram-layer-2);border-color:color-mix(in srgb, var(--diagram-layer-2) 40%, transparent)}.ImagePerfLab-module__lIIV7G__stepDot[data-current=true]{color:var(--color-bg);background:var(--diagram-layer-2);border-color:var(--diagram-layer-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--diagram-layer-2) 25%, transparent);font-weight:700;animation:2s ease-in-out infinite ImagePerfLab-module__lIIV7G__stepPulse}@keyframes ImagePerfLab-module__lIIV7G__stepPulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--diagram-layer-2) 25%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--diagram-layer-2) 12%, transparent)}}.ImagePerfLab-module__lIIV7G__budgetStrip{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:color-mix(in srgb, var(--diagram-layer-2) 8%, var(--color-surface));border-bottom:1px solid color-mix(in srgb, var(--diagram-layer-2) 25%, var(--color-border));flex-shrink:0;font-size:.62rem;display:flex}.ImagePerfLab-module__lIIV7G__budgetLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--diagram-layer-2);font-size:.58rem;font-weight:700}.ImagePerfLab-module__lIIV7G__budgetCopy{color:var(--color-text);font-variant-numeric:tabular-nums}.ImagePerfLab-module__lIIV7G__scrollArea{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.ImagePerfLab-module__lIIV7G__widgetPanel{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);gap:var(--space-2);flex-direction:column;display:flex}.ImagePerfLab-module__lIIV7G__widgetTitle{color:var(--color-text);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:700}.ImagePerfLab-module__lIIV7G__widgetNote{color:var(--color-muted);margin:0;font-size:.62rem;line-height:1.5}.ImagePerfLab-module__lIIV7G__widgetNote code,.ImagePerfLab-module__lIIV7G__widgetNote strong{font-family:var(--font-mono)}.ImagePerfLab-module__lIIV7G__widgetNote code{background:color-mix(in srgb, var(--diagram-layer-2) 10%, transparent);color:var(--color-text);border-radius:3px;padding:1px 4px}.ImagePerfLab-module__lIIV7G__widgetNote strong{color:var(--color-text)}.ImagePerfLab-module__lIIV7G__formatTable{flex-direction:column;gap:2px;display:flex}.ImagePerfLab-module__lIIV7G__formatHeaderRow{gap:var(--space-2);padding:var(--space-1) var(--space-2);color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;grid-template-columns:50px repeat(3,36px) 50px 1fr 60px;font-size:.56rem;font-weight:700;display:grid}.ImagePerfLab-module__lIIV7G__formatRow{gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-1);background:var(--color-bg);cursor:pointer;text-align:left;color:var(--color-text);font-size:.62rem;font-family:var(--font-mono);border:1px solid #0000;grid-template-columns:50px repeat(3,36px) 50px 1fr 60px;align-items:center;transition:all .15s;display:grid}.ImagePerfLab-module__lIIV7G__formatRow:hover{border-color:var(--color-border)}.ImagePerfLab-module__lIIV7G__formatRow[data-selected=true]{border-color:var(--diagram-layer-2);background:color-mix(in srgb, var(--diagram-layer-2) 6%, var(--color-bg))}.ImagePerfLab-module__lIIV7G__formatName{font-weight:700}.ImagePerfLab-module__lIIV7G__formatCheck{color:var(--color-muted);text-align:center}.ImagePerfLab-module__lIIV7G__formatRow[data-selected=true] .ImagePerfLab-module__lIIV7G__formatCheck{color:var(--color-text)}.ImagePerfLab-module__lIIV7G__formatSupport,.ImagePerfLab-module__lIIV7G__formatSize{font-variant-numeric:tabular-nums}.ImagePerfLab-module__lIIV7G__formatSupport{color:var(--color-muted);text-align:center}.ImagePerfLab-module__lIIV7G__formatSize{color:var(--color-text);text-align:right;font-weight:700}.ImagePerfLab-module__lIIV7G__formatBar{border-radius:var(--radius-1);background:var(--color-border);height:6px;overflow:hidden}.ImagePerfLab-module__lIIV7G__formatBarFill{border-radius:var(--radius-1);height:100%;transition:width .3s}.ImagePerfLab-module__lIIV7G__formatDetail{padding:var(--space-2) var(--space-3);border-left:3px solid var(--diagram-layer-2);background:var(--color-bg);border-radius:var(--radius-1);color:var(--color-text);font-size:.62rem;line-height:1.55}.ImagePerfLab-module__lIIV7G__markupBlock{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-bg);flex-direction:column;display:flex}.ImagePerfLab-module__lIIV7G__markupTitle{color:var(--color-text);text-transform:uppercase;letter-spacing:.06em;font-size:.6rem;font-weight:700}.ImagePerfLab-module__lIIV7G__markupCode{font-family:var(--font-mono);color:var(--color-text);padding:var(--space-2);border-radius:var(--radius-1);background:var(--color-surface);border:1px solid var(--color-border);white-space:pre;margin:0;font-size:.6rem;line-height:1.55;overflow-x:auto}.ImagePerfLab-module__lIIV7G__markupHeader{justify-content:space-between;align-items:center;display:flex}.ImagePerfLab-module__lIIV7G__copyBtn{font-family:var(--font-mono);padding:var(--space-1) var(--space-2);border-radius:var(--radius-1);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;font-size:.56rem;font-weight:700;transition:all .15s}.ImagePerfLab-module__lIIV7G__copyBtn:hover{border-color:var(--diagram-layer-2);color:var(--diagram-layer-2)}.ImagePerfLab-module__lIIV7G__copyBtn[data-state=ok]{border-color:var(--color-success);color:var(--color-success);background:color-mix(in srgb, var(--color-success) 10%, var(--color-bg))}.ImagePerfLab-module__lIIV7G__sliderLabel,.ImagePerfLab-module__lIIV7G__fieldLabel{color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem;font-weight:700}.ImagePerfLab-module__lIIV7G__sliderLabel strong,.ImagePerfLab-module__lIIV7G__fieldLabel strong{color:var(--color-text);font-variant-numeric:tabular-nums}.ImagePerfLab-module__lIIV7G__slider{width:100%;accent-color:var(--diagram-layer-2);height:4px}.ImagePerfLab-module__lIIV7G__qualityCallout{align-items:baseline;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-bg);display:flex}.ImagePerfLab-module__lIIV7G__qualityCalloutValue{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:800}.ImagePerfLab-module__lIIV7G__qualityCallout[data-status=good] .ImagePerfLab-module__lIIV7G__qualityCalloutValue{color:var(--color-success)}.ImagePerfLab-module__lIIV7G__qualityCallout[data-status=ok] .ImagePerfLab-module__lIIV7G__qualityCalloutValue{color:var(--color-warning)}.ImagePerfLab-module__lIIV7G__qualityCallout[data-status=bad] .ImagePerfLab-module__lIIV7G__qualityCalloutValue{color:var(--color-error)}.ImagePerfLab-module__lIIV7G__qualityCalloutNote{color:var(--color-muted);font-size:.6rem}.ImagePerfLab-module__lIIV7G__qualityTable{flex-direction:column;gap:2px;display:flex}.ImagePerfLab-module__lIIV7G__qualityHeader{gap:var(--space-2);padding:var(--space-1) var(--space-2);color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;grid-template-columns:40px repeat(3,1fr);font-size:.56rem;font-weight:700;display:grid}.ImagePerfLab-module__lIIV7G__qualityRow{gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-1);background:var(--color-bg);grid-template-columns:40px repeat(3,1fr);align-items:center;font-size:.62rem;transition:all .15s;display:grid}.ImagePerfLab-module__lIIV7G__qualityRow[data-active=true]{background:color-mix(in srgb, var(--diagram-layer-2) 10%, var(--color-bg));outline:1px solid color-mix(in srgb, var(--diagram-layer-2) 30%, transparent)}.ImagePerfLab-module__lIIV7G__qualityQ{font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:700}.ImagePerfLab-module__lIIV7G__barCell{align-items:center;gap:var(--space-1);min-width:0;display:flex}.ImagePerfLab-module__lIIV7G__barTrack{border-radius:var(--radius-1);background:var(--color-border);flex:1;height:8px;overflow:hidden}.ImagePerfLab-module__lIIV7G__barFill{border-radius:var(--radius-1);height:100%;transition:width .3s}.ImagePerfLab-module__lIIV7G__barValue{font-variant-numeric:tabular-nums;color:var(--color-muted);text-align:right;min-width:28px;font-size:.56rem}.ImagePerfLab-module__lIIV7G__widthChips,.ImagePerfLab-module__lIIV7G__sizesPresetRow,.ImagePerfLab-module__lIIV7G__dprRow{gap:var(--space-1);flex-wrap:wrap;display:flex}.ImagePerfLab-module__lIIV7G__widthChip,.ImagePerfLab-module__lIIV7G__dprChip,.ImagePerfLab-module__lIIV7G__sizesPreset{font-family:var(--font-mono);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;border-radius:999px;font-size:.6rem;font-weight:600;transition:all .15s}.ImagePerfLab-module__lIIV7G__widthChip:hover,.ImagePerfLab-module__lIIV7G__dprChip:hover,.ImagePerfLab-module__lIIV7G__sizesPreset:hover{border-color:var(--diagram-layer-2)}.ImagePerfLab-module__lIIV7G__widthChip[data-on=true],.ImagePerfLab-module__lIIV7G__dprChip[data-on=true],.ImagePerfLab-module__lIIV7G__sizesPreset[data-on=true]{background:var(--diagram-layer-2);border-color:var(--diagram-layer-2);color:var(--color-bg);font-weight:700}.ImagePerfLab-module__lIIV7G__sizesPreset{text-align:center;flex:1;min-width:0}.ImagePerfLab-module__lIIV7G__pickerSummary{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-bg);flex-direction:column;gap:2px;font-size:.62rem;display:flex}.ImagePerfLab-module__lIIV7G__pickerSummaryRow{justify-content:space-between;gap:var(--space-2);color:var(--color-muted);display:flex}.ImagePerfLab-module__lIIV7G__pickerSummaryRow strong{color:var(--color-text);font-variant-numeric:tabular-nums}.ImagePerfLab-module__lIIV7G__pickerSummaryRow[data-status=good]{color:var(--color-success)}.ImagePerfLab-module__lIIV7G__pickerSummaryRow[data-status=bad]{color:var(--color-error)}.ImagePerfLab-module__lIIV7G__candidateList{flex-direction:column;gap:2px;display:flex}.ImagePerfLab-module__lIIV7G__candidateRow{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-1);background:var(--color-bg);grid-template-columns:44px 1fr 84px;font-size:.6rem;transition:all .15s;display:grid}.ImagePerfLab-module__lIIV7G__candidateRow[data-picked=true]{background:color-mix(in srgb, var(--diagram-layer-2) 10%, var(--color-bg));outline:1px solid color-mix(in srgb, var(--diagram-layer-2) 40%, transparent)}.ImagePerfLab-module__lIIV7G__candidateLabel{font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:700}.ImagePerfLab-module__lIIV7G__candidateMeta{color:var(--color-muted);text-align:right;text-transform:uppercase;letter-spacing:.06em;font-size:.56rem}.ImagePerfLab-module__lIIV7G__candidateRow[data-picked=true] .ImagePerfLab-module__lIIV7G__candidateMeta{color:var(--diagram-layer-2);font-weight:700}.ImagePerfLab-module__lIIV7G__cropPreview{border:2px solid var(--diagram-layer-2);border-radius:var(--radius-2);background:color-mix(in srgb, var(--diagram-layer-2) 8%, var(--color-bg));justify-content:center;align-self:center;align-items:center;width:100%;max-width:240px;transition:aspect-ratio .3s;display:flex;position:relative;overflow:hidden}.ImagePerfLab-module__lIIV7G__cropLabel{top:var(--space-1);right:var(--space-1);color:var(--diagram-layer-2);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-1);background:color-mix(in srgb, var(--diagram-layer-2) 15%, var(--color-bg));padding:1px 6px;font-size:.56rem;font-weight:700;position:absolute}.ImagePerfLab-module__lIIV7G__cropSubject{background:var(--diagram-layer-2);opacity:.75;border-radius:999px;width:48px;height:48px}.ImagePerfLab-module__lIIV7G__cropCaption{color:var(--color-muted);text-align:center;font-size:.62rem;line-height:1.55}.ImagePerfLab-module__lIIV7G__cropCaption strong{color:var(--diagram-layer-2)}.ImagePerfLab-module__lIIV7G__breakpointCards{gap:var(--space-1);grid-template-columns:repeat(3,1fr);display:grid}.ImagePerfLab-module__lIIV7G__breakpointCard{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-bg);flex-direction:column;gap:2px;transition:all .15s;display:flex}.ImagePerfLab-module__lIIV7G__breakpointCard[data-active=true]{border-color:var(--diagram-layer-2);background:color-mix(in srgb, var(--diagram-layer-2) 8%, var(--color-bg))}.ImagePerfLab-module__lIIV7G__breakpointLabel{color:var(--color-text);text-transform:uppercase;letter-spacing:.06em;font-size:.6rem;font-weight:700}.ImagePerfLab-module__lIIV7G__breakpointCrop{color:var(--diagram-layer-2);font-size:.58rem;font-weight:700}.ImagePerfLab-module__lIIV7G__breakpointDesc{color:var(--color-muted);font-size:.56rem;line-height:1.45}.ImagePerfLab-module__lIIV7G__lazyControls{gap:var(--space-1);flex-wrap:wrap;display:flex}.ImagePerfLab-module__lIIV7G__lazyPreset{font-family:var(--font-mono);padding:var(--space-1) var(--space-2);border-radius:var(--radius-1);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;font-size:.58rem;font-weight:700;transition:all .15s}.ImagePerfLab-module__lIIV7G__lazyPreset:hover{border-color:var(--diagram-layer-2);color:var(--diagram-layer-2)}.ImagePerfLab-module__lIIV7G__galleryGrid{gap:var(--space-1);grid-template-columns:repeat(5,1fr);display:grid}.ImagePerfLab-module__lIIV7G__galleryCell{aspect-ratio:4/3;padding:var(--space-1);border-radius:var(--radius-1);border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;font-family:var(--font-mono);flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:all .15s;display:flex;position:relative}.ImagePerfLab-module__lIIV7G__galleryCell:hover{border-color:var(--diagram-layer-2)}.ImagePerfLab-module__lIIV7G__galleryCell[data-policy=eager]{background:color-mix(in srgb, var(--color-success) 12%, var(--color-bg));border-color:var(--color-success)}.ImagePerfLab-module__lIIV7G__galleryCell[data-policy=lazy]{background:var(--color-bg);border-style:dashed}.ImagePerfLab-module__lIIV7G__galleryCell[data-fold=true]{outline:1px solid color-mix(in srgb, var(--diagram-layer-2) 40%, transparent);outline-offset:1px}.ImagePerfLab-module__lIIV7G__galleryCell[data-hero=true]{grid-area:span 2/span 2}.ImagePerfLab-module__lIIV7G__galleryIndex{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:800}.ImagePerfLab-module__lIIV7G__galleryPolicy{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);font-size:.5rem;font-weight:700}.ImagePerfLab-module__lIIV7G__galleryCell[data-policy=eager] .ImagePerfLab-module__lIIV7G__galleryPolicy{color:var(--color-success)}.ImagePerfLab-module__lIIV7G__galleryHero{text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-1);background:var(--diagram-layer-2);color:var(--color-bg);padding:1px 5px;font-size:.5rem;font-weight:800;position:absolute;bottom:4px;right:4px}.ImagePerfLab-module__lIIV7G__budgetMeter{border-radius:var(--radius-1);border:1px solid var(--color-border);background:var(--color-bg);height:28px;padding:0 var(--space-2);align-items:center;display:flex;position:relative;overflow:hidden}.ImagePerfLab-module__lIIV7G__budgetMeterFill{background:color-mix(in srgb, var(--color-success) 30%, transparent);border-right:2px solid var(--color-success);transition:width .3s,background .3s;position:absolute;top:0;bottom:0;left:0}.ImagePerfLab-module__lIIV7G__budgetMeter[data-status=bad] .ImagePerfLab-module__lIIV7G__budgetMeterFill{background:color-mix(in srgb, var(--color-error) 30%, transparent);border-right-color:var(--color-error)}.ImagePerfLab-module__lIIV7G__budgetMeterLabel{color:var(--color-text);z-index:1;font-variant-numeric:tabular-nums;font-size:.62rem;position:relative}.ImagePerfLab-module__lIIV7G__budgetMeterLabel strong{font-weight:800}.ImagePerfLab-module__lIIV7G__budgetMeter[data-status=bad] .ImagePerfLab-module__lIIV7G__budgetMeterLabel{color:var(--color-error);font-weight:700}.ImagePerfLab-module__lIIV7G__lcpWarning{color:var(--color-text);padding:var(--space-2);border:1px solid var(--color-error);border-radius:var(--radius-1);background:color-mix(in srgb, var(--color-error) 12%, var(--color-bg));font-size:.62rem;line-height:1.55}.ImagePerfLab-module__lIIV7G__lcpWarning strong{color:var(--color-error);font-weight:800}.ImagePerfLab-module__lIIV7G__foldWarning{color:var(--color-text);padding:var(--space-2);border:1px solid color-mix(in srgb, var(--color-warning) 40%, var(--color-border));border-radius:var(--radius-1);background:color-mix(in srgb, var(--color-warning) 10%, var(--color-bg));font-size:.62rem;line-height:1.55}.ImagePerfLab-module__lIIV7G__foldWarning strong{color:var(--color-warning);font-weight:800}.ImagePerfLab-module__lIIV7G__strategyToggle{gap:2px;display:flex}.ImagePerfLab-module__lIIV7G__strategyButton{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-bg);color:var(--color-muted);font-family:var(--font-mono);text-align:center;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;flex:1;font-size:.58rem;font-weight:700;transition:all .15s}.ImagePerfLab-module__lIIV7G__strategyButton:hover:not([data-active=true]){color:var(--color-text)}.ImagePerfLab-module__lIIV7G__strategyButton[data-active=true]{border-color:var(--diagram-layer-2);color:var(--diagram-layer-2);background:color-mix(in srgb, var(--diagram-layer-2) 10%, var(--color-bg))}.ImagePerfLab-module__lIIV7G__priorityList{flex-direction:column;gap:2px;display:flex}.ImagePerfLab-module__lIIV7G__priorityRow{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-1);background:var(--color-bg);grid-template-columns:20px 100px 44px 1fr 48px auto;font-size:.6rem;display:grid}.ImagePerfLab-module__lIIV7G__priorityIndex{color:var(--color-muted);font-variant-numeric:tabular-nums;font-weight:700}.ImagePerfLab-module__lIIV7G__priorityName{color:var(--color-text);font-weight:600}.ImagePerfLab-module__lIIV7G__priorityBadge{border-radius:var(--radius-1);text-align:center;text-transform:uppercase;letter-spacing:.06em;padding:1px 5px;font-size:.5rem;font-weight:800}.ImagePerfLab-module__lIIV7G__priorityBadge[data-priority=high]{background:color-mix(in srgb, var(--color-success) 15%, transparent);color:var(--color-success)}.ImagePerfLab-module__lIIV7G__priorityBadge[data-priority=auto]{background:color-mix(in srgb, var(--color-muted) 12%, transparent);color:var(--color-muted)}.ImagePerfLab-module__lIIV7G__priorityBadge[data-priority=low]{background:color-mix(in srgb, var(--color-warning) 15%, transparent);color:var(--color-warning)}.ImagePerfLab-module__lIIV7G__priorityBarTrack{border-radius:var(--radius-1);background:var(--color-border);height:6px;overflow:hidden}.ImagePerfLab-module__lIIV7G__priorityBar{border-radius:var(--radius-1);background:var(--diagram-layer-0);height:100%;transition:width .3s}.ImagePerfLab-module__lIIV7G__priorityBar[data-lcp=true]{background:var(--diagram-layer-2)}.ImagePerfLab-module__lIIV7G__prioritySize{font-variant-numeric:tabular-nums;color:var(--color-muted);text-align:right;font-size:.58rem}.ImagePerfLab-module__lIIV7G__lcpBadge{color:var(--color-bg);background:var(--diagram-layer-2);border-radius:var(--radius-1);text-transform:uppercase;letter-spacing:.08em;padding:1px 5px;font-size:.5rem;font-weight:800}.ImagePerfLab-module__lIIV7G__cdnSplit{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-bg);flex-direction:column;display:flex}.ImagePerfLab-module__lIIV7G__cdnSplitMeta{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);font-size:.56rem;font-weight:700}.ImagePerfLab-module__lIIV7G__cdnSplitCode{font-family:var(--font-mono);color:var(--color-text);padding:var(--space-1) var(--space-2);border-radius:var(--radius-1);background:var(--color-surface);border:1px solid var(--color-border);word-break:break-word;font-size:.6rem}.ImagePerfLab-module__lIIV7G__cdnPipeline{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) 0;flex-wrap:wrap;display:flex}.ImagePerfLab-module__lIIV7G__cdnStage{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-bg);cursor:pointer;flex-direction:column;align-items:center;gap:2px;min-width:72px;transition:all .15s;display:flex}.ImagePerfLab-module__lIIV7G__cdnStage:hover{border-color:var(--diagram-layer-2)}.ImagePerfLab-module__lIIV7G__cdnStage[data-active=true]{border-color:var(--diagram-layer-2);background:color-mix(in srgb, var(--diagram-layer-2) 8%, var(--color-bg))}.ImagePerfLab-module__lIIV7G__cdnStage[data-visited=true] .ImagePerfLab-module__lIIV7G__cdnStageIndex{background:var(--diagram-layer-2);color:var(--color-bg)}.ImagePerfLab-module__lIIV7G__cdnStageIndex{background:var(--color-border);width:18px;height:18px;color:var(--color-muted);border-radius:999px;justify-content:center;align-items:center;font-size:.56rem;font-weight:800;transition:all .15s;display:flex}.ImagePerfLab-module__lIIV7G__cdnStageLabel{color:var(--color-text);text-transform:uppercase;letter-spacing:.06em;font-size:.58rem;font-weight:700}.ImagePerfLab-module__lIIV7G__cdnArrow{color:var(--color-border);font-size:.7rem;transition:color .15s}.ImagePerfLab-module__lIIV7G__cdnArrow[data-active=true]{color:var(--diagram-layer-2)}.ImagePerfLab-module__lIIV7G__cdnDetail{padding:var(--space-2) var(--space-3);border-left:3px solid var(--diagram-layer-2);border-radius:var(--radius-1);background:var(--color-bg)}.ImagePerfLab-module__lIIV7G__cdnDetailLabel{color:var(--diagram-layer-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:.6rem;font-weight:800}.ImagePerfLab-module__lIIV7G__cdnDetailDesc{color:var(--color-text);font-size:.62rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.ImagePerfLab-module__lIIV7G__stepDot[data-current=true]{animation:none}.ImagePerfLab-module__lIIV7G__barFill,.ImagePerfLab-module__lIIV7G__priorityBar,.ImagePerfLab-module__lIIV7G__budgetMeterFill,.ImagePerfLab-module__lIIV7G__formatBarFill,.ImagePerfLab-module__lIIV7G__cropPreview{transition:none!important}}
.OtherAssetsPerfLab-module__HGj4FG__labRoot{height:100%;font-family:var(--font-mono);flex-direction:column;display:flex;overflow:hidden}.OtherAssetsPerfLab-module__HGj4FG__stepBar{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;display:flex}.OtherAssetsPerfLab-module__HGj4FG__stepDot{min-width:1.6rem;height:1.6rem;font-family:var(--font-mono);color:var(--color-muted);border:1px solid var(--color-border);padding:0 var(--space-1);border-radius:999px;justify-content:center;align-items:center;font-size:.62rem;font-weight:700;transition:all .15s;display:inline-flex}.OtherAssetsPerfLab-module__HGj4FG__stepDot[data-active=true]{color:var(--diagram-layer-5);border-color:color-mix(in srgb, var(--diagram-layer-5) 40%, transparent)}.OtherAssetsPerfLab-module__HGj4FG__stepDot[data-current=true]{color:var(--color-bg);background:var(--diagram-layer-5);border-color:var(--diagram-layer-5);box-shadow:0 0 0 3px color-mix(in srgb, var(--diagram-layer-5) 25%, transparent);font-weight:700;animation:2s ease-in-out infinite OtherAssetsPerfLab-module__HGj4FG__stepPulse}@keyframes OtherAssetsPerfLab-module__HGj4FG__stepPulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--diagram-layer-5) 25%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--diagram-layer-5) 12%, transparent)}}.OtherAssetsPerfLab-module__HGj4FG__scrollArea{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.OtherAssetsPerfLab-module__HGj4FG__zoneFrame{width:100%}.OtherAssetsPerfLab-module__HGj4FG__zoneLayout{gap:var(--space-3);flex-direction:column;display:flex}.OtherAssetsPerfLab-module__HGj4FG__sectionHeading{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);letter-spacing:-.01em;margin:0;font-weight:600}.OtherAssetsPerfLab-module__HGj4FG__zonePane{gap:var(--space-3);flex-direction:column;display:flex}.OtherAssetsPerfLab-module__HGj4FG__paneHeader{align-items:baseline;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.OtherAssetsPerfLab-module__HGj4FG__paneLabel{text-transform:uppercase;letter-spacing:.1em;color:var(--diagram-layer-5);font-size:.6rem;font-weight:700}.OtherAssetsPerfLab-module__HGj4FG__paneSub{color:var(--color-muted);flex:200px;font-size:.68rem;line-height:1.4}.OtherAssetsPerfLab-module__HGj4FG__paneActions{gap:var(--space-1);margin-left:auto;display:flex}.OtherAssetsPerfLab-module__HGj4FG__linkButton{font-family:var(--font-mono);color:var(--diagram-layer-5);border:1px solid color-mix(in srgb, var(--diagram-layer-5) 30%, var(--color-border));border-radius:var(--radius-1);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;background:0 0;padding:.18rem .55rem;font-size:.62rem;font-weight:700;transition:all .12s}.OtherAssetsPerfLab-module__HGj4FG__linkButton:hover{background:color-mix(in srgb, var(--diagram-layer-5) 10%, transparent);border-color:var(--diagram-layer-5)}.OtherAssetsPerfLab-module__HGj4FG__codeReveal{gap:var(--space-1);flex-direction:column;display:flex}.OtherAssetsPerfLab-module__HGj4FG__codeRevealLabel{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);font-size:.6rem;font-weight:700}.OtherAssetsPerfLab-module__HGj4FG__codeBlock{padding:var(--space-2) var(--space-3);border-radius:var(--radius-1);background:var(--color-bg);border:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-text);white-space:pre;margin:0;font-size:.68rem;line-height:1.55;overflow-x:auto}.OtherAssetsPerfLab-module__HGj4FG__strategyChips{flex-wrap:wrap;gap:4px;display:flex}.OtherAssetsPerfLab-module__HGj4FG__strategyChip{font-family:var(--font-mono);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-muted);cursor:pointer;border-radius:999px;padding:.28rem .6rem;font-size:.65rem;font-weight:600;transition:all .15s}.OtherAssetsPerfLab-module__HGj4FG__strategyChip:hover:not([data-active=true]){color:var(--color-text);border-color:color-mix(in srgb, var(--diagram-layer-5) 40%, var(--color-border))}.OtherAssetsPerfLab-module__HGj4FG__strategyChip[data-active=true]{background:var(--diagram-layer-5);color:var(--color-bg);border-color:var(--diagram-layer-5)}.OtherAssetsPerfLab-module__HGj4FG__mockPageFrame{border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);flex-direction:column;min-height:320px;display:flex;overflow:hidden}.OtherAssetsPerfLab-module__HGj4FG__mockNav{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface-2);align-items:center;gap:.4rem;display:flex}.OtherAssetsPerfLab-module__HGj4FG__mockNavDot{background:var(--color-border);border-radius:999px;width:8px;height:8px}.OtherAssetsPerfLab-module__HGj4FG__mockNavDot:first-child{background:var(--color-error)}.OtherAssetsPerfLab-module__HGj4FG__mockNavDot:nth-child(2){background:var(--color-warning)}.OtherAssetsPerfLab-module__HGj4FG__mockNavDot:nth-child(3){background:var(--color-success)}.OtherAssetsPerfLab-module__HGj4FG__mockNavLabel{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;margin-left:auto;padding:.15rem .5rem;font-size:.6rem;font-weight:700}.OtherAssetsPerfLab-module__HGj4FG__mockBody{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;min-height:180px;display:flex;position:relative}.OtherAssetsPerfLab-module__HGj4FG__mockHeading{color:var(--color-text);min-height:1.4rem;margin:0;font-size:1.4rem;font-weight:700;line-height:1.15}.OtherAssetsPerfLab-module__HGj4FG__mockParagraph{color:var(--color-text);max-width:60ch;min-height:3rem;margin:0;font-size:.95rem;font-weight:400;line-height:1.55}.OtherAssetsPerfLab-module__HGj4FG__mockHeading[data-font=custom],.OtherAssetsPerfLab-module__HGj4FG__mockParagraph[data-font=custom]{letter-spacing:-.005em;font-family:ui-serif,Georgia,Times New Roman,serif;font-weight:600}.OtherAssetsPerfLab-module__HGj4FG__mockHeading[data-font=system],.OtherAssetsPerfLab-module__HGj4FG__mockParagraph[data-font=system]{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.OtherAssetsPerfLab-module__HGj4FG__mockHeading[data-font=system-adjusted],.OtherAssetsPerfLab-module__HGj4FG__mockParagraph[data-font=system-adjusted]{letter-spacing:-.005em;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:600}.OtherAssetsPerfLab-module__HGj4FG__mockHeading[data-font=invisible],.OtherAssetsPerfLab-module__HGj4FG__mockParagraph[data-font=invisible]{visibility:hidden}.OtherAssetsPerfLab-module__HGj4FG__mockSpinner{top:var(--space-4);left:var(--space-4);justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:absolute}.OtherAssetsPerfLab-module__HGj4FG__mockSpinnerArc{border:2px solid var(--color-border);border-top-color:var(--diagram-layer-5);border-radius:999px;width:16px;height:16px;animation:.9s linear infinite OtherAssetsPerfLab-module__HGj4FG__mockSpin}@keyframes OtherAssetsPerfLab-module__HGj4FG__mockSpin{to{transform:rotate(360deg)}}.OtherAssetsPerfLab-module__HGj4FG__mockFooter{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);background:var(--color-bg);display:flex}.OtherAssetsPerfLab-module__HGj4FG__mockMeter{align-items:center;gap:.4rem;display:inline-flex}.OtherAssetsPerfLab-module__HGj4FG__mockMeterLabel{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);font-size:.55rem;font-weight:700}.OtherAssetsPerfLab-module__HGj4FG__mockMeterValue{font-family:var(--font-mono);font-variant-numeric:tabular-nums;border:2px solid;border-radius:999px;padding:.1rem .55rem;font-size:.95rem;font-weight:800}.OtherAssetsPerfLab-module__HGj4FG__mockMeterPhase{font-family:var(--font-mono);color:var(--color-text);font-size:.65rem}.OtherAssetsPerfLab-module__HGj4FG__strategyNote{padding:var(--space-2) var(--space-3);border-radius:var(--radius-2);border:1px solid var(--color-border);border-left:3px solid var(--diagram-layer-5);background:var(--color-surface);flex-direction:column;gap:.25rem;display:flex}.OtherAssetsPerfLab-module__HGj4FG__strategyNoteTitle{font-family:var(--font-mono);color:var(--diagram-layer-5);font-size:.72rem;font-weight:700}.OtherAssetsPerfLab-module__HGj4FG__strategyNoteBody{color:var(--color-text);font-size:.7rem;line-height:1.55}.OtherAssetsPerfLab-module__HGj4FG__foldToggleRow{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.OtherAssetsPerfLab-module__HGj4FG__foldToggle{border:1px solid var(--color-border);background:var(--color-bg);border-radius:999px;display:inline-flex;overflow:hidden}.OtherAssetsPerfLab-module__HGj4FG__foldToggleBtn{font-family:var(--font-mono);color:var(--color-muted);cursor:pointer;background:0 0;border:none;padding:.3rem .85rem;font-size:.65rem;font-weight:600;transition:all .12s}.OtherAssetsPerfLab-module__HGj4FG__foldToggleBtn[data-active=true]{background:var(--diagram-layer-5);color:var(--color-bg)}.OtherAssetsPerfLab-module__HGj4FG__videoBoardHeaderHint{font-family:var(--font-mono);color:var(--color-text);background:color-mix(in srgb, var(--diagram-layer-5) 10%, var(--color-bg));border:1px solid color-mix(in srgb, var(--diagram-layer-5) 25%, var(--color-border));border-radius:999px;margin-left:auto;padding:.15rem .55rem;font-size:.62rem;font-weight:600}.OtherAssetsPerfLab-module__HGj4FG__videoOptionsGrid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.OtherAssetsPerfLab-module__HGj4FG__videoOptionCard{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);flex-direction:column;transition:all .2s;display:flex}.OtherAssetsPerfLab-module__HGj4FG__videoOptionCard[data-best=true]{border-color:var(--color-success);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-success) 30%, transparent)}.OtherAssetsPerfLab-module__HGj4FG__videoOptionHead{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.OtherAssetsPerfLab-module__HGj4FG__videoOptionTag{font-family:var(--font-mono);color:var(--color-text);font-size:.72rem;font-weight:700}.OtherAssetsPerfLab-module__HGj4FG__videoOptionBadge{font-family:var(--font-mono);color:var(--color-success);background:color-mix(in srgb, var(--color-success) 15%, var(--color-bg));border:1px solid color-mix(in srgb, var(--color-success) 40%, var(--color-border));letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.12rem .45rem;font-size:.55rem;font-weight:700}.OtherAssetsPerfLab-module__HGj4FG__videoMetricGrid{gap:var(--space-1);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.OtherAssetsPerfLab-module__HGj4FG__videoMetric{border-radius:var(--radius-1);background:var(--color-bg);border:1px solid var(--color-border);flex-direction:column;gap:.1rem;padding:.4rem .5rem;display:flex}.OtherAssetsPerfLab-module__HGj4FG__videoMetric dt{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:.55rem;font-weight:700}.OtherAssetsPerfLab-module__HGj4FG__videoMetric dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:0;font-size:.8rem;font-weight:800}.OtherAssetsPerfLab-module__HGj4FG__videoMetric dd[data-status=good]{color:var(--color-success)}.OtherAssetsPerfLab-module__HGj4FG__videoMetric dd[data-status=ok]{color:var(--color-warning)}.OtherAssetsPerfLab-module__HGj4FG__videoMetric dd[data-status=bad]{color:var(--color-error)}.OtherAssetsPerfLab-module__HGj4FG__videoOptionTradeoff{color:var(--color-text);margin:0;font-size:.7rem;line-height:1.5}.OtherAssetsPerfLab-module__HGj4FG__videoCodeSnippet{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-bg);font-family:var(--font-mono);white-space:pre;color:var(--color-text);margin:0;font-size:.62rem;line-height:1.5;overflow-x:auto}.OtherAssetsPerfLab-module__HGj4FG__auditMeter{padding:var(--space-3);border-radius:var(--radius-2);border:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;gap:.4rem;display:flex}.OtherAssetsPerfLab-module__HGj4FG__auditMeterHead{justify-content:space-between;align-items:baseline;display:flex}.OtherAssetsPerfLab-module__HGj4FG__auditMeterLabel{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:.62rem;font-weight:700}.OtherAssetsPerfLab-module__HGj4FG__auditMeterValue{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:800}.OtherAssetsPerfLab-module__HGj4FG__auditMeterTrack{background:var(--color-border);border-radius:999px;height:12px;position:relative;overflow:visible}.OtherAssetsPerfLab-module__HGj4FG__auditMeterFill{border-radius:999px;transition:width .4s,background .2s;position:absolute;inset:0 auto 0 0}.OtherAssetsPerfLab-module__HGj4FG__auditMeterMark{font-family:var(--font-mono);color:var(--color-muted);white-space:nowrap;margin-top:.25rem;font-size:.55rem;font-weight:700;position:absolute;top:100%;transform:translate(-50%)}.OtherAssetsPerfLab-module__HGj4FG__auditMeterMark:before{content:"";background:var(--color-muted);width:1px;height:16px;position:absolute;bottom:100%;left:50%}.OtherAssetsPerfLab-module__HGj4FG__auditMeterStats{gap:var(--space-3);font-family:var(--font-mono);color:var(--color-muted);flex-wrap:wrap;padding-top:1.5rem;font-size:.68rem;display:flex}.OtherAssetsPerfLab-module__HGj4FG__auditMeterStats strong{color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:700}.OtherAssetsPerfLab-module__HGj4FG__timeline{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);flex-direction:column;display:flex}.OtherAssetsPerfLab-module__HGj4FG__timelineLabel{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);font-size:.6rem;font-weight:700}.OtherAssetsPerfLab-module__HGj4FG__timelineTrack{background:var(--color-bg);border-radius:var(--radius-1);border:1px solid var(--color-border);align-items:stretch;gap:2px;min-height:36px;padding:2px;display:flex;position:relative;overflow:hidden}.OtherAssetsPerfLab-module__HGj4FG__timelineBar{border-radius:var(--radius-1);font-family:var(--font-mono);color:var(--color-bg);flex-direction:column;flex-basis:0;justify-content:center;gap:.1rem;min-width:0;padding:.2rem .4rem;font-size:.62rem;font-weight:700;display:flex;overflow:hidden}.OtherAssetsPerfLab-module__HGj4FG__timelineBar[data-mode=blocking]{background:var(--color-error)}.OtherAssetsPerfLab-module__HGj4FG__timelineBar[data-mode=async]{background:var(--color-warning)}.OtherAssetsPerfLab-module__HGj4FG__timelineBar[data-mode=partytown]{background:var(--color-success)}.OtherAssetsPerfLab-module__HGj4FG__timelineBarLabel{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.OtherAssetsPerfLab-module__HGj4FG__timelineBarMs{font-family:var(--font-mono);font-variant-numeric:tabular-nums;opacity:.85;font-size:.58rem}.OtherAssetsPerfLab-module__HGj4FG__timelineDeferRail{pointer-events:none;flex-wrap:wrap;gap:.25rem;display:flex;position:absolute;bottom:2px;right:4px}.OtherAssetsPerfLab-module__HGj4FG__timelineDeferTag{font-family:var(--font-mono);color:var(--diagram-layer-5);background:color-mix(in srgb, var(--diagram-layer-5) 12%, var(--color-bg));border:1px solid color-mix(in srgb, var(--diagram-layer-5) 30%, var(--color-border));border-radius:999px;padding:.1rem .4rem;font-size:.58rem;font-weight:600}.OtherAssetsPerfLab-module__HGj4FG__timelineLegend{gap:var(--space-2);font-family:var(--font-mono);color:var(--color-muted);flex-wrap:wrap;font-size:.6rem;display:flex}.OtherAssetsPerfLab-module__HGj4FG__timelineLegend span{align-items:center;gap:.4rem;display:inline-flex}.OtherAssetsPerfLab-module__HGj4FG__timelineLegend span:before{content:"";background:var(--color-muted);border-radius:999px;width:8px;height:8px}.OtherAssetsPerfLab-module__HGj4FG__timelineLegend span[data-mode=blocking]:before{background:var(--color-error)}.OtherAssetsPerfLab-module__HGj4FG__timelineLegend span[data-mode=async]:before{background:var(--color-warning)}.OtherAssetsPerfLab-module__HGj4FG__timelineLegend span[data-mode=defer]:before{background:var(--diagram-layer-5)}.OtherAssetsPerfLab-module__HGj4FG__timelineLegend span[data-mode=partytown]:before{background:var(--color-success)}.OtherAssetsPerfLab-module__HGj4FG__scriptList{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.OtherAssetsPerfLab-module__HGj4FG__scriptRow{padding:var(--space-2) var(--space-3);border-radius:var(--radius-1);background:var(--color-bg);border:1px solid var(--color-border);flex-direction:column;gap:.3rem;display:flex}.OtherAssetsPerfLab-module__HGj4FG__scriptRowHead{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.OtherAssetsPerfLab-module__HGj4FG__scriptName{font-family:var(--font-mono);color:var(--color-text);font-size:.72rem;font-weight:700}.OtherAssetsPerfLab-module__HGj4FG__scriptCost{font-family:var(--font-mono);color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.65rem;font-weight:600}.OtherAssetsPerfLab-module__HGj4FG__scriptPurpose{font-family:var(--font-sans,system-ui);color:var(--color-muted);font-size:.65rem}.OtherAssetsPerfLab-module__HGj4FG__scriptModeRow{flex-wrap:wrap;gap:4px;display:flex}.OtherAssetsPerfLab-module__HGj4FG__modeChip{font-family:var(--font-mono);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:pointer;border-radius:999px;padding:.22rem .55rem;font-size:.62rem;font-weight:700;transition:all .15s}.OtherAssetsPerfLab-module__HGj4FG__modeChip:hover:not([data-active=true]):not(:disabled){color:var(--color-text);border-color:var(--color-text)}.OtherAssetsPerfLab-module__HGj4FG__modeChip[data-active=true]{background:var(--diagram-layer-5);color:var(--color-bg);border-color:var(--diagram-layer-5)}.OtherAssetsPerfLab-module__HGj4FG__modeChip:disabled,.OtherAssetsPerfLab-module__HGj4FG__modeChip[data-blocked=true]{opacity:.45;cursor:not-allowed;text-decoration:line-through}.OtherAssetsPerfLab-module__HGj4FG__scriptWarning{font-family:var(--font-mono);color:var(--color-warning);font-size:.62rem;line-height:1.5}.OtherAssetsPerfLab-module__HGj4FG__auditVerdict{padding:var(--space-2) var(--space-3);border-radius:var(--radius-2);border:1px solid var(--color-border);border-left:3px solid var(--color-warning);flex-direction:column;gap:.25rem;display:flex}.OtherAssetsPerfLab-module__HGj4FG__auditVerdict[data-status=good]{background:color-mix(in srgb, var(--color-success) 10%, var(--color-bg));border-color:color-mix(in srgb, var(--color-success) 35%, var(--color-border));border-left-color:var(--color-success)}.OtherAssetsPerfLab-module__HGj4FG__auditVerdict[data-status=warn]{background:color-mix(in srgb, var(--color-warning) 10%, var(--color-bg));border-color:color-mix(in srgb, var(--color-warning) 35%, var(--color-border));border-left-color:var(--color-warning)}.OtherAssetsPerfLab-module__HGj4FG__auditVerdictHeadline{font-family:var(--font-mono);color:var(--color-text);font-size:.72rem;font-weight:700}.OtherAssetsPerfLab-module__HGj4FG__auditVerdictBody{color:var(--color-text);font-size:.68rem;line-height:1.5}.OtherAssetsPerfLab-module__HGj4FG__snippetReveal{flex-direction:column;gap:.4rem;display:flex}.OtherAssetsPerfLab-module__HGj4FG__snippetRevealLabel{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);font-size:.6rem;font-weight:700}@media (prefers-reduced-motion:reduce){.OtherAssetsPerfLab-module__HGj4FG__mockSpinnerArc{animation:none}.OtherAssetsPerfLab-module__HGj4FG__auditMeterFill,.OtherAssetsPerfLab-module__HGj4FG__timelineBar{transition:none}.OtherAssetsPerfLab-module__HGj4FG__stepDot{animation:none}.OtherAssetsPerfLab-module__HGj4FG__strategyChip,.OtherAssetsPerfLab-module__HGj4FG__modeChip,.OtherAssetsPerfLab-module__HGj4FG__foldToggleBtn,.OtherAssetsPerfLab-module__HGj4FG__linkButton{transition:none}}
.ResourceHintsLab-module__gvp6qW__labRoot{height:100%;font-family:var(--font-mono);background:var(--color-bg);flex-direction:column;display:flex;overflow:hidden}.ResourceHintsLab-module__gvp6qW__stepBar{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;display:flex}.ResourceHintsLab-module__gvp6qW__stepDot{min-width:1.8rem;height:1.6rem;font-family:var(--font-mono);color:var(--color-muted);border:1px solid var(--color-border);padding:0 var(--space-2);border-radius:999px;justify-content:center;align-items:center;font-size:.58rem;font-weight:700;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.ResourceHintsLab-module__gvp6qW__stepDot[data-active=true]{color:var(--diagram-layer-9);border-color:color-mix(in srgb, var(--diagram-layer-9) 40%, transparent)}.ResourceHintsLab-module__gvp6qW__stepDot[data-current=true]{color:var(--color-bg);background:var(--diagram-layer-9);border-color:var(--diagram-layer-9);box-shadow:0 0 0 3px color-mix(in srgb, var(--diagram-layer-9) 25%, transparent);font-weight:700;animation:2s ease-in-out infinite ResourceHintsLab-module__gvp6qW__stepPulse}@keyframes ResourceHintsLab-module__gvp6qW__stepPulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--diagram-layer-9) 25%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--diagram-layer-9) 12%, transparent)}}.ResourceHintsLab-module__gvp6qW__scrollArea{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.ResourceHintsLab-module__gvp6qW__timelineWrap{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);gap:var(--space-2);flex-direction:column;display:flex}.ResourceHintsLab-module__gvp6qW__timelineHeader{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.ResourceHintsLab-module__gvp6qW__timelineTitle{color:var(--color-text);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:700}.ResourceHintsLab-module__gvp6qW__timelineEnd{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.6rem}.ResourceHintsLab-module__gvp6qW__timelineEnd strong{color:var(--color-success);font-variant-numeric:tabular-nums;font-weight:700}.ResourceHintsLab-module__gvp6qW__timelineEnd[data-status=warn] strong{color:var(--color-error)}.ResourceHintsLab-module__gvp6qW__timelineSvg{width:100%;height:auto;display:block}.ResourceHintsLab-module__gvp6qW__timelineTickLabel{font-family:var(--font-mono);fill:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.45rem}.ResourceHintsLab-module__gvp6qW__timelineLabel{font-family:var(--font-mono);font-size:.55rem;font-weight:600}.ResourceHintsLab-module__gvp6qW__timelineLabel[data-focus=true]{fill:var(--diagram-layer-9);font-weight:800}.ResourceHintsLab-module__gvp6qW__timelineBadge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;fill:var(--color-muted);font-size:.46rem;font-weight:700}.ResourceHintsLab-module__gvp6qW__timelineBadge[data-tone=high]{fill:var(--color-success)}.ResourceHintsLab-module__gvp6qW__timelineBadge[data-tone=low]{fill:var(--color-muted)}.ResourceHintsLab-module__gvp6qW__timelineBadge[data-tone=idle]{fill:var(--diagram-layer-9)}.ResourceHintsLab-module__gvp6qW__timelineLegend{align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--color-border);color:var(--color-muted);letter-spacing:.04em;flex-wrap:wrap;font-size:.5rem;display:flex}.ResourceHintsLab-module__gvp6qW__legendItem{align-items:center;gap:var(--space-1);display:inline-flex}.ResourceHintsLab-module__gvp6qW__legendSwatch{border-radius:2px;width:9px;height:9px;display:inline-block}.ResourceHintsLab-module__gvp6qW__legendDivider{background:var(--color-border);opacity:.4;height:1px;margin:0 var(--space-1);flex:1}.ResourceHintsLab-module__gvp6qW__legendNote{opacity:.85;font-style:italic}.ResourceHintsLab-module__gvp6qW__codePanel{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);gap:var(--space-2);flex-direction:column;display:flex}.ResourceHintsLab-module__gvp6qW__codePanelHeader{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ResourceHintsLab-module__gvp6qW__codePanelStep{color:var(--color-bg);background:var(--diagram-layer-9);padding:2px var(--space-2);border-radius:var(--radius-1);text-transform:uppercase;letter-spacing:.08em;font-size:.5rem;font-weight:800}.ResourceHintsLab-module__gvp6qW__codePanelTitle{color:var(--color-text);letter-spacing:.02em;text-transform:none;flex:1;font-size:.7rem;font-weight:700}.ResourceHintsLab-module__gvp6qW__codePanelBadge{font-variant-numeric:tabular-nums;padding:2px var(--space-2);border-radius:var(--radius-1);font-size:.52rem;font-weight:700}.ResourceHintsLab-module__gvp6qW__codePanelBadge[data-tone=good]{color:var(--color-success);background:color-mix(in srgb, var(--color-success) 12%, var(--color-bg))}.ResourceHintsLab-module__gvp6qW__codePanelBadge[data-tone=bad]{color:var(--color-error);background:color-mix(in srgb, var(--color-error) 12%, var(--color-bg))}.ResourceHintsLab-module__gvp6qW__codeSnippet{padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-1);font-family:var(--font-mono);color:var(--color-text);white-space:pre;margin:0;font-size:.56rem;line-height:1.55;overflow-x:auto}.ResourceHintsLab-module__gvp6qW__codeSnippet code{font-family:inherit;font-size:inherit;background:0 0;padding:0}.ResourceHintsLab-module__gvp6qW__codeCallout{color:var(--color-muted);margin:0;font-size:.62rem;line-height:1.55}.ResourceHintsLab-module__gvp6qW__trapPanel{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);gap:var(--space-2);flex-direction:column;transition:border-color .2s,background .2s;display:flex}.ResourceHintsLab-module__gvp6qW__trapPanel[data-active=true]{border-color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 6%, var(--color-surface))}.ResourceHintsLab-module__gvp6qW__trapHeader{align-items:center;gap:var(--space-2);display:flex}.ResourceHintsLab-module__gvp6qW__trapDot{background:var(--color-border);border-radius:999px;flex-shrink:0;width:8px;height:8px;transition:background .2s,box-shadow .2s}.ResourceHintsLab-module__gvp6qW__trapDot[data-active=true]{background:var(--color-warning);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-warning) 25%, transparent)}.ResourceHintsLab-module__gvp6qW__trapTitle{color:var(--color-text);text-transform:uppercase;letter-spacing:.06em;flex:1;font-size:.6rem;font-weight:700}.ResourceHintsLab-module__gvp6qW__trapCount{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.5rem;font-weight:700}.ResourceHintsLab-module__gvp6qW__trapBody{color:var(--color-muted);margin:0;font-size:.6rem;line-height:1.55}@media (prefers-reduced-motion:reduce){.ResourceHintsLab-module__gvp6qW__stepDot[data-current=true]{animation:none}}
.HeightComparisonLab-module__5-eMlG__labRoot{height:100%;font-family:var(--font-mono);flex-direction:column;display:flex;overflow:hidden}.HeightComparisonLab-module__5-eMlG__scrollArea{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.HeightComparisonLab-module__5-eMlG__widgetPanel{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);gap:var(--space-2);flex-direction:column;display:flex}.HeightComparisonLab-module__5-eMlG__widgetTitle{color:var(--color-text);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:700}.HeightComparisonLab-module__5-eMlG__widgetNote{color:var(--color-muted);margin:0;font-size:.62rem;line-height:1.5}.HeightComparisonLab-module__5-eMlG__widgetNote code{font-family:var(--font-mono);background:color-mix(in srgb, var(--diagram-layer-3) 10%, transparent);color:var(--color-text);border-radius:3px;padding:1px 4px}.HeightComparisonLab-module__5-eMlG__itemList{border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-bg);position:relative;overflow:hidden}.HeightComparisonLab-module__5-eMlG__itemRow{align-items:center;gap:var(--space-2);padding:0 var(--space-2);border-bottom:1px solid var(--color-border);font-size:.6rem;transition:background .15s;display:flex}.HeightComparisonLab-module__5-eMlG__itemRow:last-child{border-bottom:none}.HeightComparisonLab-module__5-eMlG__itemRow[data-highlight=true]{background:color-mix(in srgb, var(--diagram-layer-3) 15%, var(--color-bg));outline:2px solid var(--diagram-layer-3);outline-offset:-2px}.HeightComparisonLab-module__5-eMlG__itemRow[data-search=true]{background:color-mix(in srgb, var(--diagram-layer-3) 6%, var(--color-bg))}.HeightComparisonLab-module__5-eMlG__itemIdx{color:var(--color-muted);font-variant-numeric:tabular-nums;min-width:24px;font-weight:700}.HeightComparisonLab-module__5-eMlG__itemBar{border-radius:var(--radius-1);background:var(--color-border);flex:1;height:6px;overflow:hidden}.HeightComparisonLab-module__5-eMlG__itemBarFill{border-radius:var(--radius-1);background:var(--diagram-layer-3);height:100%;transition:width .3s}.HeightComparisonLab-module__5-eMlG__itemHeight{font-variant-numeric:tabular-nums;color:var(--color-muted);text-align:right;min-width:32px;font-size:.56rem}.HeightComparisonLab-module__5-eMlG__formula{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-bg);text-align:center;color:var(--color-text);font-size:.72rem;font-weight:700;line-height:1.8}.HeightComparisonLab-module__5-eMlG__formulaVal{color:var(--diagram-layer-3);font-weight:800}.HeightComparisonLab-module__5-eMlG__formulaResult{color:var(--diagram-layer-3);font-size:.85rem;font-weight:800}.HeightComparisonLab-module__5-eMlG__formulaBadge{background:var(--diagram-layer-3);color:var(--color-bg);margin-left:var(--space-2);vertical-align:middle;border-radius:999px;padding:2px 8px;font-size:.56rem;font-weight:800;display:inline-block}.HeightComparisonLab-module__5-eMlG__offsetArray{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-bg);flex-wrap:wrap;gap:2px;display:flex}.HeightComparisonLab-module__5-eMlG__offsetCell{padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-surface);flex-direction:column;align-items:center;gap:1px;min-width:36px;transition:all .15s;display:flex}.HeightComparisonLab-module__5-eMlG__offsetCell[data-active=true]{border-color:var(--diagram-layer-3);background:color-mix(in srgb, var(--diagram-layer-3) 12%, var(--color-bg))}.HeightComparisonLab-module__5-eMlG__offsetIdx{color:var(--color-muted);font-size:.48rem;font-weight:700}.HeightComparisonLab-module__5-eMlG__offsetVal{font-variant-numeric:tabular-nums;color:var(--color-text);font-size:.58rem;font-weight:700}.HeightComparisonLab-module__5-eMlG__searchSteps{flex-direction:column;gap:2px;display:flex}.HeightComparisonLab-module__5-eMlG__searchStep{gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-1);background:var(--color-bg);border:1px solid var(--color-border);grid-template-columns:24px 1fr 60px 60px;align-items:center;font-size:.6rem;transition:all .15s;display:grid}.HeightComparisonLab-module__5-eMlG__searchStep[data-final=true]{border-color:var(--diagram-layer-3);background:color-mix(in srgb, var(--diagram-layer-3) 10%, var(--color-bg))}.HeightComparisonLab-module__5-eMlG__stepNum{color:var(--diagram-layer-3);font-variant-numeric:tabular-nums;font-weight:800}.HeightComparisonLab-module__5-eMlG__stepRange{color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:600}.HeightComparisonLab-module__5-eMlG__stepMid{color:var(--color-muted);font-variant-numeric:tabular-nums}.HeightComparisonLab-module__5-eMlG__stepOffset{color:var(--color-muted);font-variant-numeric:tabular-nums;text-align:right}.HeightComparisonLab-module__5-eMlG__comparison{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.HeightComparisonLab-module__5-eMlG__compCard{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);gap:var(--space-2);flex-direction:column;display:flex}.HeightComparisonLab-module__5-eMlG__compCard[data-active=true]{border-color:var(--diagram-layer-3)}.HeightComparisonLab-module__5-eMlG__compTitle{color:var(--color-text);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:var(--space-1);font-size:.64rem;font-weight:700;display:flex}.HeightComparisonLab-module__5-eMlG__compBigO{background:var(--color-border);color:var(--color-muted);border-radius:999px;padding:2px 6px;font-size:.56rem;font-weight:800}.HeightComparisonLab-module__5-eMlG__compCard[data-active=true] .HeightComparisonLab-module__5-eMlG__compBigO{background:var(--diagram-layer-3);color:var(--color-bg)}.HeightComparisonLab-module__5-eMlG__compValue{font-variant-numeric:tabular-nums;color:var(--color-text);text-align:center;font-size:1.2rem;font-weight:800}.HeightComparisonLab-module__5-eMlG__compNote{color:var(--color-muted);text-align:center;font-size:.58rem}.HeightComparisonLab-module__5-eMlG__timeline{gap:var(--space-2);flex-direction:column;display:flex}.HeightComparisonLab-module__5-eMlG__timelinePhase{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);align-items:flex-start;transition:all .15s;display:flex}.HeightComparisonLab-module__5-eMlG__timelinePhase[data-active=true]{border-color:var(--diagram-layer-3);background:color-mix(in srgb, var(--diagram-layer-3) 6%, var(--color-bg))}.HeightComparisonLab-module__5-eMlG__phaseNum{background:var(--color-border);width:22px;height:22px;color:var(--color-muted);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.56rem;font-weight:800;transition:all .15s;display:flex}.HeightComparisonLab-module__5-eMlG__timelinePhase[data-active=true] .HeightComparisonLab-module__5-eMlG__phaseNum{background:var(--diagram-layer-3);color:var(--color-bg)}.HeightComparisonLab-module__5-eMlG__phaseContent{flex-direction:column;gap:2px;display:flex}.HeightComparisonLab-module__5-eMlG__phaseTitle{color:var(--color-text);font-size:.62rem;font-weight:700}.HeightComparisonLab-module__5-eMlG__phaseDesc{color:var(--color-muted);font-size:.58rem;line-height:1.5}.HeightComparisonLab-module__5-eMlG__heightBars{height:64px;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-bg);align-items:flex-end;gap:1px;display:flex}.HeightComparisonLab-module__5-eMlG__heightBarItem{background:var(--color-border);border-radius:1px 1px 0 0;flex:1;min-width:0;transition:all .15s}.HeightComparisonLab-module__5-eMlG__heightBarItem[data-estimated=true]{background:color-mix(in srgb, var(--color-warning) 50%, var(--color-border));border:1px dashed var(--color-warning);border-bottom:none}.HeightComparisonLab-module__5-eMlG__heightBarItem[data-measured=true]{background:var(--diagram-layer-3)}@media (prefers-reduced-motion:reduce){.HeightComparisonLab-module__5-eMlG__itemBarFill,.HeightComparisonLab-module__5-eMlG__offsetCell,.HeightComparisonLab-module__5-eMlG__searchStep,.HeightComparisonLab-module__5-eMlG__timelinePhase,.HeightComparisonLab-module__5-eMlG__heightBarItem{transition:none!important}}