.chart-tools-overlay { position: absolute; z-index: 4; pointer-events: none; overflow: hidden; font: 11px/1.4 Arial, sans-serif; color: #c9d3e5; }
.chart-tools-overlay[hidden], .chart-tools-overlay [hidden] { display: none; }
.chart-tools-svg, .chart-tools-labels { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.chart-tools-art, .chart-tools-art * { pointer-events: none; }
.chart-tools-pane { outline: none; }
.chart-tools-level-line { stroke: #ac94dc; stroke-width: 1; stroke-dasharray: 5 5; opacity: .85; vector-effect: non-scaling-stroke; }
.chart-tools-level-label { position: absolute; box-sizing: border-box; min-width: 0; padding: 2px 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid #65527e; border-radius: 3px; background: #272132; color: #d5c3ee; font-size: 10px; font-variant-numeric: tabular-nums; line-height: 15px; pointer-events: none; }
.chart-tools-level-label[data-preview="true"] { opacity: .7; border-style: dashed; }
.chart-tools-measure-area { fill: #8cb5e5; fill-opacity: .08; stroke: #91b6e1; stroke-opacity: .7; stroke-width: 1; stroke-dasharray: 4 4; vector-effect: non-scaling-stroke; }
.chart-tools-measure-diagonal { stroke: #99bde8; stroke-width: 1.2; vector-effect: non-scaling-stroke; }
.chart-tools-measure-guide { stroke: #7f9cbe; stroke-opacity: .45; stroke-width: .7; stroke-dasharray: 2 5; vector-effect: non-scaling-stroke; }
.chart-tools-measure-anchor { fill: #111823; stroke: #bad1ee; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.chart-tools-measure-info { position: absolute; display: grid; gap: 2px; box-sizing: border-box; width: max-content; min-width: 0; padding: 7px 9px; overflow: hidden; border: 1px solid #41556e; border-radius: 5px; background: #15202df5; color: #c9d7e9; box-shadow: 0 3px 12px #0003; font-size: 10px; line-height: 1.4; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; pointer-events: none; user-select: none; }
.chart-tools-measure-title { font-size: 10px; font-weight: 600; color: #e0e9f6; }
.chart-tools-measure-dates { max-width: 250px; color: #99abc1; font-size: 9px; }
@media (prefers-contrast: more) { .chart-tools-level-line, .chart-tools-measure-diagonal { stroke-width: 2; opacity: 1; } }
@media (forced-colors: active) { .chart-tools-level-line, .chart-tools-measure-diagonal, .chart-tools-measure-guide, .chart-tools-measure-area, .chart-tools-measure-anchor { stroke: Highlight; } .chart-tools-level-label, .chart-tools-measure-info { color: CanvasText; background: Canvas; border-color: Highlight; } }