.cpp-graph-chart-container{width:var(--cpp-graph-width);height:var(--cpp-graph-height);background-color:#fff;display:block;position:relative}.cpp-graph-chart-plot-area{z-index:1;left:var(--cpp-graph-plot-left);top:var(--cpp-graph-plot-top);width:var(--cpp-graph-plot-width);height:var(--cpp-graph-plot-height);pointer-events:none;position:absolute}.cpp-graph-chart-grid-svg,.cpp-graph-chart-canvas,.cpp-graph-chart-phase-svg{pointer-events:none;display:block;position:absolute;top:0;left:0}.cpp-graph-chart-canvas{z-index:1}.cpp-graph-chart-phase-svg{z-index:2}.cpp-graph-chart-svg{z-index:3;cursor:crosshair;-webkit-user-select:none;user-select:none;display:block;position:relative}.cpp-graph-chart-svg .axis path,.cpp-graph-chart-svg .axis line{shape-rendering:crispedges}.cpp-graph-chart-svg .axis text,.cpp-graph-chart-svg .axis-label{font-family:system-ui,-apple-system,sans-serif}.cpp-graph-chart-svg .grid line{shape-rendering:crispedges;stroke:#e0e0e0;stroke-opacity:.5}.cpp-graph-chart-svg .grid path{stroke-width:0}.cpp-graph-chart-svg .crosshair-vertical,.cpp-graph-chart-svg .crosshair-horizontal{stroke:#9ca3af;stroke-width:1px;stroke-dasharray:4 4;pointer-events:none;opacity:.7}.cpp-graph-chart-svg .hover-circle{fill:#fff;stroke-width:2px;pointer-events:none;filter:drop-shadow(0 1px 2px #0000004d)}.cpp-graph-chart-tooltip{pointer-events:none;z-index:1000;will-change:transform;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;display:none;position:fixed;top:0;left:0}.cpp-graph-tooltip-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #d1d5db;border-radius:8px;min-width:200px;padding:12px 14px;box-shadow:0 4px 16px #0003}.cpp-graph-tooltip-time{color:#1f2937;border-bottom:1px solid #e5e7eb;margin-bottom:10px;padding-bottom:8px;font-size:13px;font-weight:600}.cpp-graph-tooltip-values{flex-direction:column;gap:4px;display:flex}.cpp-graph-tooltip-more{color:#6b7280;margin:4px 0 0;font-size:11px;font-style:italic}.cpp-graph-tooltip-value-row{align-items:center;gap:6px;font-size:12px;display:flex}.cpp-graph-tooltip-color-indicator{border-radius:2px;flex-shrink:0;width:12px;height:12px}.cpp-graph-tooltip-series-name{color:#6b7280;min-width:80px}.cpp-graph-tooltip-value{color:#111827;margin-left:auto;font-weight:600}.cpp-graph-placeholder,.cpp-graph-loading,.cpp-graph-error{width:var(--cpp-graph-width);height:var(--cpp-graph-height);color:#6b7280;justify-content:center;align-items:center;min-height:200px;font-size:14px;display:flex}.cpp-graph-awaiting{width:var(--cpp-graph-width);height:var(--cpp-graph-height);box-sizing:border-box;background-color:#fff;justify-content:center;align-items:center;min-height:200px;display:flex}.cpp-graph-chart-wrap.cpp-graph-loading,.cpp-graph-chart-wrap.cpp-graph-error{width:var(--cpp-graph-width);height:var(--cpp-graph-height);box-sizing:border-box;min-height:200px}.cpp-graph-awaiting-message{color:#6b7280;margin:0;font-size:14px}.cpp-graph-loading .cpp-graph-spinner{border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:24px;height:24px;margin-right:8px;animation:.8s linear infinite cpp-graph-spin}@keyframes cpp-graph-spin{to{transform:rotate(360deg)}}.cpp-graph-chart-wrap{min-width:0}.cpp-graph-phase-marker-label{pointer-events:none;font-size:13px;font-weight:700}.cpp-graph-phase-marker-rect,.cpp-graph-time-marker-line{pointer-events:none}.cpp-graph-tooltip-marker{overflow-wrap:anywhere;white-space:pre-line;border-bottom:1px solid #e5e7eb;max-width:280px;margin-bottom:8px;padding-bottom:8px}.cpp-graph-tooltip-marker-name{font-weight:600}.cpp-graph-tooltip-marker-description{color:#6b7280;margin-top:3px}.cpp-graph-tooltip-marker-detail{font-variant-numeric:tabular-nums;margin-top:4px}.cpp-graph-time-marker-line.cpp-graph-marker-hover,.value-marker-line.cpp-graph-marker-hover{stroke-width:2.5px}.cpp-graph-time-marker-group[data-dragging=true] .cpp-graph-time-marker-line,.cpp-graph-value-marker-group[data-dragging=true] .value-marker-line{stroke-width:3px}