.trade-chart{background:var(--bg);width:100%;min-width:0;min-height:200px;position:relative;overflow:hidden}.trade-chart-canvas{position:absolute;inset:0}.trade-chart-overlay{z-index:3;pointer-events:none;position:absolute;top:0;left:0;overflow:hidden}.trade-chart-zone{display:none;position:absolute;right:0}.trade-chart-zone-risk{background:#c4321f1f;background:color-mix(in srgb, var(--negative) 12%, transparent)}.trade-chart-zone-reward{background:#0f7b551f;background:color-mix(in srgb, var(--positive) 12%, transparent)}.trade-chart-handle{pointer-events:auto;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:28px;display:none;position:absolute;left:0}.trade-chart-handle:after{content:"";background:var(--bg);box-sizing:border-box;border:2px solid;border-radius:50%;width:11px;height:11px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.trade-chart-handle-entry{color:var(--brand)}.trade-chart-handle-stop{color:var(--negative)}.trade-chart-handle-target{color:var(--positive)}.trade-chart.is-dragging,.trade-chart.is-dragging .trade-chart-handle{cursor:ns-resize}.trade-chart-marker{border-left:1px dashed var(--muted);width:0;display:none;position:absolute;top:0}.trade-chart-marker-label{color:var(--muted);background:var(--bg);white-space:nowrap;padding:0 4px;font-size:11px;line-height:16px;position:absolute;top:4px;transform:translate(calc(-100% - 6px))}.trade-chart-marker-label.is-flipped{transform:translate(6px)}.trade-chart-marker-dot{background:var(--bg);border:2px solid var(--ink);box-sizing:border-box;border-radius:50%;width:11px;height:11px;display:none;position:absolute;transform:translate(-50%,-50%)}