@tradecanvas/chart 1.26.0 → 1.27.0

package/dist/widget/index.js

@@ -1,13 +1,13 @@
-import { C as e, a as t, c as n, i as r, n as i, o as a, r as o, t as s } from "../LayoutSession-BE7ZZGLi.js";
+import { C as e, a as t, c as n, i as r, n as i, o as a, r as o, t as s } from "../LayoutSession-CUS33zmB.js";
 import { a as c, c as l, i as u, n as d, o as f, r as p, s as m, t as h } from "../i18n-FG3D2x5m.js";
-import { CHART_STYLE_KEYS as g, DARK_THEME as _, DEFAULT_SIGNAL_STYLE as v, DEFAULT_TRADE_ZONE_STYLE as y, DEFAULT_TRADING_CONFIG as b, LIGHT_THEME as x, PRICE_SOURCES as ee, barTimeUnit as S, formatPrice as te, indicatorSource as ne, isTimeFrame as re, isValidTimeZone as ie, marketStatus as ae, offsetAt as oe, parseIndicatorSource as se, readChartTypeOptions as ce, readNews as le, readQuote as ue, sanitizeDrawingOptions as de, sanitizeDrawingStyle as fe, tickBarCount as C, timeParts as pe, timeframeBucketStart as me, timeframeToMs as w, tzLabel as he, wallToUtc as ge, zoneOffsetMinutes as _e } from "@tradecanvas/commons";
-import { ChartStateManager as ve, MAX_ALERT_BARS as ye, MIN_ALERT_BARS as be, RANGE_PRESETS as xe, indicatorValuePrecision as Se, plotColor as Ce, plotShown as we, servesTimeframe as Te, sourceParam as Ee, withResampling as De } from "@tradecanvas/core";
+import { CHART_STYLE_KEYS as g, CHART_TYPE_ICONS as _, DARK_THEME as v, DEFAULT_SIGNAL_STYLE as y, DEFAULT_TRADE_ZONE_STYLE as b, DEFAULT_TRADING_CONFIG as x, DRAWING_TOOL_ICONS as ee, LIGHT_THEME as te, PRICE_SOURCES as ne, UI_ICONS as re, barTimeUnit as S, formatPrice as ie, iconSvg as ae, indicatorSource as oe, isTimeFrame as se, isValidTimeZone as ce, marketStatus as le, offsetAt as ue, parseIndicatorSource as de, readChartTypeOptions as fe, readNews as pe, readQuote as me, sanitizeDrawingOptions as he, sanitizeDrawingStyle as ge, tickBarCount as C, timeParts as _e, timeframeBucketStart as ve, timeframeToMs as w, tzLabel as ye, wallToUtc as be, zoneOffsetMinutes as xe } from "@tradecanvas/commons";
+import { ChartStateManager as Se, MAX_ALERT_BARS as Ce, MIN_ALERT_BARS as we, RANGE_PRESETS as Te, indicatorValuePrecision as Ee, plotColor as De, plotShown as Oe, rangePresetStart as ke, servesTimeframe as Ae, sourceParam as je, withResampling as Me } from "@tradecanvas/core";
 //#region src/io/resampleOHLCV.ts
-function Oe(e, t, n = {}) {
+function Ne(e, t, n = {}) {
 	if (e.length === 0) return [];
 	let r = n.weekStartsOn ?? 1, i = [], a = null, o = NaN;
 	for (let n of e) {
-		let e = me(n.time, t, r);
+		let e = ve(n.time, t, r);
 		a === null || e !== o ? (a !== null && i.push(a), a = {
 			time: e,
 			open: n.open,
@@ -26,7 +26,7 @@ function Oe(e, t, n = {}) {
 	}
 	return a !== null && i.push(a), i;
 }
-function ke(e) {
+function Pe(e) {
 	if (e.length < 2) return 0;
 	let t = [];
 	for (let n = 1; n < e.length; n++) {
@@ -37,7 +37,7 @@ function ke(e) {
 }
 //#endregion
 //#region src/widget/widgetTimezones.ts
-var Ae = [
+var Fe = [
 	{
 		zone: "Pacific/Honolulu",
 		city: "Honolulu"
@@ -151,36 +151,36 @@ var Ae = [
 		city: "Auckland"
 	}
 ];
-function je(e) {
-	return !e || e === "local" ? null : e === "exchange" ? "exchange" : /^-?\d+$/.test(e) ? Number(e) : ie(e) ? e : null;
+function Ie(e) {
+	return !e || e === "local" ? null : e === "exchange" ? "exchange" : /^-?\d+$/.test(e) ? Number(e) : ce(e) ? e : null;
 }
-function Me(e) {
+function Le(e) {
 	return e === null ? "local" : String(e);
 }
-function Ne(e, t, n, r) {
-	let i = oe(null, t), a = Ae.filter(({ zone: e }) => ie(e)).map(({ zone: e, city: n }) => {
-		let r = oe(e, t);
+function Re(e, t, n, r) {
+	let i = ue(null, t), a = Fe.filter(({ zone: e }) => ce(e)).map(({ zone: e, city: n }) => {
+		let r = ue(e, t);
 		return {
 			value: e,
-			label: e === "UTC" ? "UTC" : `(${he(r)}) ${n}`,
+			label: e === "UTC" ? "UTC" : `(${ye(r)}) ${n}`,
 			offset: r
 		};
-	}), o = je(e);
+	}), o = Ie(e);
 	typeof o == "number" && a.push({
 		value: e,
-		label: he(o),
+		label: ye(o),
 		offset: o
 	}), a.sort((e, t) => e.offset - t.offset);
 	let s = [{
 		value: "local",
-		label: `${n} (${he(i)})`,
+		label: `${n} (${ye(i)})`,
 		offset: i
 	}];
 	if (r) {
-		let e = oe(r.zone && ie(r.zone) ? r.zone : "UTC", t);
+		let e = ue(r.zone && ce(r.zone) ? r.zone : "UTC", t);
 		s.push({
 			value: "exchange",
-			label: `${r.label} (${he(e)})`,
+			label: `${r.label} (${ye(e)})`,
 			offset: e
 		});
 	}
@@ -188,7 +188,7 @@ function Ne(e, t, n, r) {
 }
 //#endregion
 //#region src/widget/widgetConfig.ts
-var Pe = [
+var ze = [
 	{
 		label: "Candlestick",
 		value: "candlestick"
@@ -261,7 +261,7 @@ var Pe = [
 		label: "Range Bars",
 		value: "rangeBars"
 	}
-], Fe = [
+], Be = [
 	{
 		label: "Lines",
 		section: "lines",
@@ -613,7 +613,7 @@ var Pe = [
 			}
 		]
 	}
-], Ie = [
+], Ve = [
 	{
 		id: "sma",
 		name: "SMA",
@@ -1284,7 +1284,7 @@ var Pe = [
 		name: "Candlestick Patterns",
 		type: "overlay"
 	}
-], Le = [
+], He = [
 	"sma",
 	"ema",
 	"bb",
@@ -1295,12 +1295,12 @@ var Pe = [
 	"atr",
 	"obv",
 	"ichimoku"
-], Re = [
+], Ue = [
 	"BTCUSDT",
 	"ETHUSDT",
 	"SOLUSDT",
 	"BNBUSDT"
-], ze = {
+], We = {
 	gridVisible: !0,
 	volumeVisible: !0,
 	volumeProfileVisible: !1,
@@ -1339,7 +1339,7 @@ var Pe = [
 	label: e,
 	keys: [t],
 	auto: n
-}), D = (e) => ({ hint: e }), Be = { from: "panes.titleColor" }, Ve = [
+}), D = (e) => ({ hint: e }), Ge = { from: "panes.titleColor" }, Ke = [
 	{
 		title: "settings.section.background",
 		rows: [
@@ -1349,7 +1349,7 @@ var Pe = [
 			T("settings.paneTitles", "panes.titleColor"),
 			T("settings.legendText", "legend.textColor"),
 			T("settings.legendLabels", "legend.labelColor"),
-			E("settings.watermark", "watermark.color", Be)
+			E("settings.watermark", "watermark.color", Ge)
 		]
 	},
 	{
@@ -1402,41 +1402,41 @@ var Pe = [
 	},
 	{
 		title: "settings.highLowLines",
-		rows: [E("drawingSettings.color", "highLow.color", Be)]
+		rows: [E("drawingSettings.color", "highLow.color", Ge)]
 	},
 	{
 		title: "objects.drawings",
 		rows: [E("settings.handles", "drawings.handleColor", D("#ffffff"))]
 	}
-], He = [
+], qe = [
 	{
 		title: "settings.section.orders",
 		trading: !0,
 		rows: [
-			E("ticket.buy", "trading.buyColor", D(b.orderColors?.buy)),
-			E("ticket.sell", "trading.sellColor", D(b.orderColors?.sell)),
-			E("settings.profit", "trading.profitColor", D(b.positionColors?.profit)),
-			E("settings.loss", "trading.lossColor", D(b.positionColors?.loss)),
-			E("account.entry", "trading.entryColor", D(b.positionColors?.entry))
+			E("ticket.buy", "trading.buyColor", D(x.orderColors?.buy)),
+			E("ticket.sell", "trading.sellColor", D(x.orderColors?.sell)),
+			E("settings.profit", "trading.profitColor", D(x.positionColors?.profit)),
+			E("settings.loss", "trading.lossColor", D(x.positionColors?.loss)),
+			E("account.entry", "trading.entryColor", D(x.positionColors?.entry))
 		]
 	},
 	{
 		title: "settings.section.signals",
 		rows: [
-			E("account.long", "markers.longColor", D(v.longColor)),
-			E("account.short", "markers.shortColor", D(v.shortColor)),
-			E("markers.neutral", "markers.neutralColor", D(v.neutralColor))
+			E("account.long", "markers.longColor", D(y.longColor)),
+			E("account.short", "markers.shortColor", D(y.shortColor)),
+			E("markers.neutral", "markers.neutralColor", D(y.neutralColor))
 		]
 	},
 	{
 		title: "settings.section.tradeZones",
 		rows: [
-			E("settings.profit", "tradeZones.profitColor", D(y.profitColor)),
-			E("settings.loss", "tradeZones.lossColor", D(y.lossColor)),
-			E("settings.openTrade", "tradeZones.activeColor", D(y.activeColor))
+			E("settings.profit", "tradeZones.profitColor", D(b.profitColor)),
+			E("settings.loss", "tradeZones.lossColor", D(b.lossColor)),
+			E("settings.openTrade", "tradeZones.activeColor", D(b.activeColor))
 		]
 	}
-], Ue = {
+], Je = {
 	upColor: "settings.up",
 	downColor: "settings.down",
 	wickUpColor: "settings.upWick",
@@ -1446,20 +1446,20 @@ var Pe = [
 	lineWidth: "drawingSettings.lineWidth",
 	topColor: "settings.areaTop",
 	bottomColor: "settings.areaBottom"
-}, We = new Set([
+}, Ye = new Set([
 	"candlestick",
 	"heikinAshi",
 	"volumeCandles",
 	"equivolume"
 ]);
-function Ge(e) {
+function Xe(e) {
 	let t = `series.${e}.`;
 	return Object.keys(g).filter((e) => e.startsWith(t)).map((n) => {
-		let r = n.slice(t.length), i = Ue[r] ?? "drawingSettings.color";
-		return We.has(e) && r === "upColor" && (i = "settings.upBody"), We.has(e) && r === "downColor" && (i = "settings.downBody"), e === "baseline" && r === "upColor" && (i = "settings.aboveBase"), e === "baseline" && r === "downColor" && (i = "settings.belowBase"), T(i, n);
+		let r = n.slice(t.length), i = Je[r] ?? "drawingSettings.color";
+		return Ye.has(e) && r === "upColor" && (i = "settings.upBody"), Ye.has(e) && r === "downColor" && (i = "settings.downBody"), e === "baseline" && r === "upColor" && (i = "settings.aboveBase"), e === "baseline" && r === "downColor" && (i = "settings.belowBase"), T(i, n);
 	});
 }
-var Ke = [...new Set([...Object.keys(g).filter((e) => e.startsWith("series.")), ...[...Ve, ...He].flatMap((e) => e.rows.flatMap((e) => e.keys))])], qe = "/* === TradeCanvas Widget — Premium Styles === */\n\n/*\n * The HTML `hidden` attribute only sets `display: none` via the UA stylesheet,\n * which any author `display` rule (e.g. `.tcw-alerts-panel { display: flex }`)\n * silently overrides — leaving panels stuck open when JS sets `el.hidden = true`.\n * Force `hidden` to win for every namespaced widget element. Scoped to `tcw-`\n * so it never touches the host page.\n */\n[class^=\"tcw-\"][hidden],\n[class*=\" tcw-\"][hidden] {\n  display: none !important;\n}\n\n/* Control tooltips (WidgetTooltip): quick to appear, slide in from the control. */\n.tcw-tooltip {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 60;\n  max-width: 240px;\n  padding: 5px 8px;\n  border-radius: var(--tcw-tooltip-radius);\n  background: var(--tcw-tooltip-bg);\n  color: var(--tcw-tooltip-fg);\n  box-shadow: var(--tcw-tooltip-shadow);\n  width: max-content;\n  font-size: var(--tcw-font-size-xs);\n  font-weight: var(--tcw-weight);\n  line-height: 1.35;\n  overflow-wrap: anywhere;\n  pointer-events: none;\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(var(--tcw-tip-dx, 0), var(--tcw-tip-dy, 0));\n  transition:\n    opacity 110ms var(--tcw-ease-out),\n    transform 110ms var(--tcw-ease-out),\n    visibility 0s linear 110ms;\n}\n\n.tcw-tooltip--visible {\n  opacity: 1;\n  visibility: visible;\n  transform: none;\n  transition:\n    opacity 110ms var(--tcw-ease-out),\n    transform 110ms var(--tcw-ease-out),\n    visibility 0s;\n}\n\n/* The modal portal: carries the tokens and fonts, but no box of its own. */\n.tcw-root.tcw-portal {\n  display: contents;\n}\n\n/* Fullscreen: the root fills the screen; the chart resizes with it. */\n.tcw-root:fullscreen {\n  width: 100vw;\n  height: 100vh;\n}\n\n.tcw-root {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  font-family: var(--tcw-font);\n  font-feature-settings: 'cv11', 'ss01', 'ss03';\n  font-size: var(--tcw-font-size);\n  line-height: 1.4;\n  color: #d9dde4;\n  background: #080b10;\n  position: relative;\n  overflow: hidden;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  /* --- Dark theme tokens (default) --- */\n  --tcw-bg: #080b10;\n  --tcw-bg-surface: #0c1016;\n  --tcw-bg-elevated: #141922;\n  --tcw-bg-overlay: rgba(20, 25, 34, 0.5);\n  --tcw-border: #1f2630;\n  --tcw-border-strong: #2a323e;\n  --tcw-tooltip-bg: #262e3a;\n  --tcw-tooltip-fg: #eef0f4;\n  --tcw-text: #e7e9ee;\n  --tcw-text-dim: #aab1bd;\n  --tcw-text-muted: #758091;\n\n  /* TradeCanvas amber. --tcw-accent-ink is the text colour on an accent fill. */\n  --tcw-accent: #f2a93b;\n  --tcw-accent-hover: #f5b95c;\n  --tcw-accent-ink: #1a1204;\n  --tcw-accent-soft: rgba(242, 169, 59, 0.14);\n  --tcw-accent-glow: rgba(242, 169, 59, 0.22);\n  --tcw-accent-line: rgba(242, 169, 59, 0.55);\n\n  --tcw-red: #e8505b;\n  --tcw-red-soft: rgba(232, 80, 91, 0.12);\n  --tcw-green: #1fa874;\n  --tcw-green-soft: rgba(31, 168, 116, 0.12);\n  --tcw-amber: #ff9f43;\n\n  --tcw-hover-bg: rgba(255, 255, 255, 0.05);\n  --tcw-active-bg: rgba(255, 255, 255, 0.08);\n  --tcw-divider: rgba(255, 255, 255, 0.06);\n\n  /* Motion */\n  --tcw-ease: cubic-bezier(0.2, 0, 0, 1);\n  --tcw-ease-out: cubic-bezier(0.16, 1, 0.3, 1);\n  --tcw-dur-fast: 120ms;\n  --tcw-dur-normal: 180ms;\n  --tcw-dur-slow: 260ms;\n\n  /* The look (UI system): Studio's values. The `ui` option sets them inline. */\n  --tcw-radius-xs: 3px;\n  --tcw-radius-sm: 5px;\n  --tcw-radius: 7px;\n  --tcw-radius-lg: 11px;\n  --tcw-radius-xl: 16px;\n  --tcw-control-radius: var(--tcw-radius);\n  --tcw-input-radius: var(--tcw-radius);\n  --tcw-menu-radius: var(--tcw-radius-lg);\n  --tcw-dialog-radius: var(--tcw-radius-xl);\n  --tcw-panel-radius: var(--tcw-radius-lg);\n  --tcw-tooltip-radius: var(--tcw-radius-sm);\n  --tcw-tag-radius: var(--tcw-radius-sm);\n  --tcw-toast-radius: var(--tcw-radius-lg);\n  --tcw-toolbar-radius: 0px;\n  --tcw-sidebar-radius: 0px;\n  --tcw-toolbar-h: 46px;\n  --tcw-control-h: 30px;\n  --tcw-control-h-sm: 24px;\n  --tcw-icon: 18px;\n  --tcw-sidebar-w: 48px;\n  --tcw-menu-item-h: 30px;\n  --tcw-font: 'Manrope', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n  --tcw-font-size: 13px;\n  --tcw-font-size-sm: 12px;\n  --tcw-font-size-xs: 11px;\n  --tcw-font-size-lg: 15px;\n  --tcw-weight: 500;\n  --tcw-weight-strong: 600;\n  --tcw-label-case: none;\n  --tcw-label-tracking: 0em;\n  --tcw-border-w: 1px;\n  --tcw-sep-w: 0px;\n  --tcw-menu-shadow: var(--tcw-shadow-lg);\n  --tcw-dialog-shadow: var(--tcw-shadow-xl);\n  --tcw-tooltip-shadow: var(--tcw-shadow-md);\n  --tcw-blur: 0px;\n  --tcw-surface-opacity: 100%;\n\n  /* Elevation */\n  --tcw-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);\n  --tcw-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.2);\n  --tcw-shadow-lg: 0 12px 36px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3);\n  --tcw-shadow-xl: 0 24px 64px rgba(0, 0, 0, 0.55), 0 12px 24px rgba(0, 0, 0, 0.35);\n  --tcw-ring: 0 0 0 2px rgba(242, 169, 59, 0.45);\n\n  /* Type */\n  --tcw-font-mono: 'JetBrains Mono', 'SF Mono', 'Cascadia Code', 'Fira Code', 'Consolas', ui-monospace, monospace;\n}\n\n.tcw-root[data-tcw-theme='light'] {\n  color: #0c1016;\n  background: #fcfcfd;\n\n  --tcw-bg: #fcfcfd;\n  --tcw-bg-surface: #ffffff;\n  --tcw-bg-elevated: #ffffff;\n  --tcw-bg-overlay: rgba(255, 255, 255, 0.75);\n  --tcw-border: #e3e6eb;\n  --tcw-border-strong: #d2d6dd;\n  --tcw-tooltip-bg: #1f2630;\n  --tcw-tooltip-fg: #f4f5f8;\n  --tcw-text: #0c1016;\n  --tcw-text-dim: #3f4754;\n  --tcw-text-muted: #626a77;\n\n  /* Deeper amber: readable as text on the light ground, white text readable on it. */\n  --tcw-accent: #a0610a;\n  --tcw-accent-hover: #874f07;\n  --tcw-accent-ink: #ffffff;\n  --tcw-accent-soft: rgba(160, 97, 10, 0.10);\n  --tcw-accent-glow: rgba(160, 97, 10, 0.16);\n  --tcw-accent-line: rgba(160, 97, 10, 0.45);\n  --tcw-ring: 0 0 0 2px rgba(160, 97, 10, 0.4);\n\n  /* Darker semantic colours: used as text on white. */\n  --tcw-red: #c42f3e;\n  --tcw-red-soft: rgba(196, 47, 62, 0.10);\n  --tcw-green: #0b7d50;\n  --tcw-green-soft: rgba(11, 125, 80, 0.10);\n\n  --tcw-hover-bg: rgba(0, 0, 0, 0.04);\n  --tcw-active-bg: rgba(160, 97, 10, 0.08);\n  --tcw-divider: rgba(0, 0, 0, 0.06);\n\n  --tcw-shadow-sm: 0 1px 2px rgba(20, 28, 56, 0.05);\n  --tcw-shadow-md: 0 4px 12px rgba(20, 28, 56, 0.08), 0 1px 3px rgba(20, 28, 56, 0.04);\n  --tcw-shadow-lg: 0 12px 36px rgba(20, 28, 56, 0.14), 0 4px 12px rgba(20, 28, 56, 0.08);\n  --tcw-shadow-xl: 0 24px 64px rgba(20, 28, 56, 0.18), 0 12px 24px rgba(20, 28, 56, 0.1);\n}\n\n/* === Toolbar === */\n\n.tcw-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 0;\n  padding: 0 10px;\n  height: var(--tcw-toolbar-h);\n  border-bottom: var(--tcw-border-w) solid var(--tcw-border);\n  background:\n    linear-gradient(180deg, var(--tcw-bg-elevated) 0%, var(--tcw-bg-surface) 100%);\n  flex-shrink: 0;\n  position: relative;\n  z-index: 20;\n  box-shadow: var(--tcw-shadow-sm);\n}\n\n.tcw-toolbar-symbol {\n  font-size: calc(var(--tcw-font-size) + 1px);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n  display: inline-flex;\n  align-items: center;\n  height: var(--tcw-control-h);\n  padding: 0 12px;\n  white-space: nowrap;\n  letter-spacing: -0.015em;\n  cursor: pointer;\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  border-radius: var(--tcw-control-radius);\n  transition: background var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-toolbar-symbol:hover {\n  background: var(--tcw-hover-bg);\n}\n\n/* With the symbol search switched off, the button only names the symbol. */\n.tcw-toolbar-symbol[aria-disabled=\"true\"] {\n  cursor: default;\n}\n\n.tcw-toolbar-symbol[aria-disabled=\"true\"]:hover {\n  background: transparent;\n}\n\n.tcw-toolbar-sep {\n  width: var(--tcw-sep-w);\n  height: 22px;\n  background: var(--tcw-border);\n  flex-shrink: 0;\n  margin: 0 4px;\n}\n\n.tcw-toolbar-group {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  padding: 0 4px;\n}\n\n.tcw-toolbar-spacer {\n  flex: 1;\n}\n\n.tcw-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--tcw-control-h);\n  padding: 0 10px;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight);\n  font-family: inherit;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n  transition:\n    background var(--tcw-dur-fast) var(--tcw-ease),\n    color var(--tcw-dur-fast) var(--tcw-ease),\n    transform var(--tcw-dur-fast) var(--tcw-ease);\n  white-space: nowrap;\n  line-height: 1;\n  letter-spacing: -0.005em;\n}\n\n.tcw-btn:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-btn:active {\n  transform: translateY(0.5px);\n}\n\n.tcw-btn.tcw-active {\n  background: var(--tcw-on-bg);\n  color: var(--tcw-on-fg);\n  font-weight: var(--tcw-weight-strong);\n  box-shadow: var(--tcw-on-ring);\n}\n\n.tcw-btn:focus-visible,\n.tcw-btn-icon:focus-visible,\n.tcw-sidebar-btn:focus-visible,\n.tcw-dropdown-trigger:focus-visible {\n  outline: none;\n  box-shadow: var(--tcw-ring);\n}\n\n.tcw-btn-icon {\n  width: var(--tcw-control-h);\n  height: var(--tcw-control-h);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-family: inherit;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n  transition:\n    background var(--tcw-dur-fast) var(--tcw-ease),\n    color var(--tcw-dur-fast) var(--tcw-ease);\n  line-height: 1;\n  position: relative;\n}\n\n.tcw-btn-icon:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-btn-icon svg {\n  display: block;\n  width: var(--tcw-icon);\n  height: var(--tcw-icon);\n}\n\n.tcw-badge-count {\n  font-size: calc(var(--tcw-font-size) - 3px);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-accent);\n  background: var(--tcw-accent-soft);\n  padding: 1px 5px;\n  border-radius: var(--tcw-tag-radius);\n  font-family: var(--tcw-font-mono);\n}\n\n/* === Dropdown === */\n\n.tcw-dropdown-trigger {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  height: var(--tcw-control-h);\n  padding: 0 10px;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight);\n  font-family: inherit;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n  white-space: nowrap;\n  line-height: 1;\n}\n\n.tcw-dropdown-trigger:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-dropdown {\n  position: absolute;\n  top: 100%;\n  margin-top: 6px;\n  background: var(--tcw-bg-elevated);\n  border: var(--tcw-border-w) solid var(--tcw-border);\n  border-radius: var(--tcw-menu-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  z-index: 50;\n  width: max-content;\n  max-width: min(340px, calc(100vw - 16px));\n  padding: 6px;\n  max-height: 420px;\n  overflow-y: auto;\n  backdrop-filter: blur(var(--tcw-blur));\n  -webkit-backdrop-filter: blur(var(--tcw-blur));\n  animation: tcw-pop-in var(--tcw-dur-normal) var(--tcw-ease-out);\n}\n\n@keyframes tcw-pop-in {\n  from { opacity: 0; transform: translateY(-4px) scale(0.98); }\n  to { opacity: 1; transform: translateY(0) scale(1); }\n}\n\n.tcw-dropdown-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: var(--tcw-menu-item-h);\n  padding: 4px 10px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n  width: 100%;\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  text-align: start;\n  border-radius: var(--tcw-radius-sm);\n  gap: 12px;\n}\n\n.tcw-dropdown-item:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n/* A menu row led by an icon (chart types): icon then label, not spread apart. */\n.tcw-dropdown-item--icon {\n  justify-content: flex-start;\n  gap: 10px;\n}\n\n.tcw-dropdown-item svg,\n.tcw-flyout-item svg {\n  flex-shrink: 0;\n}\n\n/* The drawing-group button's icon holder: a plain box for the swapped SVG. */\n.tcw-sidebar-icon {\n  display: inline-flex;\n}\n\n.tcw-dropdown-item.tcw-active {\n  color: var(--tcw-accent);\n  background: var(--tcw-accent-soft);\n  font-weight: var(--tcw-weight-strong);\n}\n\n/* Timeframe menu: pick on the left, pin (star) on the right. */\n.tcw-tf-more {\n  padding: 0 5px;\n}\n\n.tcw-tf-more svg {\n  display: block;\n}\n\n.tcw-tf-row {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n}\n\n.tcw-tf-row .tcw-dropdown-item {\n  flex: 1;\n  min-width: 0;\n}\n\n.tcw-tf-star {\n  display: inline-grid;\n  place-items: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  flex-shrink: 0;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n  transition: color var(--tcw-dur-fast) var(--tcw-ease), background var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-tf-star:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-tf-star.tcw-active {\n  color: var(--tcw-accent);\n}\n\n.tcw-tf-star.tcw-active svg {\n  fill: currentColor;\n}\n\n.tcw-tf-star:focus-visible {\n  outline: 2px solid var(--tcw-accent);\n  outline-offset: -2px;\n}\n\n.tcw-tf-remove {\n  display: inline-grid;\n  place-items: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  flex-shrink: 0;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-tf-row:hover .tcw-tf-remove,\n.tcw-tf-remove:focus-visible {\n  opacity: 1;\n}\n\n/* No hover on touch screens: keep it visible rather than a hidden tap target. */\n@media (hover: none) {\n  .tcw-tf-remove { opacity: 1; }\n}\n\n.tcw-tf-remove:hover {\n  color: var(--tcw-red);\n  background: var(--tcw-hover-bg);\n}\n\n.tcw-tf-remove:focus-visible {\n  outline: 2px solid var(--tcw-accent);\n  outline-offset: -2px;\n}\n\n/* Typed interval, under the list: stays in view while the list scrolls. */\n.tcw-tf-custom {\n  position: sticky;\n  bottom: -6px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  margin: 4px -6px -6px;\n  padding: 6px 10px 8px;\n  border-top: 1px solid var(--tcw-divider);\n  background: var(--tcw-bg-elevated);\n}\n\n.tcw-tf-custom-hint:empty {\n  display: none;\n}\n\n.tcw-tf-custom-hint {\n  flex-basis: 100%;\n  width: 0;\n  min-width: 100%;\n  color: var(--tcw-red);\n  font-size: var(--tcw-font-size-xs);\n  line-height: 1.35;\n}\n\n.tcw-tf-custom-input {\n  flex: 1;\n  min-width: 0;\n  height: 26px;\n  padding: 0 8px;\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-input-radius);\n  background: var(--tcw-bg);\n  color: var(--tcw-text);\n  font: inherit;\n  font-family: var(--tcw-font-mono);\n  font-size: var(--tcw-font-size-sm);\n}\n\n.tcw-tf-custom-input::placeholder {\n  color: var(--tcw-text-dim);\n}\n\n.tcw-tf-custom-input:focus {\n  outline: none;\n  border-color: var(--tcw-accent);\n  box-shadow: 0 0 0 2px var(--tcw-accent-soft);\n}\n\n.tcw-tf-custom-input[aria-invalid='true'] {\n  border-color: var(--tcw-red);\n  box-shadow: 0 0 0 2px var(--tcw-red-soft);\n}\n\n.tcw-tf-custom-add {\n  display: inline-grid;\n  place-items: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  flex-shrink: 0;\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-control-radius);\n  background: var(--tcw-bg-surface);\n  color: var(--tcw-text);\n  cursor: pointer;\n}\n\n.tcw-tf-custom-add:hover {\n  border-color: var(--tcw-accent);\n  color: var(--tcw-accent);\n}\n\n.tcw-tf-custom-add:focus-visible {\n  outline: 2px solid var(--tcw-accent);\n  outline-offset: 1px;\n}\n\n.tcw-dropdown-label {\n  text-transform: var(--tcw-label-case);\n  font-size: calc(var(--tcw-font-size) - 3px);\n  color: var(--tcw-text-muted);\n  letter-spacing: var(--tcw-label-tracking);\n  padding: 8px 10px 4px;\n  font-weight: var(--tcw-weight-strong);\n}\n\n.tcw-dropdown-divider {\n  border-top: 1px solid var(--tcw-divider);\n  margin: 6px 4px;\n}\n\n.tcw-tag {\n  font-size: calc(var(--tcw-font-size) - 3px);\n  font-family: var(--tcw-font-mono);\n  color: var(--tcw-text-muted);\n  padding: 2px 6px;\n  border-radius: var(--tcw-tag-radius);\n  background: var(--tcw-hover-bg);\n  letter-spacing: 0.02em;\n}\n\n/* === Body === */\n\n.tcw-body {\n  position: relative;\n  display: flex;\n  flex: 1;\n  min-height: 0;\n  background: var(--tcw-bg);\n}\n\n.tcw-chart-container {\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n/* === Symbol search results: name and exchange === */\n\n.tcw-cmd-item-desc {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  color: var(--tcw-text-muted);\n  font-size: var(--tcw-font-size-sm);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.tcw-cmd-item-meta {\n  flex-shrink: 0;\n  color: var(--tcw-text-dim);\n  font-size: var(--tcw-font-size-xs);\n  letter-spacing: 0.02em;\n}\n\n/* === History pill (older bars loading at the left edge) === */\n\n.tcw-history-pill {\n  position: absolute;\n  top: 50%;\n  left: 10px;\n  z-index: 4;\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  padding: 5px 10px 5px 8px;\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-tag-radius);\n  background: var(--tcw-bg-elevated);\n  box-shadow: var(--tcw-shadow-sm);\n  color: var(--tcw-text-muted);\n  font-size: var(--tcw-font-size-xs);\n  line-height: 1;\n  white-space: nowrap;\n  transform: translateY(-50%);\n  opacity: 1;\n  transition: opacity var(--tcw-dur-normal) var(--tcw-ease-out);\n  pointer-events: none;\n}\n\n.tcw-history-pill--hidden {\n  opacity: 0;\n}\n\n.tcw-history-pill--error {\n  border-color: color-mix(in srgb, var(--tcw-red) 45%, var(--tcw-border));\n  color: var(--tcw-red);\n}\n\n.tcw-history-spinner {\n  width: 10px;\n  height: 10px;\n  border: 1.5px solid var(--tcw-accent-soft);\n  border-top-color: var(--tcw-accent);\n  border-radius: 50%;\n  animation: tcw-history-spin 0.8s linear infinite;\n}\n\n.tcw-history-pill--error .tcw-history-spinner {\n  border-color: currentColor;\n  animation: none;\n}\n\n@keyframes tcw-history-spin {\n  to { transform: rotate(360deg); }\n}\n\n/* === Loading overlay (candle skeleton) === */\n\n.tcw-loading-overlay {\n  /* Uses a modifier class rather than the `hidden` attribute — the global\n     `[hidden] { display: none !important }` rule above would cut the\n     opacity transition off before it can play. */\n  position: absolute;\n  inset: 0;\n  z-index: 5;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--tcw-bg);\n  opacity: 1;\n  transition: opacity var(--tcw-dur-slow) var(--tcw-ease-out);\n  pointer-events: none;\n}\n\n.tcw-loading-overlay--hidden {\n  opacity: 0;\n}\n\n.tcw-loading-card {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 14px;\n  padding: 22px 26px 20px;\n  border: 1px solid transparent;\n  border-radius: var(--tcw-panel-radius);\n}\n\n/* A slow switch: the previous chart stays readable underneath, dimmed, so the\n   click visibly registered without blanking the screen. */\n.tcw-loading-overlay--veil {\n  background: color-mix(in srgb, var(--tcw-bg) 55%, transparent);\n}\n\n.tcw-loading-overlay--veil .tcw-loading-card {\n  background: var(--tcw-bg-elevated);\n  border-color: var(--tcw-border);\n  box-shadow: var(--tcw-menu-shadow);\n}\n\n.tcw-loading-candles {\n  position: relative;\n  display: flex;\n  gap: 7px;\n  height: 64px;\n}\n\n/* One candle: the element is the wick's column, ::before the wick, ::after the body. */\n.tcw-loading-candle {\n  position: relative;\n  width: 8px;\n  height: 100%;\n  color: var(--tcw-red);\n  opacity: 0.28;\n  animation: tcw-candle-light 1.6s var(--tcw-ease) infinite;\n  animation-delay: var(--tcw-delay, 0ms);\n}\n\n.tcw-loading-candle--up { color: var(--tcw-green); }\n\n.tcw-loading-candle::before,\n.tcw-loading-candle::after {\n  content: '';\n  position: absolute;\n  left: 50%;\n  background: currentColor;\n  transform: translateX(-50%);\n}\n\n.tcw-loading-candle::before {\n  top: var(--tcw-wick-top);\n  width: 1.5px;\n  height: var(--tcw-wick-h);\n}\n\n.tcw-loading-candle::after {\n  top: var(--tcw-body-top);\n  width: 8px;\n  height: var(--tcw-body-h);\n  border-radius: 1.5px;\n}\n\n/* Each candle brightens and lifts slightly in turn, left to right. */\n@keyframes tcw-candle-light {\n  0%, 55%, 100% { opacity: 0.28; transform: translateY(0); }\n  20% { opacity: 1; transform: translateY(-2px); }\n}\n\n.tcw-loading-track {\n  position: relative;\n  width: 100%;\n  min-width: 88px;\n  height: 2px;\n  border-radius: 1px;\n  background: var(--tcw-border);\n  overflow: hidden;\n}\n\n.tcw-loading-track > span {\n  position: absolute;\n  inset: 0;\n  width: 40%;\n  border-radius: 1px;\n  background: linear-gradient(90deg, transparent, var(--tcw-accent), transparent);\n  animation: tcw-loading-sweep 1.6s var(--tcw-ease) infinite;\n}\n\n@keyframes tcw-loading-sweep {\n  from { transform: translateX(-100%); }\n  to { transform: translateX(250%); }\n}\n\n/* The status text is announced, not shown — the candles say \"loading\". */\n.tcw-loading-label {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n\n.tcw-loading-overlay--error .tcw-loading-candles,\n.tcw-loading-overlay--error .tcw-loading-track {\n  display: none;\n}\n\n/* A failure is shown: why the chart is empty and that a retry is running. */\n.tcw-loading-overlay--error .tcw-loading-label {\n  position: static;\n  width: auto;\n  height: auto;\n  overflow: visible;\n  clip-path: none;\n  white-space: normal;\n  max-width: 320px;\n  text-align: center;\n  color: var(--tcw-red);\n  font-size: var(--tcw-font-size);\n}\n\n/* Reduced motion: nothing slides or lifts, but the candles still glow in\n   turn and the track breathes, so the wait never looks frozen. */\n@media (prefers-reduced-motion: reduce) {\n  .tcw-loading-candle {\n    animation: tcw-candle-glow 2.4s ease-in-out infinite;\n    animation-delay: var(--tcw-delay, 0ms);\n  }\n  .tcw-loading-track > span {\n    width: 100%;\n    background: var(--tcw-accent);\n    animation: tcw-loading-breathe 2.4s ease-in-out infinite;\n  }\n}\n\n@keyframes tcw-candle-glow {\n  0%, 60%, 100% { opacity: 0.28; }\n  25% { opacity: 0.9; }\n}\n\n@keyframes tcw-loading-breathe {\n  0%, 100% { opacity: 0.15; }\n  50% { opacity: 0.7; }\n}\n\n/* === On-chart indicator legend (WidgetIndicatorLegend) === */\n\n.tcw-ind-legend {\n  position: absolute;\n  z-index: 3;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 1px;\n  max-width: calc(100% - 140px);\n  pointer-events: none;\n}\n\n.tcw-ind-legend--collapsed > .tcw-ind-legend-row {\n  display: none;\n}\n\n.tcw-ind-legend-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  max-width: 100%;\n  padding: 0 4px;\n  border-radius: var(--tcw-radius-sm);\n  font-size: var(--tcw-font-size-xs);\n  line-height: 19px;\n  font-feature-settings: 'tnum';\n  white-space: nowrap;\n  color: var(--tcw-text-dim);\n  pointer-events: auto;\n  cursor: default;\n  /* A narrow pane: the values shrink first, then the row is clipped. */\n  overflow: hidden;\n}\n\n/* A pane's indicator: at the top of its pane, where the canvas title was,\n   short enough to sit in the pane's header below the divider's grab zone. */\n.tcw-ind-legend-row--pane {\n  position: absolute;\n  z-index: 3;\n  line-height: 15px;\n}\n\n.tcw-ind-legend-row:hover,\n.tcw-ind-legend-row:focus-within {\n  background: color-mix(in srgb, var(--tcw-bg-elevated) 90%, transparent);\n  box-shadow: 0 0 0 1px var(--tcw-border);\n}\n\n.tcw-ind-legend-name {\n  padding: 0;\n  border: none;\n  background: none;\n  font: inherit;\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n  cursor: pointer;\n}\n\n.tcw-ind-legend-name:hover {\n  color: var(--tcw-accent);\n}\n\n.tcw-ind-legend-values {\n  display: inline-flex;\n  gap: 7px;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.tcw-ind-legend-row--hidden .tcw-ind-legend-name,\n.tcw-ind-legend-row--hidden .tcw-ind-legend-values {\n  opacity: 0.45;\n}\n\n/* Show / settings / remove: on hover or keyboard focus (always on touch). */\n.tcw-ind-legend-actions {\n  display: none;\n  gap: 1px;\n  margin-left: -2px;\n}\n\n.tcw-ind-legend-row:hover .tcw-ind-legend-actions,\n.tcw-ind-legend-row:focus-within .tcw-ind-legend-actions {\n  display: inline-flex;\n}\n\n@media (hover: none) {\n  .tcw-ind-legend-actions {\n    display: inline-flex;\n  }\n\n  /* Finger-sized targets. */\n  .tcw-ind-legend-act,\n  .tcw-ind-legend-toggle {\n    min-width: 28px;\n    min-height: 24px;\n  }\n}\n\n.tcw-ind-legend-act {\n  display: inline-grid;\n  place-items: center;\n  width: 20px;\n  height: 18px;\n  padding: 0;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n}\n\n.tcw-ind-legend-act:hover {\n  color: var(--tcw-text);\n  background: var(--tcw-hover-bg);\n}\n\n.tcw-ind-legend-act[data-act='remove']:hover {\n  color: var(--tcw-red);\n}\n\n.tcw-ind-legend-toggle {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  margin-top: 1px;\n  padding: 1px 5px;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  font: inherit;\n  font-size: var(--tcw-font-size-xs);\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.tcw-ind-legend-toggle[hidden] {\n  display: none;\n}\n\n.tcw-ind-legend-toggle:hover {\n  color: var(--tcw-text);\n  background: var(--tcw-hover-bg);\n}\n\n.tcw-ind-legend-name:focus-visible,\n.tcw-ind-legend-act:focus-visible,\n.tcw-ind-legend-toggle:focus-visible {\n  outline: 2px solid var(--tcw-accent);\n  outline-offset: -2px;\n}\n\n/* === Sidebar === */\n\n.tcw-sidebar {\n  width: var(--tcw-sidebar-w);\n  flex-shrink: 0;\n  background: linear-gradient(180deg, var(--tcw-bg-elevated) 0%, var(--tcw-bg-surface) 100%);\n  border-inline-end: var(--tcw-border-w) solid var(--tcw-border);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 6px 0;\n  /* On a short screen the tools scroll; the menus sit outside it. */\n  overflow-x: hidden;\n  overflow-y: auto;\n  scrollbar-width: none;\n  box-shadow: var(--tcw-shadow-sm);\n}\n.tcw-sidebar::-webkit-scrollbar {\n  display: none;\n}\n.tcw-sidebar > * {\n  flex-shrink: 0;\n}\n\n.tcw-tool-group-wrap {\n  position: relative;\n}\n\n.tcw-sidebar-btn {\n  width: var(--tcw-control-h);\n  height: var(--tcw-control-h);\n  margin: 1px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n  font-family: inherit;\n  transition:\n    background var(--tcw-dur-fast) var(--tcw-ease),\n    color var(--tcw-dur-fast) var(--tcw-ease);\n  position: relative;\n  flex-shrink: 0;\n  line-height: 1;\n  border-radius: var(--tcw-control-radius);\n}\n\n.tcw-sidebar-btn svg {\n  width: var(--tcw-icon);\n  height: var(--tcw-icon);\n}\n\n.tcw-sidebar-btn:hover {\n  color: var(--tcw-text);\n  background: var(--tcw-hover-bg);\n}\n\n.tcw-sidebar-btn.tcw-active {\n  color: var(--tcw-on-icon-fg);\n  background: var(--tcw-on-icon-bg);\n  box-shadow: var(--tcw-on-icon-ring);\n}\n\n.tcw-sidebar-btn.tcw-danger:hover {\n  color: var(--tcw-red);\n  background: var(--tcw-red-soft);\n}\n\n.tcw-multi-dot {\n  position: absolute;\n  bottom: 3px;\n  right: 3px;\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background: var(--tcw-text-muted);\n  opacity: 0.7;\n}\n\n/* The drawing tools' sections: always a hairline (it groups the tools), even in\n   looks that drop the rules between toolbar groups. */\n.tcw-sidebar-divider {\n  width: 20px;\n  height: max(1px, var(--tcw-sep-w));\n  background: var(--tcw-divider);\n  margin: 5px 0;\n  flex-shrink: 0;\n}\n\n.tcw-sidebar-spacer {\n  flex: 1;\n}\n\n/* === Flyout === */\n\n.tcw-flyout {\n  position: absolute;\n  margin-inline-start: 6px;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  min-width: 180px;\n  background: var(--tcw-bg-elevated);\n  border: var(--tcw-border-w) solid var(--tcw-border);\n  border-radius: var(--tcw-menu-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  z-index: 30;\n  padding: 6px;\n  backdrop-filter: blur(var(--tcw-blur));\n  -webkit-backdrop-filter: blur(var(--tcw-blur));\n  animation: tcw-slide-right var(--tcw-dur-normal) var(--tcw-ease-out);\n}\n\n/* Spans the gap to the toolbar button: crossing it stays inside the menu. */\n.tcw-flyout::before {\n  content: '';\n  position: absolute;\n  top: -1px;\n  bottom: -1px;\n  right: 100%;\n  width: 8px;\n}\n\n@keyframes tcw-slide-right {\n  from { opacity: 0; transform: translateX(-4px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n\n.tcw-flyout-header {\n  text-transform: var(--tcw-label-case);\n  font-size: calc(var(--tcw-font-size) - 3px);\n  color: var(--tcw-text-muted);\n  letter-spacing: var(--tcw-label-tracking);\n  padding: 6px 10px 4px;\n  font-weight: var(--tcw-weight-strong);\n}\n\n.tcw-flyout-hint {\n  padding: 6px 10px 2px;\n  border-top: 1px solid var(--tcw-border);\n  margin-top: 4px;\n  font-size: calc(var(--tcw-font-size) - 2.5px);\n  color: var(--tcw-text-muted);\n}\n\n.tcw-flyout-item {\n  min-height: var(--tcw-menu-item-h);\n  padding: 4px 10px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  border: none;\n  background: transparent;\n  text-align: start;\n  font-family: inherit;\n  border-radius: var(--tcw-radius-sm);\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-flyout-item:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n.tcw-flyout-item:focus-visible {\n  outline: none;\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n  box-shadow: inset 0 0 0 1px var(--tcw-accent);\n}\n\n.tcw-flyout-item.tcw-active {\n  color: var(--tcw-accent);\n  background: var(--tcw-accent-soft);\n  font-weight: var(--tcw-weight-strong);\n}\n\n/* Pinned (favorited) flyout item — a star marker on the right. */\n.tcw-flyout-item.tcw-flyout-faved::after {\n  content: '★';\n  float: right;\n  color: var(--tcw-accent);\n  font-size: var(--tcw-font-size-xs);\n  line-height: 1.4;\n}\n\n/* Favorites strip — pinned drawing tools above the tool groups. */\n.tcw-sidebar-favorites {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.tcw-sidebar-favorites .tcw-sidebar-btn {\n  position: relative;\n}\n.tcw-sidebar-favorites .tcw-sidebar-btn::before {\n  content: '';\n  position: absolute;\n  top: 3px;\n  right: 3px;\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background: var(--tcw-accent);\n  opacity: 0.7;\n}\n\n/* === Modal === */\n\n.tcw-modal-backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(8, 10, 18, 0.55);\n  backdrop-filter: blur(6px) saturate(140%);\n  -webkit-backdrop-filter: blur(6px) saturate(140%);\n  z-index: 100;\n  animation: tcw-fade-in var(--tcw-dur-normal) var(--tcw-ease-out);\n}\n\n@keyframes tcw-fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n.tcw-modal {\n  position: fixed;\n  z-index: 101;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background: var(--tcw-bg-elevated);\n  border: var(--tcw-border-w) solid var(--tcw-border);\n  border-radius: var(--tcw-dialog-radius);\n  width: 520px;\n  max-width: 92vw;\n  max-height: 82vh;\n  display: flex;\n  flex-direction: column;\n  box-shadow: var(--tcw-dialog-shadow);\n  animation: tcw-modal-in var(--tcw-dur-slow) var(--tcw-ease-out);\n}\n\n@keyframes tcw-modal-in {\n  from { opacity: 0; transform: translate(-50%, -48%) scale(0.96); }\n  to { opacity: 1; transform: translate(-50%, -50%) scale(1); }\n}\n\n.tcw-modal-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 18px 22px;\n  border-bottom: 1px solid var(--tcw-divider);\n}\n\n.tcw-modal-header h3 {\n  font-size: var(--tcw-font-size-lg);\n  font-weight: var(--tcw-weight-strong);\n  margin: 0;\n  color: var(--tcw-text);\n  letter-spacing: -0.015em;\n}\n\n.tcw-modal-close {\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n  border-radius: var(--tcw-control-radius);\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-modal-close:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-modal-tabs {\n  display: flex;\n  /* Four tabs in a long language on a phone: they wrap rather than clip. No overflow here: in the\n     dialog's column it would let a long body squash the tabs, and clip the underline of the active one. */\n  flex-wrap: wrap;\n  flex-shrink: 0;\n  gap: 4px;\n  padding: var(--tcw-tabs-pad-block) 18px;\n  border-bottom: 1px solid var(--tcw-divider);\n}\n\n.tcw-modal-tab {\n  flex-shrink: 0;\n  white-space: nowrap;\n  height: var(--tcw-tab-h);\n  padding: var(--tcw-tab-pad);\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight);\n  color: var(--tcw-text-muted);\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  border-bottom: var(--tcw-tab-line) solid transparent;\n  border-radius: var(--tcw-tab-radius);\n  margin-bottom: calc(var(--tcw-tab-line) / -2);\n  transition: color var(--tcw-dur-fast) var(--tcw-ease), border-color var(--tcw-dur-fast) var(--tcw-ease);\n  font-family: inherit;\n  text-transform: capitalize;\n  letter-spacing: -0.005em;\n}\n\n.tcw-modal-tab:hover {\n  color: var(--tcw-text-dim);\n  background: var(--tcw-tab-hover);\n}\n\n.tcw-modal-tab.tcw-active {\n  color: var(--tcw-tab-on-fg);\n  background: var(--tcw-tab-on-bg);\n  border-bottom-color: var(--tcw-accent);\n  font-weight: var(--tcw-weight-strong);\n}\n\n.tcw-modal-body {\n  padding: 20px 22px;\n  overflow-y: auto;\n  flex: 1;\n}\n\n.tcw-settings-section {\n  margin-bottom: 22px;\n}\n\n.tcw-settings-section:last-child {\n  margin-bottom: 0;\n}\n\n.tcw-settings-section-title {\n  font-size: calc(var(--tcw-font-size) - 2.5px);\n  font-weight: var(--tcw-weight-strong);\n  text-transform: var(--tcw-label-case);\n  letter-spacing: var(--tcw-label-tracking);\n  color: var(--tcw-text-muted);\n  margin-bottom: 12px;\n}\n\n.tcw-settings-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 0;\n}\n\n.tcw-settings-row + .tcw-settings-row {\n  border-top: 1px solid var(--tcw-divider);\n}\n\n.tcw-settings-label {\n  font-size: var(--tcw-font-size);\n  color: var(--tcw-text-dim);\n  letter-spacing: -0.005em;\n}\n\n.tcw-color-picker-wrap {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.tcw-color-picker-wrap input[type='color'] {\n  width: 28px;\n  height: 28px;\n  border: 1px solid var(--tcw-border-strong);\n  border-radius: var(--tcw-radius-sm);\n  background: transparent;\n  cursor: pointer;\n  padding: 2px;\n}\n\n.tcw-color-picker-wrap input[type='color']::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n\n.tcw-color-picker-wrap input[type='color']::-webkit-color-swatch {\n  border: none;\n  border-radius: var(--tcw-radius-xs);\n}\n\n.tcw-color-hex {\n  font-size: var(--tcw-font-size-xs);\n  font-family: var(--tcw-font-mono);\n  color: var(--tcw-text-muted);\n  min-width: 64px;\n  letter-spacing: 0.01em;\n}\n\n/* A colour left to the part itself: the swatch shows where the picker starts, faded. */\n.tcw-color-auto input[type='color'] {\n  opacity: 0.45;\n  border-style: dashed;\n}\n\n.tcw-color-auto .tcw-color-hex {\n  font-family: inherit;\n  font-style: italic;\n}\n\n.tcw-color-auto-btn {\n  height: 24px;\n  padding: 0 8px;\n  font: inherit;\n  font-size: var(--tcw-font-size-xs);\n  color: var(--tcw-text-muted);\n  background: transparent;\n  border: 1px solid var(--tcw-border-strong);\n  border-radius: var(--tcw-radius-sm);\n  cursor: pointer;\n  transition: color var(--tcw-dur-fast) var(--tcw-ease), border-color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-color-auto-btn:hover,\n.tcw-color-auto-btn:focus-visible {\n  color: var(--tcw-text);\n  border-color: var(--tcw-accent);\n}\n\n.tcw-toggle {\n  width: 36px;\n  height: 20px;\n  background: rgba(255, 255, 255, 0.12);\n  border-radius: 10px;\n  position: relative;\n  cursor: pointer;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease);\n  border: none;\n  padding: 0;\n  flex-shrink: 0;\n}\n\n.tcw-toggle::after {\n  content: '';\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: var(--tcw-text-muted);\n  transition:\n    left var(--tcw-dur-normal) var(--tcw-ease-out),\n    background var(--tcw-dur-fast) var(--tcw-ease);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n\n.tcw-toggle.tcw-on {\n  background: var(--tcw-accent);\n  box-shadow: 0 0 0 2px var(--tcw-accent-glow);\n}\n\n.tcw-toggle.tcw-on::after {\n  left: 18px;\n  background: #fff;\n}\n\n.tcw-root[data-tcw-theme='light'] .tcw-toggle {\n  background: rgba(0, 0, 0, 0.12);\n}\n\n.tcw-root[data-tcw-theme='light'] .tcw-toggle::after {\n  background: #999;\n}\n\n.tcw-root[data-tcw-theme='light'] .tcw-toggle.tcw-on {\n  background: var(--tcw-accent);\n}\n\n.tcw-root[data-tcw-theme='light'] .tcw-toggle.tcw-on::after {\n  background: #fff;\n}\n\n.tcw-settings-select {\n  padding: 6px 10px;\n  font-size: var(--tcw-font-size-sm);\n  font-family: inherit;\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-input-radius);\n  color: var(--tcw-text);\n  cursor: pointer;\n  transition: border-color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-settings-select:hover {\n  border-color: var(--tcw-border-strong);\n}\n\n.tcw-settings-select:focus-visible {\n  outline: none;\n  border-color: var(--tcw-accent);\n  box-shadow: var(--tcw-ring);\n}\n\n.tcw-modal-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 14px 22px;\n  border-top: 1px solid var(--tcw-divider);\n  background: var(--tcw-bg-surface);\n  border-radius: 0 0 var(--tcw-dialog-radius) var(--tcw-dialog-radius);\n}\n\n.tcw-reset-link {\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  text-decoration: underline;\n  text-underline-offset: 2px;\n  text-decoration-color: var(--tcw-border-strong);\n  transition: color var(--tcw-dur-fast) var(--tcw-ease), text-decoration-color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-reset-link:hover {\n  color: var(--tcw-text-dim);\n  text-decoration-color: currentColor;\n}\n\n.tcw-done-btn {\n  padding: 8px 18px;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  background: var(--tcw-accent);\n  color: var(--tcw-accent-ink);\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n  font-family: inherit;\n  transition:\n    background var(--tcw-dur-fast) var(--tcw-ease),\n    transform var(--tcw-dur-fast) var(--tcw-ease),\n    box-shadow var(--tcw-dur-fast) var(--tcw-ease);\n  letter-spacing: -0.005em;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15);\n}\n\n.tcw-done-btn:hover {\n  background: var(--tcw-accent-hover);\n  box-shadow: var(--tcw-shadow-md), 0 0 0 3px var(--tcw-accent-glow);\n}\n\n.tcw-done-btn:active {\n  transform: translateY(0.5px);\n}\n\n/* === Status Bar === */\n\n.tcw-statusbar {\n  /* Above sidebar buttons that overflow a short chart; menus (z 30+) stay on top. */\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 7px 16px;\n  border-top: 1px solid var(--tcw-border);\n  background: var(--tcw-bg-surface);\n  font-size: var(--tcw-font-size-xs);\n  color: var(--tcw-text-muted);\n  flex-shrink: 0;\n  font-feature-settings: 'tnum';\n}\n\n.tcw-status-right {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-inline-start: auto;\n  min-width: 0;\n  white-space: nowrap;\n}\n\n/* Narrow screens: the toolbar already names the symbol and timeframe, so the\n   range bar gets the room. */\n@media (max-width: 640px) {\n  .tcw-status-info {\n    display: none;\n  }\n\n  .tcw-range-btn {\n    padding: 4px 5px;\n  }\n}\n\n/* Range presets + go to date, bottom left */\n.tcw-range-bar {\n  display: flex;\n  align-items: center;\n  gap: 1px;\n  margin: -4px 12px -4px -8px;\n  min-width: 0;\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n\n.tcw-range-bar::-webkit-scrollbar {\n  display: none;\n}\n\n.tcw-range-btn {\n  flex-shrink: 0;\n  padding: 4px 7px;\n  font: inherit;\n  font-weight: var(--tcw-weight-strong);\n  letter-spacing: 0.02em;\n  color: var(--tcw-text-muted);\n  background: transparent;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n  transition: color var(--tcw-dur-fast) var(--tcw-ease), background var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-range-btn:hover {\n  color: var(--tcw-text);\n  background: var(--tcw-hover-bg);\n}\n\n.tcw-range-btn:active {\n  color: var(--tcw-accent);\n}\n\n.tcw-range-btn:focus-visible {\n  outline: 2px solid var(--tcw-accent);\n  outline-offset: -2px;\n}\n\n.tcw-range-goto {\n  display: inline-grid;\n  place-items: center;\n  margin-inline-start: 6px;\n  padding: 4px 6px;\n}\n\n.tcw-range-goto svg {\n  display: block;\n}\n\n/* Go-to-date popover, anchored above the range bar */\n.tcw-goto {\n  position: absolute;\n  left: 10px;\n  bottom: 40px;\n  z-index: 40;\n  display: grid;\n  gap: 10px;\n  width: 232px;\n  padding: 14px;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-menu-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  color: var(--tcw-text);\n  font-size: var(--tcw-font-size-sm);\n}\n\n.tcw-goto-title {\n  font-weight: var(--tcw-weight-strong);\n  font-size: var(--tcw-font-size);\n}\n\n.tcw-goto-field {\n  display: grid;\n  gap: 4px;\n  color: var(--tcw-text-muted);\n  font-size: var(--tcw-font-size-xs);\n}\n\n.tcw-goto-input {\n  height: 30px;\n  padding: 0 8px;\n  font: inherit;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text);\n  background: var(--tcw-bg);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-input-radius);\n  color-scheme: dark;\n}\n\n.tcw-root[data-tcw-theme='light'] .tcw-goto-input {\n  color-scheme: light;\n}\n\n.tcw-goto-input:focus {\n  outline: none;\n  border-color: var(--tcw-accent);\n  box-shadow: 0 0 0 2px var(--tcw-accent-soft);\n}\n\n.tcw-goto-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 6px;\n}\n\n.tcw-goto-submit {\n  background: var(--tcw-accent);\n  color: var(--tcw-accent-ink);\n  font-weight: var(--tcw-weight-strong);\n}\n\n.tcw-goto-submit:hover {\n  background: var(--tcw-accent);\n  color: var(--tcw-accent-ink);\n  filter: brightness(1.08);\n}\n\n.tcw-status-indicator {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  font-weight: var(--tcw-weight);\n}\n\n.tcw-status-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--tcw-text-muted);\n  transition: background var(--tcw-dur-normal) var(--tcw-ease), box-shadow var(--tcw-dur-normal) var(--tcw-ease);\n  position: relative;\n}\n\n.tcw-status-dot.tcw-connected {\n  background: var(--tcw-green);\n  box-shadow: 0 0 0 3px rgba(31, 168, 116, 0.18);\n}\n\n.tcw-status-dot.tcw-connected::after {\n  content: '';\n  position: absolute;\n  inset: -3px;\n  border-radius: 50%;\n  border: 2px solid var(--tcw-green);\n  opacity: 0;\n  animation: tcw-pulse 2.2s ease-out infinite;\n}\n\n@keyframes tcw-pulse {\n  0% { opacity: 0.6; transform: scale(0.6); }\n  100% { opacity: 0; transform: scale(2.2); }\n}\n\n.tcw-status-dot.tcw-error {\n  background: var(--tcw-red);\n  box-shadow: 0 0 0 3px rgba(232, 80, 91, 0.2);\n}\n\n/* === Command Palette === */\n\n.tcw-cmd-palette {\n  position: fixed;\n  z-index: 102;\n  top: 18%;\n  left: 50%;\n  transform: translateX(-50%);\n  background: var(--tcw-bg-elevated);\n  border: var(--tcw-border-w) solid var(--tcw-border);\n  border-radius: var(--tcw-dialog-radius);\n  width: 560px;\n  max-width: 92vw;\n  max-height: 62vh;\n  display: flex;\n  flex-direction: column;\n  box-shadow: var(--tcw-dialog-shadow);\n  overflow: hidden;\n  backdrop-filter: blur(var(--tcw-blur));\n  -webkit-backdrop-filter: blur(var(--tcw-blur));\n  animation: tcw-modal-in var(--tcw-dur-slow) var(--tcw-ease-out);\n}\n\n.tcw-cmd-header {\n  display: flex;\n  align-items: center;\n  padding: 14px 18px;\n  border-bottom: 1px solid var(--tcw-divider);\n  gap: 12px;\n}\n\n.tcw-cmd-icon {\n  font-size: calc(var(--tcw-font-size) + 5px);\n  color: var(--tcw-text-muted);\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n}\n\n.tcw-cmd-input {\n  flex: 1;\n  background: transparent;\n  border: none;\n  outline: none;\n  font-size: calc(var(--tcw-font-size) + 1.5px);\n  font-family: inherit;\n  color: var(--tcw-text);\n  caret-color: var(--tcw-accent);\n  letter-spacing: -0.005em;\n}\n\n.tcw-cmd-input::placeholder {\n  color: var(--tcw-text-muted);\n}\n\n.tcw-cmd-hint {\n  font-size: calc(var(--tcw-font-size) - 3px);\n  color: var(--tcw-text-muted);\n  font-family: var(--tcw-font-mono);\n  border: 1px solid var(--tcw-border);\n  background: var(--tcw-bg-surface);\n  padding: 3px 7px;\n  border-radius: 4px;\n  flex-shrink: 0;\n  box-shadow: inset 0 -1px 0 var(--tcw-border);\n}\n\n.tcw-cmd-list {\n  overflow-y: auto;\n  flex: 1;\n  padding: 6px;\n  max-height: 380px;\n}\n\n.tcw-cmd-category {\n  text-transform: var(--tcw-label-case);\n  font-size: calc(var(--tcw-font-size) - 3px);\n  color: var(--tcw-text-muted);\n  letter-spacing: var(--tcw-label-tracking);\n  padding: 10px 10px 4px;\n  font-weight: var(--tcw-weight-strong);\n}\n\n.tcw-cmd-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 9px 12px;\n  font-size: var(--tcw-font-size);\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n  width: 100%;\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  text-align: start;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n  gap: 10px;\n  border-radius: var(--tcw-radius);\n  letter-spacing: -0.005em;\n}\n\n.tcw-cmd-item:hover,\n.tcw-cmd-item.tcw-selected {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-cmd-item.tcw-selected {\n  box-shadow: inset 2px 0 0 var(--tcw-accent);\n}\n\n.tcw-cmd-item.tcw-active .tcw-cmd-item-label {\n  color: var(--tcw-accent);\n  font-weight: var(--tcw-weight-strong);\n}\n\n.tcw-cmd-item-label {\n  flex: 1;\n}\n\n.tcw-cmd-check {\n  color: var(--tcw-accent);\n  font-size: calc(var(--tcw-font-size) + 1px);\n  font-weight: calc(var(--tcw-weight-strong) + 100);\n}\n\n.tcw-cmd-kbd {\n  font-size: calc(var(--tcw-font-size) - 3px);\n  font-family: var(--tcw-font-mono);\n  color: var(--tcw-text-muted);\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-border);\n  padding: 2px 6px;\n  border-radius: var(--tcw-tag-radius);\n  box-shadow: inset 0 -1px 0 var(--tcw-border);\n}\n\n.tcw-cmd-empty {\n  padding: 32px 16px;\n  text-align: center;\n  color: var(--tcw-text-muted);\n  font-size: var(--tcw-font-size);\n}\n\n.tcw-cmd-footer {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  padding: 10px 18px;\n  border-top: 1px solid var(--tcw-divider);\n  font-size: var(--tcw-font-size-xs);\n  color: var(--tcw-text-muted);\n  background: var(--tcw-bg-surface);\n}\n\n/* === Watchlist === */\n\n.tcw-watchlist {\n  width: 220px;\n  flex-shrink: 0;\n  background: var(--tcw-bg-surface);\n  border-inline-start: 1px solid var(--tcw-border);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  box-shadow: var(--tcw-shadow-sm);\n}\n\n.tcw-watchlist-header {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 6px 8px 6px 8px;\n  border-bottom: 1px solid var(--tcw-divider);\n}\n\n/* The shown list's name: opens the lists menu. */\n.tcw-watchlist-name {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  height: var(--tcw-control-h-sm);\n  padding: 0 6px;\n  border: 0;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-dim);\n  font: inherit;\n  font-size: var(--tcw-font-size-xs);\n  font-weight: var(--tcw-weight-strong);\n  text-transform: var(--tcw-label-case);\n  letter-spacing: var(--tcw-label-tracking);\n  text-align: start;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n}\n.tcw-watchlist-name::after {\n  content: '';\n  flex: none;\n  width: 0;\n  height: 0;\n  margin-inline-start: auto;\n  border: 4px solid transparent;\n  border-top-color: currentColor;\n  border-bottom-width: 0;\n  opacity: 0.7;\n}\n\n.tcw-watchlist-add {\n  flex: none;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: 0;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  font: inherit;\n  font-size: var(--tcw-font-size-lg);\n  line-height: 1;\n  cursor: pointer;\n}\n\n.tcw-watchlist-name:hover,\n.tcw-watchlist-add:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n.tcw-watchlist-name:focus-visible,\n.tcw-watchlist-add:focus-visible,\n.tcw-watchlist-input:focus-visible {\n  outline: none;\n  box-shadow: var(--tcw-ring);\n}\n\n/* The lists menu, under the header. */\n.tcw-watchlist-menu {\n  top: calc(100% - 2px);\n  left: 6px;\n  right: 6px;\n  margin-top: 0;\n}\n.tcw-watchlist-count {\n  color: var(--tcw-text-muted);\n  font-family: var(--tcw-font-mono);\n  font-size: var(--tcw-font-size-xs);\n}\n.tcw-watchlist-menu .tcw-danger {\n  color: var(--tcw-red);\n}\n\n/* Naming a list in place. */\n.tcw-watchlist-input {\n  flex: 1;\n  min-width: 0;\n  height: var(--tcw-control-h-sm);\n  padding: 0 8px;\n  border: var(--tcw-border-w) solid var(--tcw-border-strong);\n  border-radius: var(--tcw-input-radius);\n  background: var(--tcw-bg);\n  color: var(--tcw-text);\n  font: inherit;\n  font-size: var(--tcw-font-size-sm);\n}\n\n.tcw-watchlist-empty {\n  padding: 16px 14px;\n  color: var(--tcw-text-muted);\n  font-size: var(--tcw-font-size-sm);\n  line-height: 1.5;\n}\n\n/* A row's remove button shows on hover or focus, over its numbers. */\n.tcw-watchlist-remove {\n  position: absolute;\n  top: 50%;\n  right: 6px;\n  display: grid;\n  place-items: center;\n  width: 20px;\n  height: 20px;\n  border: 0;\n  border-radius: var(--tcw-radius-sm);\n  background: var(--tcw-bg-elevated);\n  color: var(--tcw-text-muted);\n  font: inherit;\n  font-size: var(--tcw-font-size);\n  line-height: 1;\n  opacity: 0;\n  transform: translateY(-50%);\n  cursor: pointer;\n  transition: opacity var(--tcw-dur-fast) var(--tcw-ease);\n}\n.tcw-watchlist-row:hover .tcw-watchlist-remove,\n.tcw-watchlist-row:focus-within .tcw-watchlist-remove {\n  opacity: 1;\n}\n.tcw-watchlist-remove:hover {\n  color: var(--tcw-red);\n}\n.tcw-watchlist-row.tcw-watchlist-dragging {\n  opacity: 0.45;\n}\n\n.tcw-watchlist-list {\n  flex: 1;\n  overflow-y: auto;\n  padding: 4px 0;\n}\n\n.tcw-watchlist-row {\n  position: relative;\n  display: grid;\n  grid-template-columns: 1fr auto auto;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  cursor: pointer;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease);\n  border-inline-start: 2px solid transparent;\n  outline: none;\n}\n\n.tcw-watchlist-row:hover {\n  background: var(--tcw-hover-bg);\n}\n\n.tcw-watchlist-row:focus-visible {\n  background: var(--tcw-hover-bg);\n  border-inline-start-color: var(--tcw-accent);\n}\n\n.tcw-watchlist-row.tcw-watchlist-active {\n  background: var(--tcw-accent-soft);\n  border-inline-start-color: var(--tcw-accent);\n}\n\n.tcw-watchlist-symbol {\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n  letter-spacing: -0.005em;\n  white-space: nowrap;\n}\n\n.tcw-watchlist-spark {\n  width: 56px;\n  height: 22px;\n  align-self: center;\n}\n\n.tcw-watchlist-stats {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 1px;\n  font-variant-numeric: tabular-nums;\n  font-family: var(--tcw-font-mono);\n}\n\n.tcw-watchlist-price {\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text);\n  font-weight: var(--tcw-weight);\n}\n\n.tcw-watchlist-change {\n  font-size: calc(var(--tcw-font-size) - 2.5px);\n  color: var(--tcw-text-muted);\n  font-weight: var(--tcw-weight);\n}\n\n.tcw-watchlist-change.tcw-up {\n  color: var(--tcw-green);\n}\n\n.tcw-watchlist-change.tcw-down {\n  color: var(--tcw-red);\n}\n\n@media (max-width: 768px) {\n  .tcw-watchlist {\n    display: none;\n  }\n}\n\n/* === Toast === */\n\n.tcw-toast {\n  position: absolute;\n  bottom: 60px;\n  left: 50%;\n  transform: translate(-50%, 12px);\n  z-index: 40;\n  padding: 9px 14px;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border-strong);\n  border-radius: var(--tcw-toast-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight);\n  color: var(--tcw-text);\n  opacity: 0;\n  transition: opacity var(--tcw-dur-normal) var(--tcw-ease-out), transform var(--tcw-dur-normal) var(--tcw-ease-out);\n  pointer-events: none;\n  max-width: calc(100% - 32px);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  letter-spacing: -0.005em;\n}\n\n.tcw-toast.tcw-toast-in {\n  opacity: 1;\n  transform: translate(-50%, 0);\n}\n\n.tcw-toast-error {\n  border-color: var(--tcw-red);\n  color: var(--tcw-red);\n}\n\n/* === Replay scrubber === */\n\n/* Picking the replay start: the bars right of the pointer would be hidden. */\n.tcw-replay-shade {\n  position: absolute;\n  z-index: 4;\n  pointer-events: none;\n  background: color-mix(in srgb, var(--tcw-bg) 62%, transparent);\n  border-inline-start: 1.5px dashed var(--tcw-accent);\n}\n\n.tcw-replay-group {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.tcw-replay-group[hidden] { display: none; }\n\n.tcw-replay-hint {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 0 4px;\n  color: var(--tcw-text-dim);\n  white-space: nowrap;\n}\n\n.tcw-replay-text-btn {\n  height: 26px;\n  padding: 0 10px;\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text);\n  font: inherit;\n  font-weight: var(--tcw-weight);\n  white-space: nowrap;\n  cursor: pointer;\n  transition: background var(--tcw-dur-fast), border-color var(--tcw-dur-fast), color var(--tcw-dur-fast);\n}\n\n.tcw-replay-text-btn:hover { background: var(--tcw-hover-bg); border-color: var(--tcw-border-strong); }\n.tcw-replay-text-btn:focus-visible { outline: none; box-shadow: var(--tcw-ring); }\n\n/* At the last bar: the way out is the next thing to do. */\n.tcw-replay-bar--ended .tcw-replay-realtime {\n  background: var(--tcw-accent);\n  border-color: var(--tcw-accent);\n  color: var(--tcw-accent-ink);\n}\n\n.tcw-replay-btn:disabled { opacity: 0.4; cursor: default; }\n\n@media (max-width: 640px) {\n  .tcw-replay-bar {\n    flex-wrap: wrap;\n    justify-content: center;\n    max-width: calc(100% - 24px);\n    border-radius: var(--tcw-panel-radius);\n  }\n  .tcw-replay-hint { white-space: normal; }\n}\n\n.tcw-replay-bar {\n  position: absolute;\n  left: 50%;\n  /* Above the 30px time axis, so its dates stay readable. */\n  bottom: 40px;\n  transform: translateX(-50%);\n  z-index: 25;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 10px;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-panel-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  backdrop-filter: blur(var(--tcw-blur));\n  -webkit-backdrop-filter: blur(var(--tcw-blur));\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text);\n  animation: tcw-pop-in var(--tcw-dur-normal) var(--tcw-ease-out);\n}\n\n.tcw-replay-btn {\n  width: 28px;\n  height: 28px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-dim);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n  font-family: inherit;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-replay-btn:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-replay-btn.tcw-replay-play {\n  background: var(--tcw-accent);\n  color: var(--tcw-accent-ink);\n  width: 32px;\n  height: 32px;\n  box-shadow: 0 0 0 3px var(--tcw-accent-glow);\n}\n\n.tcw-replay-btn.tcw-replay-play:hover {\n  background: var(--tcw-accent-hover);\n}\n\n.tcw-replay-scrubber {\n  appearance: none;\n  -webkit-appearance: none;\n  width: 220px;\n  height: 4px;\n  background: var(--tcw-border-strong);\n  border-radius: 2px;\n  outline: none;\n  cursor: pointer;\n}\n\n.tcw-replay-scrubber::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  background: var(--tcw-accent);\n  border: 2px solid var(--tcw-bg-elevated);\n  box-shadow: 0 0 0 1px var(--tcw-accent), 0 2px 6px rgba(0, 0, 0, 0.3);\n  cursor: pointer;\n}\n\n.tcw-replay-scrubber::-moz-range-thumb {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  background: var(--tcw-accent);\n  border: 2px solid var(--tcw-bg-elevated);\n  box-shadow: 0 0 0 1px var(--tcw-accent), 0 2px 6px rgba(0, 0, 0, 0.3);\n  cursor: pointer;\n}\n\n.tcw-replay-progress {\n  font-size: var(--tcw-font-size-xs);\n  font-family: var(--tcw-font-mono);\n  color: var(--tcw-text-muted);\n  min-width: 64px;\n  text-align: center;\n  font-feature-settings: 'tnum';\n}\n\n.tcw-replay-speed {\n  padding: 4px 8px;\n  font-size: var(--tcw-font-size-xs);\n  font-family: var(--tcw-font-mono);\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-control-radius);\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n}\n\n.tcw-replay-speed:hover {\n  border-color: var(--tcw-border-strong);\n}\n\n@media (max-width: 640px) {\n  .tcw-replay-scrubber {\n    width: 140px;\n  }\n  .tcw-replay-progress {\n    display: none;\n  }\n}\n\n/* === Hotkey sheet === */\n\n.tcw-hotkey-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px 32px;\n}\n\n.tcw-hotkey-section .tcw-settings-section-title {\n  margin-bottom: 8px;\n}\n\n.tcw-hotkey-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 6px 0;\n  border-bottom: 1px solid var(--tcw-divider);\n}\n\n.tcw-hotkey-row:last-child {\n  border-bottom: none;\n}\n\n.tcw-hotkey-keys {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  flex-shrink: 0;\n}\n\n.tcw-hotkey-sep {\n  font-size: calc(var(--tcw-font-size) - 3px);\n  color: var(--tcw-text-muted);\n}\n\n.tcw-hotkey-label {\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-dim);\n  text-align: end;\n  letter-spacing: -0.005em;\n}\n\n@media (max-width: 640px) {\n  .tcw-hotkey-grid {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n}\n\n/* === Scrollbar (subtle, premium feel) === */\n\n.tcw-dropdown::-webkit-scrollbar,\n.tcw-modal-body::-webkit-scrollbar,\n.tcw-cmd-list::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n\n.tcw-dropdown::-webkit-scrollbar-track,\n.tcw-modal-body::-webkit-scrollbar-track,\n.tcw-cmd-list::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.tcw-dropdown::-webkit-scrollbar-thumb,\n.tcw-modal-body::-webkit-scrollbar-thumb,\n.tcw-cmd-list::-webkit-scrollbar-thumb {\n  background: var(--tcw-border-strong);\n  border-radius: 4px;\n  border: 2px solid transparent;\n  background-clip: padding-box;\n}\n\n.tcw-dropdown::-webkit-scrollbar-thumb:hover,\n.tcw-modal-body::-webkit-scrollbar-thumb:hover,\n.tcw-cmd-list::-webkit-scrollbar-thumb:hover {\n  background: var(--tcw-text-muted);\n  background-clip: padding-box;\n  border: 2px solid transparent;\n}\n\n/* === Responsive === */\n\n@media (max-width: 768px) {\n  .tcw-toolbar {\n    padding: 0 4px;\n    height: max(44px, var(--tcw-toolbar-h));   /* Apple HIG minimum touch target */\n  }\n  .tcw-toolbar-sep {\n    display: none;\n  }\n  .tcw-btn,\n  .tcw-dropdown-trigger {\n    height: max(40px, var(--tcw-control-h));   /* fatter tap target */\n    padding: 0 12px;\n    font-size: var(--tcw-font-size);\n  }\n  .tcw-btn-icon {\n    width: max(40px, var(--tcw-control-h));\n    height: max(40px, var(--tcw-control-h));\n  }\n  .tcw-sidebar {\n    width: max(44px, var(--tcw-sidebar-w));\n  }\n  .tcw-sidebar-btn {\n    width: max(40px, var(--tcw-control-h));\n    height: max(40px, var(--tcw-control-h));\n  }\n  .tcw-modal,\n  .tcw-cmd-palette {\n    width: 94vw;\n    border-radius: var(--tcw-dialog-radius);\n  }\n\n  /* Hide the right-side watchlist on tablets too — already declared but\n   * grouped here for clarity. */\n  .tcw-watchlist {\n    display: none;\n  }\n\n  /* Replay scrubber compact mode */\n  .tcw-replay-scrubber {\n    width: 120px;\n  }\n  .tcw-replay-progress {\n    display: none;\n  }\n}\n\n/* === Mobile bottom-sheet pattern ===\n * On phones, swap floating-centered modals for full-width sheets that slide\n * up from the bottom. Bigger hit targets, no awkward off-screen clipping,\n * matches how every modern iOS/Android app handles overflow UI.\n */\n@media (max-width: 640px) {\n  .tcw-modal,\n  .tcw-cmd-palette {\n    top: auto;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    transform: none;\n    width: 100vw;\n    max-width: 100vw;\n    max-height: 92vh;\n    border-radius: var(--tcw-dialog-radius) var(--tcw-dialog-radius) 0 0;\n    border-bottom: none;\n    /* Grab handle */\n    padding-top: 8px;\n  }\n\n  /* Visual \"grab handle\" affordance — a short pill at the top of every sheet */\n  .tcw-modal::before,\n  .tcw-cmd-palette::before {\n    content: '';\n    display: block;\n    width: 36px;\n    height: 4px;\n    border-radius: 2px;\n    background: var(--tcw-border-strong);\n    margin: 0 auto 8px;\n    opacity: 0.7;\n  }\n\n  /* Reuse the existing modal-in animation but slide from below instead of\n   * popping from center, so the entrance reads as a sheet, not a dialog. */\n  @keyframes tcw-modal-in {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .tcw-modal,\n  .tcw-cmd-palette {\n    animation: tcw-modal-in var(--tcw-dur-slow) var(--tcw-ease-out);\n  }\n\n  /* Safe-area-aware footer padding for iPhone notch / home indicator */\n  .tcw-modal-footer,\n  .tcw-cmd-footer {\n    padding-bottom: max(14px, env(safe-area-inset-bottom));\n  }\n\n  /* Larger tap targets inside sheets */\n  .tcw-modal-tab {\n    padding: 14px 16px;\n  }\n  .tcw-cmd-item {\n    padding: 12px 14px;\n    font-size: calc(var(--tcw-font-size) + 1px);\n  }\n  .tcw-dropdown-item {\n    padding: 12px 12px;\n    font-size: calc(var(--tcw-font-size) + 1px);\n  }\n\n  /* Hotkey sheet — single column on phones */\n  .tcw-hotkey-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n/* === Price alerts panel === */\n\n.tcw-alerts-panel {\n  position: absolute;\n  top: var(--tcw-panel-top);\n  inset-inline-end: 12px;\n  z-index: 40;\n  width: 300px;\n  max-width: calc(100vw - 24px);\n  display: flex;\n  flex-direction: column;\n  background: var(--tcw-bg-elevated);\n  border: var(--tcw-border-w) solid var(--tcw-border-strong);\n  border-radius: var(--tcw-panel-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  overflow: hidden;\n  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;\n}\n\n@keyframes tcw-alerts-in {\n  from { opacity: 0; transform: translateY(-6px) scale(0.98); }\n  to { opacity: 1; transform: none; }\n}\n\n.tcw-alerts-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 12px;\n  font-weight: var(--tcw-weight-strong);\n  font-size: var(--tcw-font-size);\n  color: var(--tcw-text);\n  border-bottom: 1px solid var(--tcw-border);\n}\n\n.tcw-alerts-close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-alerts-close:hover {\n  background: var(--tcw-bg-surface);\n  color: var(--tcw-text);\n}\n\n.tcw-alerts-form {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 8px;\n  padding: 12px;\n  border-bottom: 1px solid var(--tcw-border);\n}\n\n.tcw-alerts-form input,\n.tcw-alerts-form select {\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  height: 32px;\n  padding: 0 8px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text);\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-radius-sm);\n  outline: none;\n}\n.tcw-alerts-form input:focus,\n.tcw-alerts-form select:focus {\n  border-color: var(--tcw-accent);\n  box-shadow: 0 0 0 2px var(--tcw-accent-soft);\n}\n.tcw-alerts-message,\n.tcw-alerts-source {\n  grid-column: 1 / -1;\n}\n\n.tcw-alerts-add {\n  grid-column: 1 / -1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  height: 34px;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-accent-ink);\n  background: var(--tcw-accent);\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-alerts-add:hover {\n  background: var(--tcw-accent-hover);\n}\n\n.tcw-alerts-list {\n  max-height: 260px;\n  overflow-y: auto;\n  padding: 6px;\n}\n\n.tcw-alerts-empty {\n  padding: 18px 12px;\n  text-align: center;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-muted);\n  line-height: 1.5;\n}\n\n.tcw-alerts-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 8px 8px;\n  border-radius: var(--tcw-radius-sm);\n}\n.tcw-alerts-row:hover {\n  background: var(--tcw-bg-surface);\n}\n.tcw-alerts-triggered {\n  background: var(--tcw-accent-soft);\n}\n\n.tcw-alerts-info {\n  min-width: 0;\n}\n.tcw-alerts-row-main {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n  font-variant-numeric: tabular-nums;\n}\n.tcw-alerts-row-note {\n  margin-top: 2px;\n  font-size: var(--tcw-font-size-xs);\n  color: var(--tcw-text-muted);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.tcw-alerts-badge {\n  font-size: calc(var(--tcw-font-size) - 4px);\n  font-weight: calc(var(--tcw-weight-strong) + 100);\n  text-transform: var(--tcw-label-case);\n  letter-spacing: var(--tcw-label-tracking);\n  padding: 2px 5px;\n  border-radius: var(--tcw-tag-radius);\n  color: var(--tcw-accent);\n  background: var(--tcw-accent-soft);\n}\n\n.tcw-alerts-del {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-alerts-del:hover {\n  background: var(--tcw-red-soft);\n  color: var(--tcw-red);\n}\n\n@media (max-width: 640px) {\n  .tcw-alerts-panel {\n    top: auto;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    width: 100vw;\n    max-width: 100vw;\n    border-radius: var(--tcw-radius-xl) var(--tcw-radius-xl) 0 0;\n  }\n  .tcw-alerts-list {\n    max-height: 40vh;\n    padding-bottom: max(8px, env(safe-area-inset-bottom));\n  }\n}\n\n/* === Data Window === */\n\n.tcw-datawin {\n  position: absolute;\n  top: var(--tcw-panel-top);\n  inset-inline-end: 12px;\n  z-index: 38;\n  width: 200px;\n  display: flex;\n  flex-direction: column;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border-strong);\n  border-radius: var(--tcw-panel-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  overflow: hidden;\n  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;\n}\n.tcw-datawin-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 9px 12px;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n  border-bottom: 1px solid var(--tcw-border);\n}\n.tcw-datawin-close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-datawin-close:hover { background: var(--tcw-bg-surface); color: var(--tcw-text); }\n.tcw-datawin-body { padding: 6px 4px; max-height: 360px; overflow-y: auto; }\n.tcw-datawin-empty { padding: 14px; text-align: center; font-size: var(--tcw-font-size-sm); color: var(--tcw-text-muted); }\n.tcw-datawin-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  padding: 3px 8px;\n  font-size: var(--tcw-font-size-sm);\n}\n.tcw-datawin-label { color: var(--tcw-text-muted); }\n.tcw-datawin-value { color: var(--tcw-text); font-variant-numeric: tabular-nums; font-weight: var(--tcw-weight-strong); }\n.tcw-datawin-value.tcw-up { color: var(--tcw-green); }\n.tcw-datawin-value.tcw-down { color: var(--tcw-red); }\n.tcw-datawin-sub {\n  margin: 6px 8px 2px;\n  font-size: calc(var(--tcw-font-size) - 3px);\n  font-weight: calc(var(--tcw-weight-strong) + 100);\n  text-transform: var(--tcw-label-case);\n  letter-spacing: var(--tcw-label-tracking);\n  color: var(--tcw-text-muted);\n  border-top: 1px solid var(--tcw-border);\n  padding-top: 6px;\n}\n\n@media (max-width: 640px) {\n  .tcw-datawin { top: auto; bottom: 0; left: 0; right: 0; width: 100vw; border-radius: var(--tcw-radius-xl) var(--tcw-radius-xl) 0 0; }\n}\n\n/* === Depth-of-market ladder === */\n\n.tcw-ladder {\n  position: absolute;\n  top: var(--tcw-panel-top);\n  inset-inline-end: 12px;\n  z-index: 41;\n  width: 240px;\n  display: flex;\n  flex-direction: column;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border-strong);\n  border-radius: var(--tcw-panel-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  overflow: hidden;\n  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;\n}\n.tcw-ladder-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 12px;\n  font-size: var(--tcw-font-size);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n  border-bottom: 1px solid var(--tcw-border);\n}\n.tcw-ladder-close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-ladder-close:hover { background: var(--tcw-bg-surface); color: var(--tcw-text); }\n.tcw-ladder-cols {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  padding: 4px 0;\n  font-size: calc(var(--tcw-font-size) - 3px);\n  font-weight: calc(var(--tcw-weight-strong) + 100);\n  text-transform: var(--tcw-label-case);\n  letter-spacing: var(--tcw-label-tracking);\n  color: var(--tcw-text-muted);\n  border-bottom: 1px solid var(--tcw-border);\n}\n.tcw-ladder-cols span { text-align: center; }\n.tcw-ladder-body { max-height: 360px; overflow-y: auto; }\n.tcw-ladder-empty { padding: 18px; text-align: center; font-size: var(--tcw-font-size-sm); color: var(--tcw-text-muted); }\n\n.tcw-ladder-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  height: 22px;\n  font-variant-numeric: tabular-nums;\n}\n.tcw-ladder-cell {\n  position: relative;\n  display: flex;\n  align-items: center;\n  border: none;\n  background: transparent;\n  font-size: var(--tcw-font-size-xs);\n  cursor: pointer;\n  font-variant-numeric: tabular-nums;\n  overflow: hidden;\n}\n.tcw-ladder-cell:disabled { cursor: default; }\n/* Depth bar grows from the centre column outward. */\n.tcw-ladder-cell::before {\n  content: '';\n  position: absolute;\n  top: 1px; bottom: 1px;\n  width: var(--w, 0%);\n}\n.tcw-ladder-bid { justify-content: flex-end; padding-right: 8px; color: var(--tcw-green); }\n.tcw-ladder-bid::before { right: 0; background: var(--tcw-green-soft); }\n.tcw-ladder-bid span, .tcw-ladder-bid { position: relative; }\n.tcw-ladder-ask { justify-content: flex-start; padding-left: 8px; color: var(--tcw-red); }\n.tcw-ladder-ask::before { left: 0; background: var(--tcw-red-soft); }\n.tcw-ladder-cell:not(:disabled):hover::before { opacity: 0.7; filter: brightness(1.4); }\n.tcw-ladder-cell > * { position: relative; }\n.tcw-ladder-price {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--tcw-font-size-xs);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text-dim);\n  border-inline-start: 1px solid var(--tcw-border);\n  border-inline-end: 1px solid var(--tcw-border);\n}\n.tcw-ladder-price.tcw-ask { color: var(--tcw-red); }\n.tcw-ladder-price.tcw-bid { color: var(--tcw-green); }\n\n@media (max-width: 640px) {\n  .tcw-ladder { top: auto; bottom: 0; left: 0; right: 0; width: 100vw; border-radius: var(--tcw-radius-xl) var(--tcw-radius-xl) 0 0; }\n  .tcw-ladder-body { max-height: 45vh; padding-bottom: max(0px, env(safe-area-inset-bottom)); }\n}\n\n/* === Bracket order placement === */\n\n.tcw-btn-long:hover { color: var(--tcw-green) !important; }\n.tcw-btn-short:hover { color: var(--tcw-red) !important; }\n\n.tcw-bracket-bar {\n  position: absolute;\n  top: calc(var(--tcw-panel-top) + 2px);\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 45;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 7px 8px 7px 14px;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border-strong);\n  border-radius: var(--tcw-panel-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;\n}\n.tcw-bracket-label {\n  font-size: var(--tcw-font-size-sm);\n  font-weight: calc(var(--tcw-weight-strong) + 100);\n}\n.tcw-bracket-label[data-side='buy'] { color: var(--tcw-green); }\n.tcw-bracket-label[data-side='sell'] { color: var(--tcw-red); }\n.tcw-bracket-hint {\n  font-size: var(--tcw-font-size-xs);\n  color: var(--tcw-text-muted);\n}\n.tcw-bracket-cancel, .tcw-bracket-confirm {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  height: 30px;\n  padding: 0 12px;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-bracket-cancel {\n  color: var(--tcw-text-dim);\n  background: var(--tcw-bg-surface);\n}\n.tcw-bracket-cancel:hover { color: var(--tcw-text); }\n.tcw-bracket-confirm {\n  color: var(--tcw-accent-ink);\n  background: var(--tcw-accent);\n}\n.tcw-bracket-confirm:hover { background: var(--tcw-accent-hover); }\n\n@media (max-width: 640px) {\n  .tcw-bracket-bar { width: calc(100vw - 24px); justify-content: space-between; }\n  .tcw-bracket-hint { display: none; }\n}\n\n/* === Drawing style + templates popover === */\n\n.tcw-style-panel {\n  position: absolute;\n  bottom: 12px;\n  inset-inline-start: var(--tcw-panel-left);\n  z-index: 40;\n  width: 220px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 12px;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border-strong);\n  border-radius: var(--tcw-panel-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;\n}\n.tcw-style-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n}\n.tcw-style-close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-style-close:hover { background: var(--tcw-bg-surface); color: var(--tcw-text); }\n\n.tcw-style-row { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }\n.tcw-style-swatch {\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  border: 1px solid var(--tcw-border-strong);\n  cursor: pointer;\n  padding: 0;\n}\n.tcw-style-swatch.tcw-on { outline: 2px solid var(--tcw-accent); outline-offset: 1px; }\n.tcw-style-picker {\n  width: 22px;\n  height: 22px;\n  padding: 0;\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-radius-sm);\n  background: transparent;\n  cursor: pointer;\n}\n.tcw-style-width, .tcw-style-dash {\n  flex: 1;\n  min-width: 0;\n  height: 26px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-control-radius);\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n  font-size: var(--tcw-font-size-xs);\n}\n.tcw-style-width span { width: 16px; background: currentColor; border-radius: var(--tcw-radius-xs); }\n.tcw-style-width.tcw-on, .tcw-style-dash.tcw-on {\n  border-color: var(--tcw-accent);\n  color: var(--tcw-accent);\n}\n\n.tcw-style-subhead {\n  font-size: calc(var(--tcw-font-size) - 3px);\n  font-weight: calc(var(--tcw-weight-strong) + 100);\n  text-transform: var(--tcw-label-case);\n  letter-spacing: var(--tcw-label-tracking);\n  color: var(--tcw-text-muted);\n  margin-top: 2px;\n}\n.tcw-style-save { display: flex; gap: 6px; }\n.tcw-style-name {\n  flex: 1;\n  min-width: 0;\n  height: 28px;\n  padding: 0 8px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text);\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-input-radius);\n  outline: none;\n}\n.tcw-style-name:focus { border-color: var(--tcw-accent); }\n.tcw-style-savebtn {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 10px;\n  height: 28px;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-accent-ink);\n  background: var(--tcw-accent);\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-style-savebtn:hover { background: var(--tcw-accent-hover); }\n\n.tcw-style-templates { display: flex; flex-direction: column; gap: 2px; max-height: 140px; overflow-y: auto; }\n.tcw-style-empty { font-size: var(--tcw-font-size-xs); color: var(--tcw-text-muted); padding: 4px 0; }\n.tcw-style-template { display: flex; align-items: center; gap: 4px; }\n.tcw-style-apply {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  padding: 5px 7px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text);\n  background: transparent;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n  text-align: start;\n}\n.tcw-style-apply:hover { background: var(--tcw-bg-surface); }\n.tcw-style-tdot { flex-shrink: 0; width: 9px; height: 9px; border-radius: 50%; }\n.tcw-style-tdel {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-style-tdel:hover { background: var(--tcw-red-soft); color: var(--tcw-red); }\n\n/* === Settings range slider === */\n\n.tcw-settings-range {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.tcw-settings-range input[type='range'] {\n  width: 110px;\n  accent-color: var(--tcw-accent);\n  cursor: pointer;\n}\n.tcw-settings-range-val {\n  min-width: 38px;\n  text-align: end;\n  font-size: var(--tcw-font-size-sm);\n  font-variant-numeric: tabular-nums;\n  color: var(--tcw-text-dim);\n}\n\n/* === Indicator settings dialog === */\n\n/* Narrow on a desktop; on a phone a sheet across the screen like every dialog. */\n@media (min-width: 641px) {\n  .tcw-modal-narrow {\n    max-width: 360px;\n  }\n}\n.tcw-indi-input {\n  width: 110px;\n  height: 30px;\n  padding: 0 8px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text);\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-input-radius);\n  outline: none;\n  font-variant-numeric: tabular-nums;\n}\n.tcw-indi-input:focus {\n  border-color: var(--tcw-accent);\n  box-shadow: 0 0 0 2px var(--tcw-accent-soft);\n}\n.tcw-indi-select {\n  width: 150px;\n  padding-right: 4px;\n  cursor: pointer;\n}\n/* A level: its value and a remove button. */\n.tcw-indi-level {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n.tcw-indi-remove {\n  display: inline-grid;\n  place-items: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  padding: 0;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n}\n.tcw-indi-remove:hover {\n  color: var(--tcw-red);\n  background: var(--tcw-hover-bg);\n}\n.tcw-indi-remove:focus-visible {\n  outline: 2px solid var(--tcw-accent);\n  outline-offset: -2px;\n}\n.tcw-indi-add {\n  margin-top: 8px;\n}\n.tcw-indi-color {\n  width: 36px;\n  height: 28px;\n  padding: 2px;\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-radius-sm);\n  cursor: pointer;\n}\n\n/* === Object tree panel === */\n\n.tcw-tree-panel {\n  position: absolute;\n  top: var(--tcw-panel-top);\n  inset-inline-end: 12px;\n  z-index: 39;\n  width: 280px;\n  max-width: calc(100vw - 24px);\n  display: flex;\n  flex-direction: column;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border-strong);\n  border-radius: var(--tcw-panel-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  overflow: hidden;\n  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;\n}\n\n.tcw-tree-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 12px;\n  font-weight: var(--tcw-weight-strong);\n  font-size: var(--tcw-font-size);\n  color: var(--tcw-text);\n  border-bottom: 1px solid var(--tcw-border);\n}\n.tcw-tree-close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-tree-close:hover {\n  background: var(--tcw-bg-surface);\n  color: var(--tcw-text);\n}\n\n.tcw-tree-section {\n  padding: 6px;\n  border-bottom: 1px solid var(--tcw-border);\n}\n.tcw-tree-section:last-child {\n  border-bottom: none;\n}\n.tcw-tree-section-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 6px 8px 4px;\n  font-size: calc(var(--tcw-font-size) - 3px);\n  font-weight: calc(var(--tcw-weight-strong) + 100);\n  text-transform: var(--tcw-label-case);\n  letter-spacing: var(--tcw-label-tracking);\n  color: var(--tcw-text-muted);\n}\n.tcw-tree-add {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-tree-add:hover {\n  background: var(--tcw-accent-soft);\n  color: var(--tcw-accent);\n}\n.tcw-tree-dot {\n  flex-shrink: 0;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.tcw-tree-list {\n  max-height: 200px;\n  overflow-y: auto;\n}\n\n.tcw-tree-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 6px 8px;\n  border-radius: var(--tcw-radius-sm);\n}\n.tcw-tree-row:hover {\n  background: var(--tcw-bg-surface);\n}\n.tcw-tree-hidden .tcw-tree-name {\n  opacity: 0.5;\n}\n.tcw-tree-name {\n  min-width: 0;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.tcw-tree-actions {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  flex-shrink: 0;\n}\n.tcw-tree-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-tree-btn:hover {\n  background: var(--tcw-bg-elevated);\n  color: var(--tcw-text);\n}\n.tcw-tree-btn.tcw-tree-on {\n  color: var(--tcw-accent);\n}\n.tcw-tree-btn.tcw-tree-del:hover {\n  background: var(--tcw-red-soft);\n  color: var(--tcw-red);\n}\n.tcw-tree-group .tcw-tree-name {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: var(--tcw-weight-strong);\n}\n.tcw-tree-group .tcw-tree-name svg {\n  flex: none;\n  color: var(--tcw-text-muted);\n}\n.tcw-tree-member {\n  margin-left: 14px;\n  padding-left: 10px;\n  border-inline-start: 1px solid var(--tcw-border-strong);\n  border-radius: 0 var(--tcw-radius-sm) var(--tcw-radius-sm) 0;\n}\n.tcw-tree-rename {\n  flex: 1;\n  min-width: 0;\n  padding: 3px 6px;\n  border: 1px solid var(--tcw-accent-line);\n  border-radius: var(--tcw-input-radius);\n  background: var(--tcw-bg-surface);\n  color: var(--tcw-text);\n  font: inherit;\n  font-size: var(--tcw-font-size-sm);\n}\n.tcw-tree-rename:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--tcw-accent-soft);\n}\n.tcw-tree-empty {\n  padding: 8px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-muted);\n}\n\n@media (max-width: 640px) {\n  .tcw-tree-panel {\n    top: auto;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    width: 100vw;\n    max-width: 100vw;\n    border-radius: var(--tcw-radius-xl) var(--tcw-radius-xl) 0 0;\n  }\n  .tcw-tree-list {\n    max-height: 30vh;\n  }\n  .tcw-tree-section:last-child {\n    padding-bottom: max(6px, env(safe-area-inset-bottom));\n  }\n}\n\n/* === Reduced motion === */\n\n@media (prefers-reduced-motion: reduce) {\n  .tcw-root *,\n  .tcw-root *::before,\n  .tcw-root *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n\n  /* Except the loader's slow glow (opacity only): without it a long wait\n     looks frozen. */\n  .tcw-root .tcw-loading-candle,\n  .tcw-root .tcw-loading-track > span {\n    animation-duration: 2.4s !important;\n    animation-iteration-count: infinite !important;\n    animation-delay: var(--tcw-delay, 0ms) !important;\n  }\n}\n\n/* --- Drawing settings dialog --- */\n.tcw-drawing-settings .tcw-modal-footer { gap: 12px; }\n.tcw-drawing-settings-tools {\n  display: flex;\n  gap: 14px;\n  margin-inline-end: auto;\n}\n.tcw-drawing-text {\n  min-height: 56px;\n  resize: vertical;\n  font-family: inherit;\n}\n.tcw-levels-editor { display: grid; gap: 6px; margin-bottom: 10px; }\n.tcw-levels-grid {\n  display: grid;\n  gap: 4px;\n  max-height: 260px;\n  overflow-y: auto;\n  padding-right: 2px;\n}\n.tcw-level-row {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) 32px 24px;\n  align-items: center;\n  gap: 8px;\n}\n.tcw-level-row input[type='checkbox'] { accent-color: var(--tcw-accent); }\n.tcw-level-remove {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: 0;\n  border-radius: var(--tcw-radius-sm, 4px);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n}\n.tcw-level-remove:hover { color: var(--tcw-text); background: var(--tcw-bg-elevated); }\n.tcw-level-remove:focus-visible { outline: 2px solid var(--tcw-accent); outline-offset: 1px; }\n.tcw-level-add { justify-self: start; }\n.tcw-drawing-templates { display: grid; gap: 2px; margin-bottom: 8px; }\n.tcw-drawing-alert { display: inline-flex; align-items: center; gap: 6px; }\n\n/* --- Context menu (right-click on a drawing) --- */\n.tcw-context-menu {\n  position: absolute;\n  z-index: 70;\n  min-width: 200px;\n  padding: 4px;\n  background: var(--tcw-bg-elevated);\n  border: var(--tcw-border-w) solid var(--tcw-divider);\n  border-radius: var(--tcw-menu-radius);\n  box-shadow: var(--tcw-menu-shadow);\n}\n.tcw-context-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  min-height: var(--tcw-menu-item-h);\n  padding: 4px 10px;\n  border: 0;\n  border-radius: var(--tcw-radius-sm);\n  background: transparent;\n  color: var(--tcw-text);\n  font: inherit;\n  font-size: var(--tcw-font-size);\n  text-align: start;\n  cursor: pointer;\n}\n.tcw-context-item svg, .tcw-context-icon { flex: none; width: 14px; height: 14px; color: var(--tcw-text-muted); }\n.tcw-context-item:hover, .tcw-context-item:focus-visible { background: var(--tcw-bg-surface); outline: none; }\n.tcw-context-item:focus-visible { box-shadow: inset 0 0 0 1px var(--tcw-accent); }\n.tcw-context-danger, .tcw-context-danger svg { color: var(--tcw-red); }\n.tcw-context-sep { height: 1px; margin: 4px 6px; background: var(--tcw-divider); }\n/* --- Toolbar over a selected drawing --- */\n.tcw-sel-toolbar {\n  position: absolute;\n  z-index: 65;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  padding: 3px;\n  background: var(--tcw-bg-elevated);\n  border: var(--tcw-border-w) solid var(--tcw-divider);\n  border-radius: var(--tcw-menu-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  font-family: var(--tcw-font);\n  white-space: nowrap;\n  animation: tcw-sel-in var(--tcw-dur-fast) var(--tcw-ease-out);\n}\n@keyframes tcw-sel-in { from { opacity: 0; transform: translateY(3px); } }\n.tcw-sel-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 5px;\n  min-width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  padding: 0 6px;\n  border: 0;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  font: inherit;\n  font-size: var(--tcw-font-size-xs);\n  font-variant-numeric: tabular-nums;\n  cursor: pointer;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n}\n.tcw-sel-btn svg { flex: none; }\n.tcw-sel-btn:hover, .tcw-sel-btn[aria-expanded=\"true\"] { background: var(--tcw-hover-bg); color: var(--tcw-text); }\n.tcw-sel-btn:focus-visible, .tcw-sel-swatch:focus-visible, .tcw-sel-option:focus-visible { outline: none; box-shadow: inset 0 0 0 1px var(--tcw-accent); }\n.tcw-sel-btn.tcw-sel-on { color: var(--tcw-accent); background: var(--tcw-accent-soft); }\n.tcw-sel-danger:hover { color: var(--tcw-red); background: var(--tcw-red-soft); }\n.tcw-sel-color {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tcw-text) 25%, transparent);\n}\n.tcw-sel-width {\n  display: inline-block;\n  width: 16px;\n  height: var(--w, 1px);\n  max-height: 6px;\n  border-radius: 1px;\n  background: currentColor;\n}\n.tcw-sel-sep { flex: none; width: 1px; height: 18px; margin: 0 3px; background: var(--tcw-divider); }\n.tcw-sel-pop {\n  position: absolute;\n  z-index: 66;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 120px;\n  padding: 4px;\n  background: var(--tcw-bg-elevated);\n  border: var(--tcw-border-w) solid var(--tcw-divider);\n  border-radius: var(--tcw-menu-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  font-family: var(--tcw-font);\n}\n.tcw-sel-pop--color {\n  display: grid;\n  grid-template-columns: repeat(4, 24px);\n  gap: 6px;\n  min-width: 0;\n  padding: 8px;\n}\n.tcw-sel-swatch {\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tcw-text) 20%, transparent);\n  cursor: pointer;\n  transition: transform var(--tcw-dur-fast) var(--tcw-ease);\n}\n.tcw-sel-swatch:hover { transform: scale(1.1); }\n.tcw-sel-swatch.tcw-sel-on { box-shadow: 0 0 0 2px var(--tcw-bg-elevated), 0 0 0 4px var(--tcw-accent); }\n.tcw-sel-option {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-height: var(--tcw-menu-item-h);\n  padding: 4px 10px;\n  border: 0;\n  border-radius: var(--tcw-radius-sm);\n  background: transparent;\n  color: var(--tcw-text);\n  font: inherit;\n  font-size: var(--tcw-font-size-sm);\n  text-align: start;\n  cursor: pointer;\n}\n.tcw-sel-option:hover { background: var(--tcw-bg-surface); }\n.tcw-sel-option.tcw-sel-on { color: var(--tcw-accent); }\n@media (prefers-reduced-motion: reduce) {\n  .tcw-sel-toolbar { animation: none; }\n  .tcw-sel-swatch { transition: none; }\n}\n\n/* --- Account panel (positions, orders, history) --- */\n.tcw-account-dock {\n  flex: none;\n}\n.tcw-account {\n  display: flex;\n  flex-direction: column;\n  height: 220px;\n  border-top: 1px solid var(--tcw-border);\n  background: var(--tcw-bg-surface);\n}\n.tcw-account-head {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 8px;\n  border-bottom: 1px solid var(--tcw-divider);\n}\n.tcw-account-tabs {\n  display: flex;\n  gap: 2px;\n  flex: 1;\n  min-width: 0;\n  overflow-x: auto;\n}\n.tcw-account-tab {\n  padding: 6px 10px;\n  border: 0;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  font: inherit;\n  font-size: var(--tcw-font-size-sm);\n  white-space: nowrap;\n  cursor: pointer;\n}\n.tcw-account-tab:hover { color: var(--tcw-text); background: var(--tcw-hover-bg); }\n.tcw-account-tab[aria-selected=\"true\"] { color: var(--tcw-text); background: var(--tcw-active-bg); }\n.tcw-account-tab:focus-visible, .tcw-account-new:focus-visible { outline: none; box-shadow: inset 0 0 0 1px var(--tcw-accent); }\n.tcw-account-new {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 10px;\n  border: 1px solid var(--tcw-accent-line);\n  border-radius: var(--tcw-control-radius);\n  background: var(--tcw-accent-soft);\n  color: var(--tcw-accent);\n  font: inherit;\n  font-size: var(--tcw-font-size-sm);\n  cursor: pointer;\n}\n.tcw-account-new:hover { background: var(--tcw-accent-glow); }\n.tcw-account-body {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n}\n.tcw-account-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: var(--tcw-font-size-sm);\n  font-variant-numeric: tabular-nums;\n}\n.tcw-account-table th {\n  position: sticky;\n  top: 0;\n  padding: 6px 10px;\n  background: var(--tcw-bg-surface);\n  color: var(--tcw-text-muted);\n  font-weight: var(--tcw-weight);\n  text-align: start;\n  border-bottom: 1px solid var(--tcw-divider);\n}\n.tcw-account-table td {\n  padding: 5px 10px;\n  color: var(--tcw-text);\n  border-bottom: 1px solid var(--tcw-divider);\n  white-space: nowrap;\n}\n.tcw-account-table tr:hover td { background: var(--tcw-hover-bg); }\n.tcw-account-side { font-weight: var(--tcw-weight-strong); }\n.tcw-account-buy, .tcw-account-up { color: var(--tcw-green); }\n.tcw-account-sell, .tcw-account-down { color: var(--tcw-red); }\n.tcw-account-actions { display: flex; gap: 2px; }\n.tcw-account-empty, .tcw-account-summary {\n  margin: 0;\n  padding: 14px 12px;\n  color: var(--tcw-text-muted);\n  font-size: var(--tcw-font-size-sm);\n}\n.tcw-account-summary { padding: 8px 12px; color: var(--tcw-text-dim); }\n@media (max-width: 640px) {\n  .tcw-account { height: 45vh; }\n}\n\n/* --- Order ticket --- */\n.tcw-ticket-side {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 6px;\n  margin-bottom: 12px;\n}\n.tcw-ticket-side-btn {\n  padding: 8px;\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  font: inherit;\n  font-weight: var(--tcw-weight-strong);\n  cursor: pointer;\n}\n.tcw-ticket-buy[aria-pressed=\"true\"] { background: var(--tcw-green-soft); border-color: var(--tcw-green); color: var(--tcw-green); }\n.tcw-ticket-sell[aria-pressed=\"true\"] { background: var(--tcw-red-soft); border-color: var(--tcw-red); color: var(--tcw-red); }\n.tcw-ticket-side-btn:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--tcw-accent-soft); }\n.tcw-ticket-optional { display: flex; align-items: center; gap: 8px; }\n.tcw-ticket-optional > span { flex: 1; }\n.tcw-ticket-optional .tcw-indi-input { width: 110px; }\n.tcw-ticket-problems {\n  min-height: 18px;\n  padding: 0 22px 8px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-dim);\n}\n.tcw-ticket-problems p { margin: 2px 0; }\n.tcw-ticket-problems.tcw-ticket-bad { color: var(--tcw-red); }\n.tcw-done-btn.tcw-ticket-sell { background: var(--tcw-red); color: #fff; }\n.tcw-done-btn:disabled { opacity: 0.45; cursor: not-allowed; }\n\n/* --- Named layouts --- */\n.tcw-layouts-btn { max-width: 190px; }\n.tcw-layouts-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0;\n}\n.tcw-layouts-dirty {\n  width: 6px;\n  height: 6px;\n  flex: none;\n  border-radius: 50%;\n  background: var(--tcw-accent);\n}\n.tcw-name-field { display: flex; flex-direction: column; gap: 6px; font-size: var(--tcw-font-size-sm); color: var(--tcw-text-dim); }\n.tcw-name-field .tcw-indi-input { width: 100%; height: 34px; font-size: var(--tcw-font-size); }\n.tcw-layouts-body { display: flex; flex-direction: column; gap: 10px; }\n.tcw-layouts-search { width: 100%; height: 32px; }\n.tcw-layouts-list {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  max-height: 50vh;\n  overflow-y: auto;\n}\n.tcw-layouts-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  border-radius: var(--tcw-radius);\n}\n.tcw-layouts-row:hover { background: var(--tcw-hover-bg); }\n.tcw-layouts-open {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  padding: 7px 8px;\n  border: none;\n  background: transparent;\n  color: var(--tcw-text);\n  font: inherit;\n  text-align: start;\n  cursor: pointer;\n  border-radius: var(--tcw-radius);\n}\n.tcw-layouts-open:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--tcw-accent-soft); }\n.tcw-layouts-name {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  max-width: 100%;\n  font-size: var(--tcw-font-size);\n  font-weight: var(--tcw-weight-strong);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.tcw-layouts-open[aria-current=\"true\"] .tcw-layouts-name { color: var(--tcw-accent); }\n.tcw-layouts-meta {\n  max-width: 100%;\n  font-size: var(--tcw-font-size-xs);\n  color: var(--tcw-text-muted);\n  font-variant-numeric: tabular-nums;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.tcw-layouts-confirm {\n  padding: 4px 10px;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: var(--tcw-red);\n  color: #fff;\n  font: inherit;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  cursor: pointer;\n}\n.tcw-layouts-confirm:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--tcw-red-soft); }\n\n/* --- Chart grid --- */\n.tcw-grid { background: var(--tcw-bg); }\n.tcw-grid-bar {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  min-height: calc(var(--tcw-control-h) + 8px);\n  padding: 0 8px;\n  border-bottom: 1px solid var(--tcw-border);\n  background: var(--tcw-bg-surface);\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n.tcw-grid-bar::-webkit-scrollbar { display: none; }\n.tcw-grid-group { display: flex; align-items: center; gap: 2px; flex: none; }\n.tcw-grid-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  margin-right: 4px;\n  font-size: var(--tcw-font-size-xs);\n  font-weight: var(--tcw-weight-strong);\n  letter-spacing: var(--tcw-label-tracking);\n  text-transform: var(--tcw-label-case);\n  color: var(--tcw-text-muted);\n}\n.tcw-grid-sync[aria-pressed=\"true\"] { color: var(--tcw-accent); }\n.tcw-grid-cells {\n  flex: 1;\n  min-height: 0;\n  display: grid;\n  gap: 1px;\n  background: var(--tcw-border);\n}\n.tcw-grid-cell {\n  position: relative;\n  min-width: 0;\n  min-height: 0;\n  background: var(--tcw-bg);\n}\n.tcw-grid-cell-active::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border: 1px solid var(--tcw-accent);\n  pointer-events: none;\n  z-index: 5;\n}\n\n/* --- Host toolbar buttons --- */\n.tcw-toolbar-host { display: inline-flex; align-items: center; gap: 2px; }\n.tcw-toolbar-host:empty { display: none; }\n.tcw-host-btn { display: inline-flex; align-items: center; gap: 4px; }\n\n/* --- Host sidebar buttons, status bar items, and the layer over the chart --- */\n.tcw-sidebar-host { display: flex; flex-direction: column; align-items: center; }\n.tcw-sidebar-host:empty { display: none; }\n.tcw-status-host { display: flex; align-items: center; gap: 10px; min-width: 0; }\n.tcw-status-host:empty { display: none; }\n.tcw-status-host-item { white-space: nowrap; }\n.tcw-status-host-btn {\n  margin: -4px -6px;\n  padding: 4px 6px;\n  font: inherit;\n  color: inherit;\n  background: transparent;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n  transition: color var(--tcw-dur-fast) var(--tcw-ease), background var(--tcw-dur-fast) var(--tcw-ease);\n}\n.tcw-status-host-btn:hover { color: var(--tcw-text); background: var(--tcw-hover-bg); }\n.tcw-status-host-btn:focus-visible { outline: 2px solid var(--tcw-accent); outline-offset: -2px; }\n/* Over the plot and under the widget's own overlays; the pointer reaches the chart unless an element of yours takes it. */\n.tcw-host-layer { position: absolute; inset: 0; z-index: 2; pointer-events: none; }\n\n/* --- Pane buttons (move, fold, maximise) --- */\n.tcw-pane-controls {\n  position: absolute;\n  z-index: 4;\n  display: flex;\n  gap: 1px;\n  transform: translateX(-100%);\n  padding: 1px;\n  border-radius: var(--tcw-radius-sm);\n  background: color-mix(in srgb, var(--tcw-bg) 80%, transparent);\n  opacity: 0.55;\n  transition: opacity var(--tcw-dur-fast) var(--tcw-ease);\n}\n.tcw-pane-controls:hover,\n.tcw-pane-controls:focus-within { opacity: 1; }\n.tcw-pane-btn {\n  display: inline-grid;\n  place-items: center;\n  width: 18px;\n  height: 16px;\n  padding: 0;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n}\n.tcw-pane-btn:hover { color: var(--tcw-text); background: var(--tcw-hover-bg); }\n.tcw-pane-btn:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--tcw-accent-soft); }\n\n/* --- Typed interval --- */\n.tcw-interval-input {\n  position: absolute;\n  z-index: 20;\n  left: 50%;\n  top: 40%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 10px 12px;\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-radius-lg, 10px);\n  background: var(--tcw-bg-elevated);\n  box-shadow: var(--tcw-menu-shadow);\n}\n.tcw-interval-field {\n  width: 150px;\n  height: 36px;\n  padding: 0 10px;\n  font: inherit;\n  font-size: calc(var(--tcw-font-size) + 5px);\n  font-weight: var(--tcw-weight-strong);\n  font-variant-numeric: tabular-nums;\n  color: var(--tcw-text);\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-accent);\n  border-radius: var(--tcw-input-radius);\n  outline: none;\n}\n.tcw-interval-field[aria-invalid] { border-color: var(--tcw-red); }\n.tcw-interval-hint { font-size: var(--tcw-font-size-xs); color: var(--tcw-text-muted); max-width: 170px; }\n\n/* --- Alerts: lines, moves, bar close, expiry --- */\n.tcw-alerts-source { grid-column: auto; }\n.tcw-alerts-row-fields {\n  grid-column: 1 / -1;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 8px;\n}\n.tcw-alerts-row-fields[hidden] { display: none; }\n.tcw-alerts-row-fields > input[hidden] { display: none; }\n.tcw-alerts-row-fields:has(> input[hidden]) { grid-template-columns: 1fr; }\n.tcw-alerts-options { align-items: center; }\n.tcw-alerts-form .tcw-alerts-check {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-dim);\n}\n.tcw-alerts-form .tcw-alerts-check input { width: auto; height: auto; }\n.tcw-alerts-form input[aria-invalid=\"true\"] { border-color: var(--tcw-red); }\n.tcw-alerts-row-meta { margin-top: 2px; font-size: var(--tcw-font-size-xs); color: var(--tcw-text-muted); }\n.tcw-alerts-expired { opacity: 0.6; }\n\n/* --- Signal marker note --- */\n.tcw-marker-tip {\n  position: absolute;\n  z-index: 12;\n  pointer-events: none;\n  padding: 6px 8px;\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-tooltip-radius);\n  background: var(--tcw-tooltip-bg);\n  color: var(--tcw-tooltip-fg);\n  font-size: var(--tcw-font-size-xs);\n  line-height: 1.45;\n  font-variant-numeric: tabular-nums;\n  box-shadow: var(--tcw-menu-shadow);\n  max-width: 240px;\n}\n.tcw-marker-tip strong { display: block; font-size: var(--tcw-font-size-sm); }\n\n/* === Navigation over the chart ===\n * Centred on the plot's bottom edge, shown while a mouse is over the chart. */\n.tcw-nav {\n  position: absolute;\n  z-index: 15;\n  display: flex;\n  gap: 2px;\n  padding: 3px;\n  border: var(--tcw-border-w) solid var(--tcw-border);\n  border-radius: calc(var(--tcw-control-radius) + 3px);\n  background: var(--tcw-bg-elevated);\n  box-shadow: var(--tcw-menu-shadow);\n  opacity: 0;\n  pointer-events: none;\n  transform: translate(-50%, calc(-100% - 12px));\n  transition: opacity var(--tcw-dur-fast) var(--tcw-ease);\n}\n.tcw-nav.tcw-nav-shown {\n  opacity: 1;\n  pointer-events: auto;\n}\n.tcw-nav-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h);\n  height: var(--tcw-control-h);\n  border: 0;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n  touch-action: none;\n}\n.tcw-nav-btn:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n.tcw-nav-btn:active {\n  background: var(--tcw-active-bg);\n}\n.tcw-nav-btn:focus-visible {\n  outline: none;\n  box-shadow: var(--tcw-ring);\n}\n.tcw-nav-btn svg {\n  width: var(--tcw-icon);\n  height: var(--tcw-icon);\n}\n@media (hover: none) {\n  .tcw-nav { display: none; }\n}\n\n/* === Symbol info ===\n * Top left, beside the drawing tools: the panels on the right stay clear. */\n.tcw-syminfo {\n  position: absolute;\n  top: var(--tcw-panel-top);\n  inset-inline-start: var(--tcw-panel-left);\n  z-index: 38;\n  width: 288px;\n  max-height: calc(100% - var(--tcw-panel-top) - 12px);\n  display: flex;\n  flex-direction: column;\n  background: var(--tcw-bg-elevated);\n  border: var(--tcw-border-w) solid var(--tcw-border-strong);\n  border-radius: var(--tcw-panel-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  overflow: hidden;\n  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;\n}\n.tcw-syminfo-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 9px 12px;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n  border-bottom: 1px solid var(--tcw-border);\n}\n.tcw-syminfo-close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n}\n.tcw-syminfo-close:hover { background: var(--tcw-bg-surface); color: var(--tcw-text); }\n.tcw-syminfo-body,\n.tcw-syminfo-news {\n  padding: 12px 14px;\n  overflow-y: auto;\n}\n.tcw-syminfo-body {\n  display: grid;\n  gap: 10px;\n}\n.tcw-syminfo-symbol {\n  font-size: var(--tcw-font-size-lg);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n}\n.tcw-syminfo-desc {\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-dim);\n}\n.tcw-syminfo-meta {\n  margin-top: 2px;\n  font-size: var(--tcw-font-size-xs);\n  color: var(--tcw-text-muted);\n}\n.tcw-syminfo-quote {\n  display: flex;\n  align-items: baseline;\n  gap: 10px;\n  font-family: var(--tcw-font-mono);\n  font-variant-numeric: tabular-nums;\n}\n.tcw-syminfo-price {\n  font-size: calc(var(--tcw-font-size) + 7px);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n}\n.tcw-syminfo-change { font-size: var(--tcw-font-size-sm); }\n.tcw-syminfo-change.tcw-up { color: var(--tcw-green); }\n.tcw-syminfo-change.tcw-down { color: var(--tcw-red); }\n.tcw-syminfo-status {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-dim);\n}\n.tcw-syminfo-status::before,\n.tcw-status-market::before {\n  content: '';\n  flex: none;\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--tcw-text-muted);\n}\n.tcw-syminfo-status[data-state='open']::before,\n.tcw-syminfo-status[data-state='always']::before,\n.tcw-status-market[data-state='open']::before {\n  background: var(--tcw-green);\n}\n.tcw-syminfo-stats {\n  display: grid;\n  gap: 4px;\n  margin: 0;\n  padding-top: 10px;\n  border-top: 1px solid var(--tcw-divider);\n}\n.tcw-syminfo-stat {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  font-size: var(--tcw-font-size-sm);\n}\n.tcw-syminfo-stat dt { color: var(--tcw-text-muted); }\n.tcw-syminfo-stat dd {\n  margin: 0;\n  color: var(--tcw-text);\n  text-align: end;\n  font-variant-numeric: tabular-nums;\n  overflow-wrap: anywhere;\n}\n.tcw-syminfo-news {\n  border-top: 1px solid var(--tcw-divider);\n}\n.tcw-syminfo-news-title {\n  margin-bottom: 8px;\n  font-size: var(--tcw-font-size-xs);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text-muted);\n  text-transform: var(--tcw-label-case);\n  letter-spacing: var(--tcw-label-tracking);\n}\n.tcw-syminfo-news-list {\n  display: grid;\n  gap: 10px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n.tcw-syminfo-news-item {\n  font-size: var(--tcw-font-size-sm);\n  line-height: 1.4;\n  color: var(--tcw-text);\n}\n.tcw-syminfo-news-item a {\n  color: var(--tcw-text);\n  text-decoration: none;\n}\n.tcw-syminfo-news-item a:hover { color: var(--tcw-accent); text-decoration: underline; }\n.tcw-syminfo-news-item a:focus-visible { outline: none; box-shadow: var(--tcw-ring); border-radius: var(--tcw-radius-xs); }\n.tcw-syminfo-news-meta,\n.tcw-syminfo-news-note {\n  margin-top: 2px;\n  font-size: var(--tcw-font-size-xs);\n  color: var(--tcw-text-muted);\n}\n\n/* Numbers keep their sign on the left, and mixed text its own order, in a right-to-left widget too. */\n.tcw-watchlist-price,\n.tcw-watchlist-change,\n.tcw-syminfo-price,\n.tcw-syminfo-change {\n  unicode-bidi: isolate;\n  direction: ltr;\n}\n.tcw-syminfo-desc,\n.tcw-syminfo-meta,\n.tcw-syminfo-status,\n.tcw-syminfo-stat dd,\n.tcw-syminfo-news-meta {\n  unicode-bidi: plaintext;\n}\n\n/* The market's status in the status bar. */\n.tcw-status-market {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  color: var(--tcw-text-muted);\n}\n\n@media (max-width: 640px) {\n  .tcw-syminfo {\n    top: auto;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    width: 100vw;\n    max-height: 70%;\n    border-radius: var(--tcw-dialog-radius) var(--tcw-dialog-radius) 0 0;\n  }\n}\n\n/* === The look: how chosen controls show, floating bars, segmented intervals ===\n * Each switch sets variables on its own root, which its parts read: a grid's\n * look never reaches into a chart that has one of its own. */\n\n/* A chosen button (`ui.active`): a tinted fill (default), a solid pill, or an underline.\n * Dialog tabs are chips, or underlined in the underline look. Panels sit below the\n * toolbar and beside the drawing tools. */\n.tcw-root {\n  --tcw-on-bg: var(--tcw-accent-soft);\n  --tcw-on-fg: var(--tcw-accent);\n  --tcw-on-ring: none;\n  --tcw-on-icon-bg: var(--tcw-accent-soft);\n  --tcw-on-icon-fg: var(--tcw-accent);\n  --tcw-on-icon-ring: none;\n  --tcw-tabs-pad-block: 8px;\n  --tcw-tab-h: var(--tcw-control-h);\n  --tcw-tab-pad: 0 12px;\n  --tcw-tab-line: 0px;\n  --tcw-tab-radius: var(--tcw-control-radius);\n  --tcw-tab-hover: var(--tcw-hover-bg);\n  --tcw-tab-on-bg: var(--tcw-on-bg);\n  --tcw-tab-on-fg: var(--tcw-on-fg);\n  --tcw-panel-top: calc(var(--tcw-toolbar-h) + 6px);\n  --tcw-panel-left: calc(var(--tcw-sidebar-w) + 12px);\n}\n.tcw-root[data-tcw-active='solid'] {\n  --tcw-on-bg: var(--tcw-text);\n  --tcw-on-fg: var(--tcw-bg);\n  --tcw-on-icon-bg: var(--tcw-text);\n  --tcw-on-icon-fg: var(--tcw-bg);\n}\n.tcw-root[data-tcw-active='underline'] {\n  --tcw-on-bg: var(--tcw-active-bg);\n  --tcw-on-fg: var(--tcw-text);\n  --tcw-on-ring: inset 0 -2px 0 var(--tcw-accent);\n  --tcw-on-icon-bg: var(--tcw-active-bg);\n  --tcw-on-icon-fg: var(--tcw-accent);\n  --tcw-on-icon-ring: inset 2px 0 0 var(--tcw-accent);\n  --tcw-tabs-pad-block: 0px;\n  --tcw-tab-h: auto;\n  --tcw-tab-pad: 11px 14px;\n  --tcw-tab-line: 2px;\n  --tcw-tab-radius: 0px;\n  --tcw-tab-hover: transparent;\n  --tcw-tab-on-bg: transparent;\n  --tcw-tab-on-fg: var(--tcw-accent);\n}\n.tcw-root[data-tcw-toolbar='floating'] {\n  --tcw-panel-top: calc(var(--tcw-toolbar-h) + 2 * var(--tcw-border-w) + 14px);\n}\n.tcw-root[data-tcw-sidebar='floating'] {\n  --tcw-panel-left: calc(var(--tcw-sidebar-w) + 2 * var(--tcw-border-w) + 22px);\n}\n\n/* The toolbar as an island (`ui.toolbar: 'floating'`). */\n.tcw-root[data-tcw-toolbar='floating'] > .tcw-toolbar {\n  margin: 8px 10px 0;\n  padding-inline: calc(min(var(--tcw-toolbar-radius), var(--tcw-toolbar-h) / 2) / 2 + 8px);\n  border: var(--tcw-border-w) solid var(--tcw-border);\n  border-radius: var(--tcw-toolbar-radius);\n  background: var(--tcw-bg-elevated);\n  box-shadow: var(--tcw-menu-shadow);\n}\n\n/* The drawing tools as an island (`ui.sidebar: 'floating'`). */\n.tcw-root[data-tcw-sidebar='floating'] > .tcw-body > .tcw-sidebar {\n  align-self: flex-start;\n  max-height: calc(100% - 20px);\n  margin: 10px 6px 10px 10px;\n  padding-block: calc(min(var(--tcw-sidebar-radius), var(--tcw-sidebar-w) / 2) / 2 + 6px);\n  border: var(--tcw-border-w) solid var(--tcw-border);\n  border-radius: var(--tcw-sidebar-radius);\n  background: var(--tcw-bg-elevated);\n  box-shadow: var(--tcw-menu-shadow);\n}\n\n/* Frosted menus (`ui.blur` above 0): the chart shows through, blurred. */\n@supports (background: color-mix(in srgb, red 50%, transparent)) {\n  .tcw-dropdown,\n  .tcw-flyout,\n  .tcw-context-menu {\n    background: color-mix(in srgb, var(--tcw-bg-elevated) var(--tcw-surface-opacity), transparent);\n  }\n}\n\n/* The interval buttons in one track (`ui.intervals: 'segmented'`). */\n.tcw-root[data-tcw-intervals='segmented'] > .tcw-toolbar > .tcw-tf-group {\n  gap: 2px;\n  margin: 0 4px;\n  padding: 3px;\n  border-radius: calc(var(--tcw-control-radius) + 3px);\n  background: var(--tcw-hover-bg);\n}\n.tcw-root[data-tcw-intervals='segmented'] > .tcw-toolbar > .tcw-tf-group .tcw-btn {\n  height: calc(var(--tcw-control-h) - 6px);\n  padding: 0 9px;\n}\n\n/* Phones: the variants keep comfortable tap targets and room for the bar. */\n@media (max-width: 768px) {\n  .tcw-root[data-tcw-intervals='segmented'] > .tcw-toolbar > .tcw-tf-group .tcw-btn {\n    height: max(34px, calc(var(--tcw-control-h) - 6px));\n    padding: 0 10px;\n  }\n  .tcw-root[data-tcw-toolbar='floating'] > .tcw-toolbar {\n    margin: 6px 6px 0;\n    padding-inline: 4px;\n  }\n  .tcw-root[data-tcw-sidebar='floating'] > .tcw-body > .tcw-sidebar {\n    margin: 6px 4px 6px 6px;\n  }\n}\n", O = /* @__PURE__ */ "toolbar,sidebar,statusBar,alerts,objectTree,symbolInfo,symbolSearch,settings,indicatorSettings,drawingSettings,dataWindow,commandPalette,hotkeySheet,goToDate,replay,screenshot,copyImage,shareView,autoFib,themeToggle,fullscreen,accountPanel,orderTicket,bracketOrders,depthLadder,layouts,indicatorTemplates,compare,indicatorLegend,navigation,customTimeframes,intervalTyping,dragDropImport,hotkeys,toasts,toolbar.symbol,toolbar.symbolInfo,toolbar.timeframes,toolbar.timeframeMenu,toolbar.chartType,toolbar.indicators,toolbar.layouts,toolbar.replay,toolbar.bracketOrders,toolbar.depthLadder,toolbar.accountPanel,toolbar.objectTree,toolbar.alerts,toolbar.screenshot,toolbar.settings,toolbar.themeToggle,toolbar.fullscreen,sidebar.cursor,sidebar.favorites,sidebar.lines,sidebar.fibonacci,sidebar.patterns,sidebar.forecasting,sidebar.annotation,sidebar.style,sidebar.magnet,sidebar.eraser,sidebar.zoomArea,sidebar.stayInDrawing,sidebar.undo,sidebar.redo,sidebar.clear,statusBar.range,statusBar.goToDate,statusBar.market,statusBar.connection,statusBar.symbol,indicatorLegend.values,indicatorLegend.visibility,indicatorLegend.settings,indicatorLegend.remove,indicatorLegend.more,pane.move,pane.collapse,pane.maximize,navigation.zoom,navigation.scroll,navigation.reset,menu.chart,menu.chart.alert,menu.chart.order,menu.chart.orderTicket,menu.chart.horizontalLine,menu.chart.resetView,menu.chart.drawings,menu.chart.exportData,menu.chart.settings,menu.chart.scale,menu.chart.goToDate,menu.chart.paneScale,menu.priceAxisAdd,menu.drawing,menu.drawing.settings,menu.drawing.alert,menu.drawing.order,menu.drawing.group,menu.drawing.lock,menu.drawing.hide,menu.drawing.duplicate,menu.drawing.delete,selectionToolbar,hotkeys.commandPalette,hotkeys.symbolSearch,hotkeys.save,hotkeys.tools,hotkeys.invertScale,hotkeys.goToDate,hotkeys.help".split(","), Je = new Set(O), Ye = {
+var Ze = [...new Set([...Object.keys(g).filter((e) => e.startsWith("series.")), ...[...Ke, ...qe].flatMap((e) => e.rows.flatMap((e) => e.keys))])], Qe = "/* === TradeCanvas Widget — Premium Styles === */\n\n/*\n * The HTML `hidden` attribute only sets `display: none` via the UA stylesheet,\n * which any author `display` rule (e.g. `.tcw-alerts-panel { display: flex }`)\n * silently overrides — leaving panels stuck open when JS sets `el.hidden = true`.\n * Force `hidden` to win for every namespaced widget element. Scoped to `tcw-`\n * so it never touches the host page.\n */\n[class^=\"tcw-\"][hidden],\n[class*=\" tcw-\"][hidden] {\n  display: none !important;\n}\n\n/* Control tooltips (WidgetTooltip): quick to appear, slide in from the control. */\n.tcw-tooltip {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 60;\n  max-width: 240px;\n  padding: 5px 8px;\n  border-radius: var(--tcw-tooltip-radius);\n  background: var(--tcw-tooltip-bg);\n  color: var(--tcw-tooltip-fg);\n  box-shadow: var(--tcw-tooltip-shadow);\n  width: max-content;\n  font-size: var(--tcw-font-size-xs);\n  font-weight: var(--tcw-weight);\n  line-height: 1.35;\n  overflow-wrap: anywhere;\n  pointer-events: none;\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(var(--tcw-tip-dx, 0), var(--tcw-tip-dy, 0));\n  transition:\n    opacity 110ms var(--tcw-ease-out),\n    transform 110ms var(--tcw-ease-out),\n    visibility 0s linear 110ms;\n}\n\n.tcw-tooltip--visible {\n  opacity: 1;\n  visibility: visible;\n  transform: none;\n  transition:\n    opacity 110ms var(--tcw-ease-out),\n    transform 110ms var(--tcw-ease-out),\n    visibility 0s;\n}\n\n/* The modal portal: carries the tokens and fonts, but no box of its own. */\n.tcw-root.tcw-portal {\n  display: contents;\n}\n\n/* Fullscreen: the root fills the screen; the chart resizes with it. */\n.tcw-root:fullscreen {\n  width: 100vw;\n  height: 100vh;\n}\n\n.tcw-root {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  font-family: var(--tcw-font);\n  font-feature-settings: 'cv11', 'ss01', 'ss03';\n  font-size: var(--tcw-font-size);\n  line-height: 1.4;\n  color: #d9dde4;\n  background: #080b10;\n  position: relative;\n  overflow: hidden;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  /* --- Dark theme tokens (default) --- */\n  --tcw-bg: #080b10;\n  --tcw-bg-surface: #0c1016;\n  --tcw-bg-elevated: #141922;\n  --tcw-bg-overlay: rgba(20, 25, 34, 0.5);\n  --tcw-border: #1f2630;\n  --tcw-border-strong: #2a323e;\n  --tcw-tooltip-bg: #262e3a;\n  --tcw-tooltip-fg: #eef0f4;\n  --tcw-text: #e7e9ee;\n  --tcw-text-dim: #aab1bd;\n  --tcw-text-muted: #758091;\n\n  /* TradeCanvas amber. --tcw-accent-ink is the text colour on an accent fill. */\n  --tcw-accent: #f2a93b;\n  --tcw-accent-hover: #f5b95c;\n  --tcw-accent-ink: #1a1204;\n  --tcw-accent-soft: rgba(242, 169, 59, 0.14);\n  --tcw-accent-glow: rgba(242, 169, 59, 0.22);\n  --tcw-accent-line: rgba(242, 169, 59, 0.55);\n\n  --tcw-red: #e8505b;\n  --tcw-red-soft: rgba(232, 80, 91, 0.12);\n  --tcw-green: #1fa874;\n  --tcw-green-soft: rgba(31, 168, 116, 0.12);\n  --tcw-amber: #ff9f43;\n\n  --tcw-hover-bg: rgba(255, 255, 255, 0.05);\n  --tcw-active-bg: rgba(255, 255, 255, 0.08);\n  --tcw-divider: rgba(255, 255, 255, 0.06);\n\n  /* Motion */\n  --tcw-ease: cubic-bezier(0.2, 0, 0, 1);\n  --tcw-ease-out: cubic-bezier(0.16, 1, 0.3, 1);\n  --tcw-dur-fast: 120ms;\n  --tcw-dur-normal: 180ms;\n  --tcw-dur-slow: 260ms;\n\n  /* The look (UI system): Studio's values. The `ui` option sets them inline. */\n  --tcw-radius-xs: 3px;\n  --tcw-radius-sm: 5px;\n  --tcw-radius: 7px;\n  --tcw-radius-lg: 11px;\n  --tcw-radius-xl: 16px;\n  --tcw-control-radius: var(--tcw-radius);\n  --tcw-input-radius: var(--tcw-radius);\n  --tcw-menu-radius: var(--tcw-radius-lg);\n  --tcw-dialog-radius: var(--tcw-radius-xl);\n  --tcw-panel-radius: var(--tcw-radius-lg);\n  --tcw-tooltip-radius: var(--tcw-radius-sm);\n  --tcw-tag-radius: var(--tcw-radius-sm);\n  --tcw-toast-radius: var(--tcw-radius-lg);\n  --tcw-toolbar-radius: 0px;\n  --tcw-sidebar-radius: 0px;\n  --tcw-toolbar-h: 46px;\n  --tcw-control-h: 30px;\n  --tcw-control-h-sm: 24px;\n  --tcw-icon: 18px;\n  --tcw-sidebar-w: 48px;\n  --tcw-menu-item-h: 30px;\n  --tcw-font: 'Manrope', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n  --tcw-font-size: 13px;\n  --tcw-font-size-sm: 12px;\n  --tcw-font-size-xs: 11px;\n  --tcw-font-size-lg: 15px;\n  --tcw-weight: 500;\n  --tcw-weight-strong: 600;\n  --tcw-label-case: none;\n  --tcw-label-tracking: 0em;\n  --tcw-border-w: 1px;\n  --tcw-sep-w: 0px;\n  --tcw-menu-shadow: var(--tcw-shadow-lg);\n  --tcw-dialog-shadow: var(--tcw-shadow-xl);\n  --tcw-tooltip-shadow: var(--tcw-shadow-md);\n  --tcw-blur: 0px;\n  --tcw-surface-opacity: 100%;\n\n  /* Elevation */\n  --tcw-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);\n  --tcw-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.2);\n  --tcw-shadow-lg: 0 12px 36px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3);\n  --tcw-shadow-xl: 0 24px 64px rgba(0, 0, 0, 0.55), 0 12px 24px rgba(0, 0, 0, 0.35);\n  --tcw-ring: 0 0 0 2px rgba(242, 169, 59, 0.45);\n\n  /* Type */\n  --tcw-font-mono: 'JetBrains Mono', 'SF Mono', 'Cascadia Code', 'Fira Code', 'Consolas', ui-monospace, monospace;\n}\n\n.tcw-root[data-tcw-theme='light'] {\n  color: #0c1016;\n  background: #fcfcfd;\n\n  --tcw-bg: #fcfcfd;\n  --tcw-bg-surface: #ffffff;\n  --tcw-bg-elevated: #ffffff;\n  --tcw-bg-overlay: rgba(255, 255, 255, 0.75);\n  --tcw-border: #e3e6eb;\n  --tcw-border-strong: #d2d6dd;\n  --tcw-tooltip-bg: #1f2630;\n  --tcw-tooltip-fg: #f4f5f8;\n  --tcw-text: #0c1016;\n  --tcw-text-dim: #3f4754;\n  --tcw-text-muted: #626a77;\n\n  /* Deeper amber: readable as text on the light ground, white text readable on it. */\n  --tcw-accent: #a0610a;\n  --tcw-accent-hover: #874f07;\n  --tcw-accent-ink: #ffffff;\n  --tcw-accent-soft: rgba(160, 97, 10, 0.10);\n  --tcw-accent-glow: rgba(160, 97, 10, 0.16);\n  --tcw-accent-line: rgba(160, 97, 10, 0.45);\n  --tcw-ring: 0 0 0 2px rgba(160, 97, 10, 0.4);\n\n  /* Darker semantic colours: used as text on white. */\n  --tcw-red: #c42f3e;\n  --tcw-red-soft: rgba(196, 47, 62, 0.10);\n  --tcw-green: #0b7d50;\n  --tcw-green-soft: rgba(11, 125, 80, 0.10);\n\n  --tcw-hover-bg: rgba(0, 0, 0, 0.04);\n  --tcw-active-bg: rgba(160, 97, 10, 0.08);\n  --tcw-divider: rgba(0, 0, 0, 0.06);\n\n  --tcw-shadow-sm: 0 1px 2px rgba(20, 28, 56, 0.05);\n  --tcw-shadow-md: 0 4px 12px rgba(20, 28, 56, 0.08), 0 1px 3px rgba(20, 28, 56, 0.04);\n  --tcw-shadow-lg: 0 12px 36px rgba(20, 28, 56, 0.14), 0 4px 12px rgba(20, 28, 56, 0.08);\n  --tcw-shadow-xl: 0 24px 64px rgba(20, 28, 56, 0.18), 0 12px 24px rgba(20, 28, 56, 0.1);\n}\n\n/* === Toolbar === */\n\n.tcw-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 0;\n  padding: 0 10px;\n  height: var(--tcw-toolbar-h);\n  border-bottom: var(--tcw-border-w) solid var(--tcw-border);\n  background:\n    linear-gradient(180deg, var(--tcw-bg-elevated) 0%, var(--tcw-bg-surface) 100%);\n  flex-shrink: 0;\n  position: relative;\n  z-index: 20;\n  box-shadow: var(--tcw-shadow-sm);\n}\n\n.tcw-toolbar-symbol {\n  font-size: calc(var(--tcw-font-size) + 1px);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n  display: inline-flex;\n  align-items: center;\n  height: var(--tcw-control-h);\n  padding: 0 12px;\n  white-space: nowrap;\n  letter-spacing: -0.015em;\n  cursor: pointer;\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  border-radius: var(--tcw-control-radius);\n  transition: background var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-toolbar-symbol:hover {\n  background: var(--tcw-hover-bg);\n}\n\n/* With the symbol search switched off, the button only names the symbol. */\n.tcw-toolbar-symbol[aria-disabled=\"true\"] {\n  cursor: default;\n}\n\n.tcw-toolbar-symbol[aria-disabled=\"true\"]:hover {\n  background: transparent;\n}\n\n.tcw-toolbar-sep {\n  width: var(--tcw-sep-w);\n  height: 22px;\n  background: var(--tcw-border);\n  flex-shrink: 0;\n  margin: 0 4px;\n}\n\n.tcw-toolbar-group {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  padding: 0 4px;\n}\n\n.tcw-toolbar-spacer {\n  flex: 1;\n}\n\n.tcw-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--tcw-control-h);\n  padding: 0 10px;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight);\n  font-family: inherit;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n  transition:\n    background var(--tcw-dur-fast) var(--tcw-ease),\n    color var(--tcw-dur-fast) var(--tcw-ease),\n    transform var(--tcw-dur-fast) var(--tcw-ease);\n  white-space: nowrap;\n  line-height: 1;\n  letter-spacing: -0.005em;\n}\n\n.tcw-btn:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-btn:active {\n  transform: translateY(0.5px);\n}\n\n.tcw-btn.tcw-active {\n  background: var(--tcw-on-bg);\n  color: var(--tcw-on-fg);\n  font-weight: var(--tcw-weight-strong);\n  box-shadow: var(--tcw-on-ring);\n}\n\n.tcw-btn:focus-visible,\n.tcw-btn-icon:focus-visible,\n.tcw-sidebar-btn:focus-visible,\n.tcw-dropdown-trigger:focus-visible {\n  outline: none;\n  box-shadow: var(--tcw-ring);\n}\n\n.tcw-btn-icon {\n  width: var(--tcw-control-h);\n  height: var(--tcw-control-h);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-family: inherit;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n  transition:\n    background var(--tcw-dur-fast) var(--tcw-ease),\n    color var(--tcw-dur-fast) var(--tcw-ease);\n  line-height: 1;\n  position: relative;\n}\n\n.tcw-btn-icon:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-btn-icon svg {\n  display: block;\n  width: var(--tcw-icon);\n  height: var(--tcw-icon);\n}\n\n.tcw-badge-count {\n  font-size: calc(var(--tcw-font-size) - 3px);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-accent);\n  background: var(--tcw-accent-soft);\n  padding: 1px 5px;\n  border-radius: var(--tcw-tag-radius);\n  font-family: var(--tcw-font-mono);\n}\n\n/* === Dropdown === */\n\n.tcw-dropdown-trigger {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  height: var(--tcw-control-h);\n  padding: 0 10px;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight);\n  font-family: inherit;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n  white-space: nowrap;\n  line-height: 1;\n}\n\n.tcw-dropdown-trigger:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-dropdown {\n  position: absolute;\n  top: 100%;\n  margin-top: 6px;\n  background: var(--tcw-bg-elevated);\n  border: var(--tcw-border-w) solid var(--tcw-border);\n  border-radius: var(--tcw-menu-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  z-index: 50;\n  width: max-content;\n  max-width: min(340px, calc(100vw - 16px));\n  padding: 6px;\n  max-height: 420px;\n  overflow-y: auto;\n  backdrop-filter: blur(var(--tcw-blur));\n  -webkit-backdrop-filter: blur(var(--tcw-blur));\n  animation: tcw-pop-in var(--tcw-dur-normal) var(--tcw-ease-out);\n}\n\n@keyframes tcw-pop-in {\n  from { opacity: 0; transform: translateY(-4px) scale(0.98); }\n  to { opacity: 1; transform: translateY(0) scale(1); }\n}\n\n.tcw-dropdown-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: var(--tcw-menu-item-h);\n  padding: 4px 10px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n  width: 100%;\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  text-align: start;\n  border-radius: var(--tcw-radius-sm);\n  gap: 12px;\n}\n\n.tcw-dropdown-item:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n/* A menu row led by an icon (chart types): icon then label, not spread apart. */\n.tcw-dropdown-item--icon {\n  justify-content: flex-start;\n  gap: 10px;\n}\n\n.tcw-dropdown-item svg,\n.tcw-flyout-item svg {\n  flex-shrink: 0;\n}\n\n/* The drawing-group button's icon holder: a plain box for the swapped SVG. */\n.tcw-sidebar-icon {\n  display: inline-flex;\n}\n\n.tcw-dropdown-item.tcw-active {\n  color: var(--tcw-accent);\n  background: var(--tcw-accent-soft);\n  font-weight: var(--tcw-weight-strong);\n}\n\n/* Timeframe menu: pick on the left, pin (star) on the right. */\n.tcw-tf-more {\n  padding: 0 5px;\n}\n\n.tcw-tf-more svg {\n  display: block;\n}\n\n.tcw-tf-row {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n}\n\n.tcw-tf-row .tcw-dropdown-item {\n  flex: 1;\n  min-width: 0;\n}\n\n.tcw-tf-star {\n  display: inline-grid;\n  place-items: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  flex-shrink: 0;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n  transition: color var(--tcw-dur-fast) var(--tcw-ease), background var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-tf-star:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-tf-star.tcw-active {\n  color: var(--tcw-accent);\n}\n\n.tcw-tf-star.tcw-active svg {\n  fill: currentColor;\n}\n\n.tcw-tf-star:focus-visible {\n  outline: 2px solid var(--tcw-accent);\n  outline-offset: -2px;\n}\n\n.tcw-tf-remove {\n  display: inline-grid;\n  place-items: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  flex-shrink: 0;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-tf-row:hover .tcw-tf-remove,\n.tcw-tf-remove:focus-visible {\n  opacity: 1;\n}\n\n/* No hover on touch screens: keep it visible rather than a hidden tap target. */\n@media (hover: none) {\n  .tcw-tf-remove { opacity: 1; }\n}\n\n.tcw-tf-remove:hover {\n  color: var(--tcw-red);\n  background: var(--tcw-hover-bg);\n}\n\n.tcw-tf-remove:focus-visible {\n  outline: 2px solid var(--tcw-accent);\n  outline-offset: -2px;\n}\n\n/* Typed interval, under the list: stays in view while the list scrolls. */\n.tcw-tf-custom {\n  position: sticky;\n  bottom: -6px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  margin: 4px -6px -6px;\n  padding: 6px 10px 8px;\n  border-top: 1px solid var(--tcw-divider);\n  background: var(--tcw-bg-elevated);\n}\n\n.tcw-tf-custom-hint:empty {\n  display: none;\n}\n\n.tcw-tf-custom-hint {\n  flex-basis: 100%;\n  width: 0;\n  min-width: 100%;\n  color: var(--tcw-red);\n  font-size: var(--tcw-font-size-xs);\n  line-height: 1.35;\n}\n\n.tcw-tf-custom-input {\n  flex: 1;\n  min-width: 0;\n  height: 26px;\n  padding: 0 8px;\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-input-radius);\n  background: var(--tcw-bg);\n  color: var(--tcw-text);\n  font: inherit;\n  font-family: var(--tcw-font-mono);\n  font-size: var(--tcw-font-size-sm);\n}\n\n.tcw-tf-custom-input::placeholder {\n  color: var(--tcw-text-dim);\n}\n\n.tcw-tf-custom-input:focus {\n  outline: none;\n  border-color: var(--tcw-accent);\n  box-shadow: 0 0 0 2px var(--tcw-accent-soft);\n}\n\n.tcw-tf-custom-input[aria-invalid='true'] {\n  border-color: var(--tcw-red);\n  box-shadow: 0 0 0 2px var(--tcw-red-soft);\n}\n\n.tcw-tf-custom-add {\n  display: inline-grid;\n  place-items: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  flex-shrink: 0;\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-control-radius);\n  background: var(--tcw-bg-surface);\n  color: var(--tcw-text);\n  cursor: pointer;\n}\n\n.tcw-tf-custom-add:hover {\n  border-color: var(--tcw-accent);\n  color: var(--tcw-accent);\n}\n\n.tcw-tf-custom-add:focus-visible {\n  outline: 2px solid var(--tcw-accent);\n  outline-offset: 1px;\n}\n\n.tcw-dropdown-label {\n  text-transform: var(--tcw-label-case);\n  font-size: calc(var(--tcw-font-size) - 3px);\n  color: var(--tcw-text-muted);\n  letter-spacing: var(--tcw-label-tracking);\n  padding: 8px 10px 4px;\n  font-weight: var(--tcw-weight-strong);\n}\n\n.tcw-dropdown-divider {\n  border-top: 1px solid var(--tcw-divider);\n  margin: 6px 4px;\n}\n\n.tcw-tag {\n  font-size: calc(var(--tcw-font-size) - 3px);\n  font-family: var(--tcw-font-mono);\n  color: var(--tcw-text-muted);\n  padding: 2px 6px;\n  border-radius: var(--tcw-tag-radius);\n  background: var(--tcw-hover-bg);\n  letter-spacing: 0.02em;\n}\n\n/* === Body === */\n\n.tcw-body {\n  position: relative;\n  display: flex;\n  flex: 1;\n  min-height: 0;\n  background: var(--tcw-bg);\n}\n\n.tcw-chart-container {\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n/* === Symbol search results: name and exchange === */\n\n.tcw-cmd-item-desc {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  color: var(--tcw-text-muted);\n  font-size: var(--tcw-font-size-sm);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.tcw-cmd-item-meta {\n  flex-shrink: 0;\n  color: var(--tcw-text-dim);\n  font-size: var(--tcw-font-size-xs);\n  letter-spacing: 0.02em;\n}\n\n/* === History pill (older bars loading at the left edge) === */\n\n.tcw-history-pill {\n  position: absolute;\n  top: 50%;\n  left: 10px;\n  z-index: 4;\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  padding: 5px 10px 5px 8px;\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-tag-radius);\n  background: var(--tcw-bg-elevated);\n  box-shadow: var(--tcw-shadow-sm);\n  color: var(--tcw-text-muted);\n  font-size: var(--tcw-font-size-xs);\n  line-height: 1;\n  white-space: nowrap;\n  transform: translateY(-50%);\n  opacity: 1;\n  transition: opacity var(--tcw-dur-normal) var(--tcw-ease-out);\n  pointer-events: none;\n}\n\n.tcw-history-pill--hidden {\n  opacity: 0;\n}\n\n.tcw-history-pill--error {\n  border-color: color-mix(in srgb, var(--tcw-red) 45%, var(--tcw-border));\n  color: var(--tcw-red);\n}\n\n.tcw-history-spinner {\n  width: 10px;\n  height: 10px;\n  border: 1.5px solid var(--tcw-accent-soft);\n  border-top-color: var(--tcw-accent);\n  border-radius: 50%;\n  animation: tcw-history-spin 0.8s linear infinite;\n}\n\n.tcw-history-pill--error .tcw-history-spinner {\n  border-color: currentColor;\n  animation: none;\n}\n\n@keyframes tcw-history-spin {\n  to { transform: rotate(360deg); }\n}\n\n/* === Loading overlay (candle skeleton) === */\n\n.tcw-loading-overlay {\n  /* Uses a modifier class rather than the `hidden` attribute — the global\n     `[hidden] { display: none !important }` rule above would cut the\n     opacity transition off before it can play. */\n  position: absolute;\n  inset: 0;\n  z-index: 5;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--tcw-bg);\n  opacity: 1;\n  transition: opacity var(--tcw-dur-slow) var(--tcw-ease-out);\n  pointer-events: none;\n}\n\n.tcw-loading-overlay--hidden {\n  opacity: 0;\n}\n\n.tcw-loading-card {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 14px;\n  padding: 22px 26px 20px;\n  border: 1px solid transparent;\n  border-radius: var(--tcw-panel-radius);\n}\n\n/* A slow switch: the previous chart stays readable underneath, dimmed, so the\n   click visibly registered without blanking the screen. */\n.tcw-loading-overlay--veil {\n  background: color-mix(in srgb, var(--tcw-bg) 55%, transparent);\n}\n\n.tcw-loading-overlay--veil .tcw-loading-card {\n  background: var(--tcw-bg-elevated);\n  border-color: var(--tcw-border);\n  box-shadow: var(--tcw-menu-shadow);\n}\n\n.tcw-loading-candles {\n  position: relative;\n  display: flex;\n  gap: 7px;\n  height: 64px;\n}\n\n/* One candle: the element is the wick's column, ::before the wick, ::after the body. */\n.tcw-loading-candle {\n  position: relative;\n  width: 8px;\n  height: 100%;\n  color: var(--tcw-red);\n  opacity: 0.28;\n  animation: tcw-candle-light 1.6s var(--tcw-ease) infinite;\n  animation-delay: var(--tcw-delay, 0ms);\n}\n\n.tcw-loading-candle--up { color: var(--tcw-green); }\n\n.tcw-loading-candle::before,\n.tcw-loading-candle::after {\n  content: '';\n  position: absolute;\n  left: 50%;\n  background: currentColor;\n  transform: translateX(-50%);\n}\n\n.tcw-loading-candle::before {\n  top: var(--tcw-wick-top);\n  width: 1.5px;\n  height: var(--tcw-wick-h);\n}\n\n.tcw-loading-candle::after {\n  top: var(--tcw-body-top);\n  width: 8px;\n  height: var(--tcw-body-h);\n  border-radius: 1.5px;\n}\n\n/* Each candle brightens and lifts slightly in turn, left to right. */\n@keyframes tcw-candle-light {\n  0%, 55%, 100% { opacity: 0.28; transform: translateY(0); }\n  20% { opacity: 1; transform: translateY(-2px); }\n}\n\n.tcw-loading-track {\n  position: relative;\n  width: 100%;\n  min-width: 88px;\n  height: 2px;\n  border-radius: 1px;\n  background: var(--tcw-border);\n  overflow: hidden;\n}\n\n.tcw-loading-track > span {\n  position: absolute;\n  inset: 0;\n  width: 40%;\n  border-radius: 1px;\n  background: linear-gradient(90deg, transparent, var(--tcw-accent), transparent);\n  animation: tcw-loading-sweep 1.6s var(--tcw-ease) infinite;\n}\n\n@keyframes tcw-loading-sweep {\n  from { transform: translateX(-100%); }\n  to { transform: translateX(250%); }\n}\n\n/* The status text is announced, not shown — the candles say \"loading\". */\n.tcw-loading-label {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n\n.tcw-loading-overlay--error .tcw-loading-candles,\n.tcw-loading-overlay--error .tcw-loading-track {\n  display: none;\n}\n\n/* A failure is shown: why the chart is empty and that a retry is running. */\n.tcw-loading-overlay--error .tcw-loading-label {\n  position: static;\n  width: auto;\n  height: auto;\n  overflow: visible;\n  clip-path: none;\n  white-space: normal;\n  max-width: 320px;\n  text-align: center;\n  color: var(--tcw-red);\n  font-size: var(--tcw-font-size);\n}\n\n/* Reduced motion: nothing slides or lifts, but the candles still glow in\n   turn and the track breathes, so the wait never looks frozen. */\n@media (prefers-reduced-motion: reduce) {\n  .tcw-loading-candle {\n    animation: tcw-candle-glow 2.4s ease-in-out infinite;\n    animation-delay: var(--tcw-delay, 0ms);\n  }\n  .tcw-loading-track > span {\n    width: 100%;\n    background: var(--tcw-accent);\n    animation: tcw-loading-breathe 2.4s ease-in-out infinite;\n  }\n}\n\n@keyframes tcw-candle-glow {\n  0%, 60%, 100% { opacity: 0.28; }\n  25% { opacity: 0.9; }\n}\n\n@keyframes tcw-loading-breathe {\n  0%, 100% { opacity: 0.15; }\n  50% { opacity: 0.7; }\n}\n\n/* === On-chart indicator legend (WidgetIndicatorLegend) === */\n\n.tcw-ind-legend {\n  position: absolute;\n  z-index: 3;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 1px;\n  max-width: calc(100% - 140px);\n  pointer-events: none;\n}\n\n.tcw-ind-legend--collapsed > .tcw-ind-legend-row {\n  display: none;\n}\n\n.tcw-ind-legend-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  max-width: 100%;\n  padding: 0 4px;\n  border-radius: var(--tcw-radius-sm);\n  font-size: var(--tcw-font-size-xs);\n  line-height: 19px;\n  font-feature-settings: 'tnum';\n  white-space: nowrap;\n  color: var(--tcw-text-dim);\n  pointer-events: auto;\n  cursor: default;\n  /* A narrow pane: the values shrink first, then the row is clipped. */\n  overflow: hidden;\n}\n\n/* A pane's indicator: at the top of its pane, where the canvas title was,\n   short enough to sit in the pane's header below the divider's grab zone. */\n.tcw-ind-legend-row--pane {\n  position: absolute;\n  z-index: 3;\n  line-height: 15px;\n}\n\n.tcw-ind-legend-row:hover,\n.tcw-ind-legend-row:focus-within {\n  background: color-mix(in srgb, var(--tcw-bg-elevated) 90%, transparent);\n  box-shadow: 0 0 0 1px var(--tcw-border);\n}\n\n.tcw-ind-legend-name {\n  padding: 0;\n  border: none;\n  background: none;\n  font: inherit;\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n  cursor: pointer;\n}\n\n.tcw-ind-legend-name:hover {\n  color: var(--tcw-accent);\n}\n\n.tcw-ind-legend-values {\n  display: inline-flex;\n  gap: 7px;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.tcw-ind-legend-row--hidden .tcw-ind-legend-name,\n.tcw-ind-legend-row--hidden .tcw-ind-legend-values {\n  opacity: 0.45;\n}\n\n/* Show / settings / remove: on hover or keyboard focus (always on touch). */\n.tcw-ind-legend-actions {\n  display: none;\n  gap: 1px;\n  margin-left: -2px;\n}\n\n.tcw-ind-legend-row:hover .tcw-ind-legend-actions,\n.tcw-ind-legend-row:focus-within .tcw-ind-legend-actions {\n  display: inline-flex;\n}\n\n@media (hover: none) {\n  .tcw-ind-legend-actions {\n    display: inline-flex;\n  }\n\n  /* Finger-sized targets. */\n  .tcw-ind-legend-act,\n  .tcw-ind-legend-toggle {\n    min-width: 28px;\n    min-height: 24px;\n  }\n}\n\n.tcw-ind-legend-act {\n  display: inline-grid;\n  place-items: center;\n  width: 20px;\n  height: 18px;\n  padding: 0;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n}\n\n.tcw-ind-legend-act:hover {\n  color: var(--tcw-text);\n  background: var(--tcw-hover-bg);\n}\n\n.tcw-ind-legend-act[data-act='remove']:hover {\n  color: var(--tcw-red);\n}\n\n.tcw-ind-legend-toggle {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  margin-top: 1px;\n  padding: 1px 5px;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  font: inherit;\n  font-size: var(--tcw-font-size-xs);\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.tcw-ind-legend-toggle[hidden] {\n  display: none;\n}\n\n.tcw-ind-legend-toggle:hover {\n  color: var(--tcw-text);\n  background: var(--tcw-hover-bg);\n}\n\n.tcw-ind-legend-name:focus-visible,\n.tcw-ind-legend-act:focus-visible,\n.tcw-ind-legend-toggle:focus-visible {\n  outline: 2px solid var(--tcw-accent);\n  outline-offset: -2px;\n}\n\n/* === Sidebar === */\n\n.tcw-sidebar {\n  width: var(--tcw-sidebar-w);\n  flex-shrink: 0;\n  background: linear-gradient(180deg, var(--tcw-bg-elevated) 0%, var(--tcw-bg-surface) 100%);\n  border-inline-end: var(--tcw-border-w) solid var(--tcw-border);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 6px 0;\n  /* On a short screen the tools scroll; the menus sit outside it. */\n  overflow-x: hidden;\n  overflow-y: auto;\n  scrollbar-width: none;\n  box-shadow: var(--tcw-shadow-sm);\n}\n.tcw-sidebar::-webkit-scrollbar {\n  display: none;\n}\n.tcw-sidebar > * {\n  flex-shrink: 0;\n}\n\n.tcw-tool-group-wrap {\n  position: relative;\n}\n\n.tcw-sidebar-btn {\n  width: var(--tcw-control-h);\n  height: var(--tcw-control-h);\n  margin: 1px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n  font-family: inherit;\n  transition:\n    background var(--tcw-dur-fast) var(--tcw-ease),\n    color var(--tcw-dur-fast) var(--tcw-ease);\n  position: relative;\n  flex-shrink: 0;\n  line-height: 1;\n  border-radius: var(--tcw-control-radius);\n}\n\n.tcw-sidebar-btn svg {\n  width: var(--tcw-icon);\n  height: var(--tcw-icon);\n}\n\n.tcw-sidebar-btn:hover {\n  color: var(--tcw-text);\n  background: var(--tcw-hover-bg);\n}\n\n.tcw-sidebar-btn.tcw-active {\n  color: var(--tcw-on-icon-fg);\n  background: var(--tcw-on-icon-bg);\n  box-shadow: var(--tcw-on-icon-ring);\n}\n\n.tcw-sidebar-btn.tcw-danger:hover {\n  color: var(--tcw-red);\n  background: var(--tcw-red-soft);\n}\n\n.tcw-multi-dot {\n  position: absolute;\n  bottom: 3px;\n  right: 3px;\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background: var(--tcw-text-muted);\n  opacity: 0.7;\n}\n\n/* The drawing tools' sections: always a hairline (it groups the tools), even in\n   looks that drop the rules between toolbar groups. */\n.tcw-sidebar-divider {\n  width: 20px;\n  height: max(1px, var(--tcw-sep-w));\n  background: var(--tcw-divider);\n  margin: 5px 0;\n  flex-shrink: 0;\n}\n\n.tcw-sidebar-spacer {\n  flex: 1;\n}\n\n/* === Flyout === */\n\n.tcw-flyout {\n  position: absolute;\n  margin-inline-start: 6px;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  min-width: 180px;\n  background: var(--tcw-bg-elevated);\n  border: var(--tcw-border-w) solid var(--tcw-border);\n  border-radius: var(--tcw-menu-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  z-index: 30;\n  padding: 6px;\n  backdrop-filter: blur(var(--tcw-blur));\n  -webkit-backdrop-filter: blur(var(--tcw-blur));\n  animation: tcw-slide-right var(--tcw-dur-normal) var(--tcw-ease-out);\n}\n\n/* Spans the gap to the toolbar button: crossing it stays inside the menu. */\n.tcw-flyout::before {\n  content: '';\n  position: absolute;\n  top: -1px;\n  bottom: -1px;\n  right: 100%;\n  width: 8px;\n}\n\n@keyframes tcw-slide-right {\n  from { opacity: 0; transform: translateX(-4px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n\n.tcw-flyout-header {\n  text-transform: var(--tcw-label-case);\n  font-size: calc(var(--tcw-font-size) - 3px);\n  color: var(--tcw-text-muted);\n  letter-spacing: var(--tcw-label-tracking);\n  padding: 6px 10px 4px;\n  font-weight: var(--tcw-weight-strong);\n}\n\n.tcw-flyout-hint {\n  padding: 6px 10px 2px;\n  border-top: 1px solid var(--tcw-border);\n  margin-top: 4px;\n  font-size: calc(var(--tcw-font-size) - 2.5px);\n  color: var(--tcw-text-muted);\n}\n\n.tcw-flyout-item {\n  min-height: var(--tcw-menu-item-h);\n  padding: 4px 10px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  border: none;\n  background: transparent;\n  text-align: start;\n  font-family: inherit;\n  border-radius: var(--tcw-radius-sm);\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-flyout-item:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n.tcw-flyout-item:focus-visible {\n  outline: none;\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n  box-shadow: inset 0 0 0 1px var(--tcw-accent);\n}\n\n.tcw-flyout-item.tcw-active {\n  color: var(--tcw-accent);\n  background: var(--tcw-accent-soft);\n  font-weight: var(--tcw-weight-strong);\n}\n\n/* Pinned (favorited) flyout item — the icon set's star, filled, on the right. */\n.tcw-flyout-star {\n  display: inline-flex;\n  margin-inline-start: auto;\n  color: var(--tcw-accent);\n}\n.tcw-flyout-star svg path { fill: currentColor; }\n\n/* Favorites strip — pinned drawing tools above the tool groups. */\n.tcw-sidebar-favorites {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.tcw-sidebar-favorites .tcw-sidebar-btn {\n  position: relative;\n}\n.tcw-sidebar-favorites .tcw-sidebar-btn::before {\n  content: '';\n  position: absolute;\n  top: 3px;\n  right: 3px;\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background: var(--tcw-accent);\n  opacity: 0.7;\n}\n\n/* === Modal === */\n\n.tcw-modal-backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(8, 10, 18, 0.55);\n  backdrop-filter: blur(6px) saturate(140%);\n  -webkit-backdrop-filter: blur(6px) saturate(140%);\n  z-index: 100;\n  animation: tcw-fade-in var(--tcw-dur-normal) var(--tcw-ease-out);\n}\n\n@keyframes tcw-fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n.tcw-modal {\n  position: fixed;\n  z-index: 101;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background: var(--tcw-bg-elevated);\n  border: var(--tcw-border-w) solid var(--tcw-border);\n  border-radius: var(--tcw-dialog-radius);\n  width: 520px;\n  max-width: 92vw;\n  max-height: 82vh;\n  display: flex;\n  flex-direction: column;\n  box-shadow: var(--tcw-dialog-shadow);\n  animation: tcw-modal-in var(--tcw-dur-slow) var(--tcw-ease-out);\n}\n\n@keyframes tcw-modal-in {\n  from { opacity: 0; transform: translate(-50%, -48%) scale(0.96); }\n  to { opacity: 1; transform: translate(-50%, -50%) scale(1); }\n}\n\n.tcw-modal-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 18px 22px;\n  border-bottom: 1px solid var(--tcw-divider);\n}\n\n.tcw-modal-header h3 {\n  font-size: var(--tcw-font-size-lg);\n  font-weight: var(--tcw-weight-strong);\n  margin: 0;\n  color: var(--tcw-text);\n  letter-spacing: -0.015em;\n}\n\n.tcw-modal-close {\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n  border-radius: var(--tcw-control-radius);\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-modal-close:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-modal-tabs {\n  display: flex;\n  /* Four tabs in a long language on a phone: they wrap rather than clip. No overflow here: in the\n     dialog's column it would let a long body squash the tabs, and clip the underline of the active one. */\n  flex-wrap: wrap;\n  flex-shrink: 0;\n  gap: 4px;\n  padding: var(--tcw-tabs-pad-block) 18px;\n  border-bottom: 1px solid var(--tcw-divider);\n}\n\n.tcw-modal-tab {\n  flex-shrink: 0;\n  white-space: nowrap;\n  height: var(--tcw-tab-h);\n  padding: var(--tcw-tab-pad);\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight);\n  color: var(--tcw-text-muted);\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  border-bottom: var(--tcw-tab-line) solid transparent;\n  border-radius: var(--tcw-tab-radius);\n  margin-bottom: calc(var(--tcw-tab-line) / -2);\n  transition: color var(--tcw-dur-fast) var(--tcw-ease), border-color var(--tcw-dur-fast) var(--tcw-ease);\n  font-family: inherit;\n  text-transform: capitalize;\n  letter-spacing: -0.005em;\n}\n\n.tcw-modal-tab:hover {\n  color: var(--tcw-text-dim);\n  background: var(--tcw-tab-hover);\n}\n\n.tcw-modal-tab.tcw-active {\n  color: var(--tcw-tab-on-fg);\n  background: var(--tcw-tab-on-bg);\n  border-bottom-color: var(--tcw-accent);\n  font-weight: var(--tcw-weight-strong);\n}\n\n.tcw-modal-body {\n  padding: 20px 22px;\n  overflow-y: auto;\n  flex: 1;\n}\n\n.tcw-settings-section {\n  margin-bottom: 22px;\n}\n\n.tcw-settings-section:last-child {\n  margin-bottom: 0;\n}\n\n.tcw-settings-section-title {\n  font-size: calc(var(--tcw-font-size) - 2.5px);\n  font-weight: var(--tcw-weight-strong);\n  text-transform: var(--tcw-label-case);\n  letter-spacing: var(--tcw-label-tracking);\n  color: var(--tcw-text-muted);\n  margin-bottom: 12px;\n}\n\n.tcw-settings-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 0;\n}\n\n.tcw-settings-row + .tcw-settings-row {\n  border-top: 1px solid var(--tcw-divider);\n}\n\n.tcw-settings-label {\n  font-size: var(--tcw-font-size);\n  color: var(--tcw-text-dim);\n  letter-spacing: -0.005em;\n}\n\n.tcw-color-picker-wrap {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.tcw-color-picker-wrap input[type='color'] {\n  width: 28px;\n  height: 28px;\n  border: 1px solid var(--tcw-border-strong);\n  border-radius: var(--tcw-radius-sm);\n  background: transparent;\n  cursor: pointer;\n  padding: 2px;\n}\n\n.tcw-color-picker-wrap input[type='color']::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n\n.tcw-color-picker-wrap input[type='color']::-webkit-color-swatch {\n  border: none;\n  border-radius: var(--tcw-radius-xs);\n}\n\n.tcw-color-hex {\n  font-size: var(--tcw-font-size-xs);\n  font-family: var(--tcw-font-mono);\n  color: var(--tcw-text-muted);\n  min-width: 64px;\n  letter-spacing: 0.01em;\n}\n\n/* A colour left to the part itself: the swatch shows where the picker starts, faded. */\n.tcw-color-auto input[type='color'] {\n  opacity: 0.45;\n  border-style: dashed;\n}\n\n.tcw-color-auto .tcw-color-hex {\n  font-family: inherit;\n  font-style: italic;\n}\n\n.tcw-color-auto-btn {\n  height: 24px;\n  padding: 0 8px;\n  font: inherit;\n  font-size: var(--tcw-font-size-xs);\n  color: var(--tcw-text-muted);\n  background: transparent;\n  border: 1px solid var(--tcw-border-strong);\n  border-radius: var(--tcw-radius-sm);\n  cursor: pointer;\n  transition: color var(--tcw-dur-fast) var(--tcw-ease), border-color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-color-auto-btn:hover,\n.tcw-color-auto-btn:focus-visible {\n  color: var(--tcw-text);\n  border-color: var(--tcw-accent);\n}\n\n.tcw-toggle {\n  width: 36px;\n  height: 20px;\n  background: rgba(255, 255, 255, 0.12);\n  border-radius: 10px;\n  position: relative;\n  cursor: pointer;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease);\n  border: none;\n  padding: 0;\n  flex-shrink: 0;\n}\n\n.tcw-toggle::after {\n  content: '';\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: var(--tcw-text-muted);\n  transition:\n    left var(--tcw-dur-normal) var(--tcw-ease-out),\n    background var(--tcw-dur-fast) var(--tcw-ease);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n\n.tcw-toggle.tcw-on {\n  background: var(--tcw-accent);\n  box-shadow: 0 0 0 2px var(--tcw-accent-glow);\n}\n\n.tcw-toggle.tcw-on::after {\n  left: 18px;\n  background: #fff;\n}\n\n.tcw-root[data-tcw-theme='light'] .tcw-toggle {\n  background: rgba(0, 0, 0, 0.12);\n}\n\n.tcw-root[data-tcw-theme='light'] .tcw-toggle::after {\n  background: #999;\n}\n\n.tcw-root[data-tcw-theme='light'] .tcw-toggle.tcw-on {\n  background: var(--tcw-accent);\n}\n\n.tcw-root[data-tcw-theme='light'] .tcw-toggle.tcw-on::after {\n  background: #fff;\n}\n\n.tcw-settings-select {\n  padding: 6px 10px;\n  font-size: var(--tcw-font-size-sm);\n  font-family: inherit;\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-input-radius);\n  color: var(--tcw-text);\n  cursor: pointer;\n  transition: border-color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-settings-select:hover {\n  border-color: var(--tcw-border-strong);\n}\n\n.tcw-settings-select:focus-visible {\n  outline: none;\n  border-color: var(--tcw-accent);\n  box-shadow: var(--tcw-ring);\n}\n\n.tcw-modal-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 14px 22px;\n  border-top: 1px solid var(--tcw-divider);\n  background: var(--tcw-bg-surface);\n  border-radius: 0 0 var(--tcw-dialog-radius) var(--tcw-dialog-radius);\n}\n\n.tcw-reset-link {\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  text-decoration: underline;\n  text-underline-offset: 2px;\n  text-decoration-color: var(--tcw-border-strong);\n  transition: color var(--tcw-dur-fast) var(--tcw-ease), text-decoration-color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-reset-link:hover {\n  color: var(--tcw-text-dim);\n  text-decoration-color: currentColor;\n}\n\n.tcw-done-btn {\n  padding: 8px 18px;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  background: var(--tcw-accent);\n  color: var(--tcw-accent-ink);\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n  font-family: inherit;\n  transition:\n    background var(--tcw-dur-fast) var(--tcw-ease),\n    transform var(--tcw-dur-fast) var(--tcw-ease),\n    box-shadow var(--tcw-dur-fast) var(--tcw-ease);\n  letter-spacing: -0.005em;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15);\n}\n\n.tcw-done-btn:hover {\n  background: var(--tcw-accent-hover);\n  box-shadow: var(--tcw-shadow-md), 0 0 0 3px var(--tcw-accent-glow);\n}\n\n.tcw-done-btn:active {\n  transform: translateY(0.5px);\n}\n\n/* === Status Bar === */\n\n.tcw-statusbar {\n  /* Above sidebar buttons that overflow a short chart; menus (z 30+) stay on top. */\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 7px 16px;\n  border-top: 1px solid var(--tcw-border);\n  background: var(--tcw-bg-surface);\n  font-size: var(--tcw-font-size-xs);\n  color: var(--tcw-text-muted);\n  flex-shrink: 0;\n  font-feature-settings: 'tnum';\n}\n\n.tcw-status-right {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-inline-start: auto;\n  min-width: 0;\n  white-space: nowrap;\n}\n\n/* Narrow screens: the toolbar already names the symbol and timeframe, so the\n   range bar gets the room. */\n@media (max-width: 640px) {\n  .tcw-status-info {\n    display: none;\n  }\n\n  .tcw-range-btn {\n    padding: 4px 5px;\n  }\n}\n\n/* Range presets + go to date, bottom left */\n.tcw-range-bar {\n  display: flex;\n  align-items: center;\n  gap: 1px;\n  margin: -4px 12px -4px -8px;\n  min-width: 0;\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n\n.tcw-range-bar::-webkit-scrollbar {\n  display: none;\n}\n\n.tcw-range-btn {\n  flex-shrink: 0;\n  padding: 4px 7px;\n  font: inherit;\n  font-weight: var(--tcw-weight-strong);\n  letter-spacing: 0.02em;\n  color: var(--tcw-text-muted);\n  background: transparent;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n  transition: color var(--tcw-dur-fast) var(--tcw-ease), background var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-range-btn:hover {\n  color: var(--tcw-text);\n  background: var(--tcw-hover-bg);\n}\n\n.tcw-range-btn:active {\n  color: var(--tcw-accent);\n}\n\n.tcw-range-btn:focus-visible {\n  outline: 2px solid var(--tcw-accent);\n  outline-offset: -2px;\n}\n\n.tcw-range-goto {\n  display: inline-grid;\n  place-items: center;\n  margin-inline-start: 6px;\n  padding: 4px 6px;\n}\n\n.tcw-range-goto svg {\n  display: block;\n}\n\n/* Go-to-date popover, anchored above the range bar */\n.tcw-goto {\n  position: absolute;\n  left: 10px;\n  bottom: 40px;\n  z-index: 40;\n  display: grid;\n  gap: 10px;\n  width: 232px;\n  padding: 14px;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-menu-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  color: var(--tcw-text);\n  font-size: var(--tcw-font-size-sm);\n}\n\n.tcw-goto-title {\n  font-weight: var(--tcw-weight-strong);\n  font-size: var(--tcw-font-size);\n}\n\n.tcw-goto-field {\n  display: grid;\n  gap: 4px;\n  color: var(--tcw-text-muted);\n  font-size: var(--tcw-font-size-xs);\n}\n\n.tcw-goto-input {\n  height: 30px;\n  padding: 0 8px;\n  font: inherit;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text);\n  background: var(--tcw-bg);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-input-radius);\n  color-scheme: dark;\n}\n\n.tcw-root[data-tcw-theme='light'] .tcw-goto-input {\n  color-scheme: light;\n}\n\n.tcw-goto-input:focus {\n  outline: none;\n  border-color: var(--tcw-accent);\n  box-shadow: 0 0 0 2px var(--tcw-accent-soft);\n}\n\n.tcw-goto-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 6px;\n}\n\n.tcw-goto-submit {\n  background: var(--tcw-accent);\n  color: var(--tcw-accent-ink);\n  font-weight: var(--tcw-weight-strong);\n}\n\n.tcw-goto-submit:hover {\n  background: var(--tcw-accent);\n  color: var(--tcw-accent-ink);\n  filter: brightness(1.08);\n}\n\n.tcw-status-indicator {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  font-weight: var(--tcw-weight);\n}\n\n.tcw-status-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--tcw-text-muted);\n  transition: background var(--tcw-dur-normal) var(--tcw-ease), box-shadow var(--tcw-dur-normal) var(--tcw-ease);\n  position: relative;\n}\n\n.tcw-status-dot.tcw-connected {\n  background: var(--tcw-green);\n  box-shadow: 0 0 0 3px rgba(31, 168, 116, 0.18);\n}\n\n.tcw-status-dot.tcw-connected::after {\n  content: '';\n  position: absolute;\n  inset: -3px;\n  border-radius: 50%;\n  border: 2px solid var(--tcw-green);\n  opacity: 0;\n  animation: tcw-pulse 2.2s ease-out infinite;\n}\n\n@keyframes tcw-pulse {\n  0% { opacity: 0.6; transform: scale(0.6); }\n  100% { opacity: 0; transform: scale(2.2); }\n}\n\n.tcw-status-dot.tcw-error {\n  background: var(--tcw-red);\n  box-shadow: 0 0 0 3px rgba(232, 80, 91, 0.2);\n}\n\n/* === Command Palette === */\n\n.tcw-cmd-palette {\n  position: fixed;\n  z-index: 102;\n  top: 18%;\n  left: 50%;\n  transform: translateX(-50%);\n  background: var(--tcw-bg-elevated);\n  border: var(--tcw-border-w) solid var(--tcw-border);\n  border-radius: var(--tcw-dialog-radius);\n  width: 560px;\n  max-width: 92vw;\n  max-height: 62vh;\n  display: flex;\n  flex-direction: column;\n  box-shadow: var(--tcw-dialog-shadow);\n  overflow: hidden;\n  backdrop-filter: blur(var(--tcw-blur));\n  -webkit-backdrop-filter: blur(var(--tcw-blur));\n  animation: tcw-modal-in var(--tcw-dur-slow) var(--tcw-ease-out);\n}\n\n.tcw-cmd-header {\n  display: flex;\n  align-items: center;\n  padding: 14px 18px;\n  border-bottom: 1px solid var(--tcw-divider);\n  gap: 12px;\n}\n\n.tcw-cmd-icon {\n  color: var(--tcw-text-muted);\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n}\n\n.tcw-cmd-input {\n  flex: 1;\n  background: transparent;\n  border: none;\n  outline: none;\n  font-size: calc(var(--tcw-font-size) + 1.5px);\n  font-family: inherit;\n  color: var(--tcw-text);\n  caret-color: var(--tcw-accent);\n  letter-spacing: -0.005em;\n}\n\n.tcw-cmd-input::placeholder {\n  color: var(--tcw-text-muted);\n}\n\n.tcw-cmd-hint {\n  font-size: calc(var(--tcw-font-size) - 3px);\n  color: var(--tcw-text-muted);\n  font-family: var(--tcw-font-mono);\n  border: 1px solid var(--tcw-border);\n  background: var(--tcw-bg-surface);\n  padding: 3px 7px;\n  border-radius: 4px;\n  flex-shrink: 0;\n  box-shadow: inset 0 -1px 0 var(--tcw-border);\n}\n\n.tcw-cmd-list {\n  overflow-y: auto;\n  flex: 1;\n  padding: 6px;\n  max-height: 380px;\n}\n\n.tcw-cmd-category {\n  text-transform: var(--tcw-label-case);\n  font-size: calc(var(--tcw-font-size) - 3px);\n  color: var(--tcw-text-muted);\n  letter-spacing: var(--tcw-label-tracking);\n  padding: 10px 10px 4px;\n  font-weight: var(--tcw-weight-strong);\n}\n\n.tcw-cmd-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 9px 12px;\n  font-size: var(--tcw-font-size);\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n  width: 100%;\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  text-align: start;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n  gap: 10px;\n  border-radius: var(--tcw-radius);\n  letter-spacing: -0.005em;\n}\n\n.tcw-cmd-item:hover,\n.tcw-cmd-item.tcw-selected {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-cmd-item.tcw-selected {\n  box-shadow: inset 2px 0 0 var(--tcw-accent);\n}\n\n.tcw-cmd-item.tcw-active .tcw-cmd-item-label {\n  color: var(--tcw-accent);\n  font-weight: var(--tcw-weight-strong);\n}\n\n.tcw-cmd-item-label {\n  flex: 1;\n}\n\n.tcw-cmd-check {\n  display: inline-flex;\n  color: var(--tcw-accent);\n}\n\n.tcw-cmd-kbd {\n  font-size: calc(var(--tcw-font-size) - 3px);\n  font-family: var(--tcw-font-mono);\n  color: var(--tcw-text-muted);\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-border);\n  padding: 2px 6px;\n  border-radius: var(--tcw-tag-radius);\n  box-shadow: inset 0 -1px 0 var(--tcw-border);\n}\n\n.tcw-cmd-empty {\n  padding: 32px 16px;\n  text-align: center;\n  color: var(--tcw-text-muted);\n  font-size: var(--tcw-font-size);\n}\n\n/* A key and what it does, in a list dialog's footer: keys in the shortcut chips (.tcw-cmd-kbd). */\n.tcw-cmd-help {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n}\n.tcw-cmd-help-text { margin-inline-start: 3px; }\n.tcw-cmd-key {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 18px;\n  font-style: normal;\n}\n\n.tcw-cmd-footer {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  padding: 10px 18px;\n  border-top: 1px solid var(--tcw-divider);\n  font-size: var(--tcw-font-size-xs);\n  color: var(--tcw-text-muted);\n  background: var(--tcw-bg-surface);\n}\n\n/* === Watchlist === */\n\n.tcw-watchlist {\n  width: 220px;\n  flex-shrink: 0;\n  background: var(--tcw-bg-surface);\n  border-inline-start: 1px solid var(--tcw-border);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  box-shadow: var(--tcw-shadow-sm);\n}\n\n.tcw-watchlist-header {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 6px 8px 6px 8px;\n  border-bottom: 1px solid var(--tcw-divider);\n}\n\n/* The shown list's name: opens the lists menu. */\n.tcw-watchlist-name {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  height: var(--tcw-control-h-sm);\n  padding: 0 6px;\n  border: 0;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-dim);\n  font: inherit;\n  font-size: var(--tcw-font-size-xs);\n  font-weight: var(--tcw-weight-strong);\n  text-transform: var(--tcw-label-case);\n  letter-spacing: var(--tcw-label-tracking);\n  text-align: start;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n}\n.tcw-watchlist-name::after {\n  content: '';\n  flex: none;\n  width: 0;\n  height: 0;\n  margin-inline-start: auto;\n  border: 4px solid transparent;\n  border-top-color: currentColor;\n  border-bottom-width: 0;\n  opacity: 0.7;\n}\n\n.tcw-watchlist-add {\n  flex: none;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: 0;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  font: inherit;\n  font-size: var(--tcw-font-size-lg);\n  line-height: 1;\n  cursor: pointer;\n}\n\n.tcw-watchlist-name:hover,\n.tcw-watchlist-add:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n.tcw-watchlist-name:focus-visible,\n.tcw-watchlist-add:focus-visible,\n.tcw-watchlist-input:focus-visible {\n  outline: none;\n  box-shadow: var(--tcw-ring);\n}\n\n/* The lists menu, under the header. */\n.tcw-watchlist-menu {\n  top: calc(100% - 2px);\n  left: 6px;\n  right: 6px;\n  margin-top: 0;\n}\n.tcw-watchlist-count {\n  color: var(--tcw-text-muted);\n  font-family: var(--tcw-font-mono);\n  font-size: var(--tcw-font-size-xs);\n}\n.tcw-watchlist-menu .tcw-danger {\n  color: var(--tcw-red);\n}\n\n/* Naming a list in place. */\n.tcw-watchlist-input {\n  flex: 1;\n  min-width: 0;\n  height: var(--tcw-control-h-sm);\n  padding: 0 8px;\n  border: var(--tcw-border-w) solid var(--tcw-border-strong);\n  border-radius: var(--tcw-input-radius);\n  background: var(--tcw-bg);\n  color: var(--tcw-text);\n  font: inherit;\n  font-size: var(--tcw-font-size-sm);\n}\n\n.tcw-watchlist-empty {\n  padding: 16px 14px;\n  color: var(--tcw-text-muted);\n  font-size: var(--tcw-font-size-sm);\n  line-height: 1.5;\n}\n\n/* A row's remove button shows on hover or focus, over its numbers. */\n.tcw-watchlist-remove {\n  position: absolute;\n  top: 50%;\n  right: 6px;\n  display: grid;\n  place-items: center;\n  width: 20px;\n  height: 20px;\n  border: 0;\n  border-radius: var(--tcw-radius-sm);\n  background: var(--tcw-bg-elevated);\n  color: var(--tcw-text-muted);\n  font: inherit;\n  font-size: var(--tcw-font-size);\n  line-height: 1;\n  opacity: 0;\n  transform: translateY(-50%);\n  cursor: pointer;\n  transition: opacity var(--tcw-dur-fast) var(--tcw-ease);\n}\n.tcw-watchlist-row:hover .tcw-watchlist-remove,\n.tcw-watchlist-row:focus-within .tcw-watchlist-remove {\n  opacity: 1;\n}\n.tcw-watchlist-remove:hover {\n  color: var(--tcw-red);\n}\n.tcw-watchlist-row.tcw-watchlist-dragging {\n  opacity: 0.45;\n}\n\n.tcw-watchlist-list {\n  flex: 1;\n  overflow-y: auto;\n  padding: 4px 0;\n}\n\n.tcw-watchlist-row {\n  position: relative;\n  display: grid;\n  grid-template-columns: 1fr auto auto;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  cursor: pointer;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease);\n  border-inline-start: 2px solid transparent;\n  outline: none;\n}\n\n.tcw-watchlist-row:hover {\n  background: var(--tcw-hover-bg);\n}\n\n.tcw-watchlist-row:focus-visible {\n  background: var(--tcw-hover-bg);\n  border-inline-start-color: var(--tcw-accent);\n}\n\n.tcw-watchlist-row.tcw-watchlist-active {\n  background: var(--tcw-accent-soft);\n  border-inline-start-color: var(--tcw-accent);\n}\n\n.tcw-watchlist-symbol {\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n  letter-spacing: -0.005em;\n  white-space: nowrap;\n}\n\n.tcw-watchlist-spark {\n  width: 56px;\n  height: 22px;\n  align-self: center;\n}\n\n.tcw-watchlist-stats {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 1px;\n  font-variant-numeric: tabular-nums;\n  font-family: var(--tcw-font-mono);\n}\n\n.tcw-watchlist-price {\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text);\n  font-weight: var(--tcw-weight);\n}\n\n.tcw-watchlist-change {\n  font-size: calc(var(--tcw-font-size) - 2.5px);\n  color: var(--tcw-text-muted);\n  font-weight: var(--tcw-weight);\n}\n\n.tcw-watchlist-change.tcw-up {\n  color: var(--tcw-green);\n}\n\n.tcw-watchlist-change.tcw-down {\n  color: var(--tcw-red);\n}\n\n@media (max-width: 768px) {\n  .tcw-watchlist {\n    display: none;\n  }\n}\n\n/* === Toast === */\n\n.tcw-toast-icon {\n  display: inline-flex;\n  vertical-align: -2px;\n  margin-inline-end: 7px;\n  color: var(--tcw-accent);\n}\n.tcw-toast-error .tcw-toast-icon { color: var(--tcw-red); }\n\n.tcw-toast {\n  position: absolute;\n  bottom: 60px;\n  left: 50%;\n  transform: translate(-50%, 12px);\n  z-index: 40;\n  padding: 9px 14px;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border-strong);\n  border-radius: var(--tcw-toast-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight);\n  color: var(--tcw-text);\n  opacity: 0;\n  transition: opacity var(--tcw-dur-normal) var(--tcw-ease-out), transform var(--tcw-dur-normal) var(--tcw-ease-out);\n  pointer-events: none;\n  max-width: calc(100% - 32px);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  letter-spacing: -0.005em;\n}\n\n.tcw-toast.tcw-toast-in {\n  opacity: 1;\n  transform: translate(-50%, 0);\n}\n\n.tcw-toast-error {\n  border-color: var(--tcw-red);\n  color: var(--tcw-red);\n}\n\n/* === Replay scrubber === */\n\n/* Picking the replay start: the bars right of the pointer would be hidden. */\n.tcw-replay-shade {\n  position: absolute;\n  z-index: 4;\n  pointer-events: none;\n  background: color-mix(in srgb, var(--tcw-bg) 62%, transparent);\n  border-inline-start: 1.5px dashed var(--tcw-accent);\n}\n\n.tcw-replay-group {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.tcw-replay-group[hidden] { display: none; }\n\n.tcw-replay-hint {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 0 4px;\n  color: var(--tcw-text-dim);\n  white-space: nowrap;\n}\n\n.tcw-replay-text-btn {\n  height: 26px;\n  padding: 0 10px;\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text);\n  font: inherit;\n  font-weight: var(--tcw-weight);\n  white-space: nowrap;\n  cursor: pointer;\n  transition: background var(--tcw-dur-fast), border-color var(--tcw-dur-fast), color var(--tcw-dur-fast);\n}\n\n.tcw-replay-text-btn:hover { background: var(--tcw-hover-bg); border-color: var(--tcw-border-strong); }\n.tcw-replay-text-btn:focus-visible { outline: none; box-shadow: var(--tcw-ring); }\n\n/* At the last bar: the way out is the next thing to do. */\n.tcw-replay-bar--ended .tcw-replay-realtime {\n  background: var(--tcw-accent);\n  border-color: var(--tcw-accent);\n  color: var(--tcw-accent-ink);\n}\n\n.tcw-replay-btn:disabled { opacity: 0.4; cursor: default; }\n\n@media (max-width: 640px) {\n  .tcw-replay-bar {\n    flex-wrap: wrap;\n    justify-content: center;\n    max-width: calc(100% - 24px);\n    border-radius: var(--tcw-panel-radius);\n  }\n  .tcw-replay-hint { white-space: normal; }\n}\n\n.tcw-replay-bar {\n  position: absolute;\n  left: 50%;\n  /* Above the 30px time axis, so its dates stay readable. */\n  bottom: 40px;\n  transform: translateX(-50%);\n  z-index: 25;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 10px;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-panel-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  backdrop-filter: blur(var(--tcw-blur));\n  -webkit-backdrop-filter: blur(var(--tcw-blur));\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text);\n  animation: tcw-pop-in var(--tcw-dur-normal) var(--tcw-ease-out);\n}\n\n.tcw-replay-btn {\n  width: 28px;\n  height: 28px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-dim);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n  font-family: inherit;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n}\n\n.tcw-replay-btn:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n\n.tcw-replay-btn.tcw-replay-play {\n  background: var(--tcw-accent);\n  color: var(--tcw-accent-ink);\n  width: 32px;\n  height: 32px;\n  box-shadow: 0 0 0 3px var(--tcw-accent-glow);\n}\n\n.tcw-replay-btn.tcw-replay-play:hover {\n  background: var(--tcw-accent-hover);\n}\n\n.tcw-replay-scrubber {\n  appearance: none;\n  -webkit-appearance: none;\n  width: 220px;\n  height: 4px;\n  background: var(--tcw-border-strong);\n  border-radius: 2px;\n  outline: none;\n  cursor: pointer;\n}\n\n.tcw-replay-scrubber::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  background: var(--tcw-accent);\n  border: 2px solid var(--tcw-bg-elevated);\n  box-shadow: 0 0 0 1px var(--tcw-accent), 0 2px 6px rgba(0, 0, 0, 0.3);\n  cursor: pointer;\n}\n\n.tcw-replay-scrubber::-moz-range-thumb {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  background: var(--tcw-accent);\n  border: 2px solid var(--tcw-bg-elevated);\n  box-shadow: 0 0 0 1px var(--tcw-accent), 0 2px 6px rgba(0, 0, 0, 0.3);\n  cursor: pointer;\n}\n\n.tcw-replay-progress {\n  font-size: var(--tcw-font-size-xs);\n  font-family: var(--tcw-font-mono);\n  color: var(--tcw-text-muted);\n  min-width: 64px;\n  text-align: center;\n  font-feature-settings: 'tnum';\n}\n\n.tcw-replay-speed {\n  padding: 4px 8px;\n  font-size: var(--tcw-font-size-xs);\n  font-family: var(--tcw-font-mono);\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-control-radius);\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n}\n\n.tcw-replay-speed:hover {\n  border-color: var(--tcw-border-strong);\n}\n\n@media (max-width: 640px) {\n  .tcw-replay-scrubber {\n    width: 140px;\n  }\n  .tcw-replay-progress {\n    display: none;\n  }\n}\n\n/* === Hotkey sheet === */\n\n.tcw-hotkey-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px 32px;\n}\n\n.tcw-hotkey-section .tcw-settings-section-title {\n  margin-bottom: 8px;\n}\n\n.tcw-hotkey-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 6px 0;\n  border-bottom: 1px solid var(--tcw-divider);\n}\n\n.tcw-hotkey-row:last-child {\n  border-bottom: none;\n}\n\n.tcw-hotkey-keys {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  flex-shrink: 0;\n}\n\n.tcw-hotkey-sep {\n  font-size: calc(var(--tcw-font-size) - 3px);\n  color: var(--tcw-text-muted);\n}\n\n.tcw-hotkey-label {\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-dim);\n  text-align: end;\n  letter-spacing: -0.005em;\n}\n\n@media (max-width: 640px) {\n  .tcw-hotkey-grid {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n}\n\n/* === Scrollbar (subtle, premium feel) === */\n\n.tcw-dropdown::-webkit-scrollbar,\n.tcw-modal-body::-webkit-scrollbar,\n.tcw-cmd-list::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n\n.tcw-dropdown::-webkit-scrollbar-track,\n.tcw-modal-body::-webkit-scrollbar-track,\n.tcw-cmd-list::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.tcw-dropdown::-webkit-scrollbar-thumb,\n.tcw-modal-body::-webkit-scrollbar-thumb,\n.tcw-cmd-list::-webkit-scrollbar-thumb {\n  background: var(--tcw-border-strong);\n  border-radius: 4px;\n  border: 2px solid transparent;\n  background-clip: padding-box;\n}\n\n.tcw-dropdown::-webkit-scrollbar-thumb:hover,\n.tcw-modal-body::-webkit-scrollbar-thumb:hover,\n.tcw-cmd-list::-webkit-scrollbar-thumb:hover {\n  background: var(--tcw-text-muted);\n  background-clip: padding-box;\n  border: 2px solid transparent;\n}\n\n/* === Responsive === */\n\n@media (max-width: 768px) {\n  .tcw-toolbar {\n    padding: 0 4px;\n    height: max(44px, var(--tcw-toolbar-h));   /* Apple HIG minimum touch target */\n  }\n  .tcw-toolbar-sep {\n    display: none;\n  }\n  .tcw-btn,\n  .tcw-dropdown-trigger {\n    height: max(40px, var(--tcw-control-h));   /* fatter tap target */\n    padding: 0 12px;\n    font-size: var(--tcw-font-size);\n  }\n  .tcw-btn-icon {\n    width: max(40px, var(--tcw-control-h));\n    height: max(40px, var(--tcw-control-h));\n  }\n  .tcw-sidebar {\n    width: max(44px, var(--tcw-sidebar-w));\n  }\n  .tcw-sidebar-btn {\n    width: max(40px, var(--tcw-control-h));\n    height: max(40px, var(--tcw-control-h));\n  }\n  .tcw-modal,\n  .tcw-cmd-palette {\n    width: 94vw;\n    border-radius: var(--tcw-dialog-radius);\n  }\n\n  /* Hide the right-side watchlist on tablets too — already declared but\n   * grouped here for clarity. */\n  .tcw-watchlist {\n    display: none;\n  }\n\n  /* Replay scrubber compact mode */\n  .tcw-replay-scrubber {\n    width: 120px;\n  }\n  .tcw-replay-progress {\n    display: none;\n  }\n}\n\n/* === Mobile bottom-sheet pattern ===\n * On phones, swap floating-centered modals for full-width sheets that slide\n * up from the bottom. Bigger hit targets, no awkward off-screen clipping,\n * matches how every modern iOS/Android app handles overflow UI.\n */\n@media (max-width: 640px) {\n  .tcw-modal,\n  .tcw-cmd-palette {\n    top: auto;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    transform: none;\n    width: 100vw;\n    max-width: 100vw;\n    max-height: 92vh;\n    border-radius: var(--tcw-dialog-radius) var(--tcw-dialog-radius) 0 0;\n    border-bottom: none;\n    /* Grab handle */\n    padding-top: 8px;\n  }\n\n  /* Visual \"grab handle\" affordance — a short pill at the top of every sheet */\n  .tcw-modal::before,\n  .tcw-cmd-palette::before {\n    content: '';\n    display: block;\n    width: 36px;\n    height: 4px;\n    border-radius: 2px;\n    background: var(--tcw-border-strong);\n    margin: 0 auto 8px;\n    opacity: 0.7;\n  }\n\n  /* Reuse the existing modal-in animation but slide from below instead of\n   * popping from center, so the entrance reads as a sheet, not a dialog. */\n  @keyframes tcw-modal-in {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .tcw-modal,\n  .tcw-cmd-palette {\n    animation: tcw-modal-in var(--tcw-dur-slow) var(--tcw-ease-out);\n  }\n\n  /* Safe-area-aware footer padding for iPhone notch / home indicator */\n  .tcw-modal-footer,\n  .tcw-cmd-footer {\n    padding-bottom: max(14px, env(safe-area-inset-bottom));\n  }\n\n  /* Larger tap targets inside sheets */\n  .tcw-modal-tab {\n    padding: 14px 16px;\n  }\n  .tcw-cmd-item {\n    padding: 12px 14px;\n    font-size: calc(var(--tcw-font-size) + 1px);\n  }\n  .tcw-dropdown-item {\n    padding: 12px 12px;\n    font-size: calc(var(--tcw-font-size) + 1px);\n  }\n\n  /* Hotkey sheet — single column on phones */\n  .tcw-hotkey-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n/* === Price alerts panel === */\n\n.tcw-alerts-panel {\n  position: absolute;\n  top: var(--tcw-panel-top);\n  inset-inline-end: 12px;\n  z-index: 40;\n  width: 300px;\n  max-width: calc(100vw - 24px);\n  display: flex;\n  flex-direction: column;\n  background: var(--tcw-bg-elevated);\n  border: var(--tcw-border-w) solid var(--tcw-border-strong);\n  border-radius: var(--tcw-panel-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  overflow: hidden;\n  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;\n}\n\n@keyframes tcw-alerts-in {\n  from { opacity: 0; transform: translateY(-6px) scale(0.98); }\n  to { opacity: 1; transform: none; }\n}\n\n.tcw-alerts-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 12px;\n  font-weight: var(--tcw-weight-strong);\n  font-size: var(--tcw-font-size);\n  color: var(--tcw-text);\n  border-bottom: 1px solid var(--tcw-border);\n}\n\n.tcw-alerts-close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-alerts-close:hover {\n  background: var(--tcw-bg-surface);\n  color: var(--tcw-text);\n}\n\n.tcw-alerts-form {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 8px;\n  padding: 12px;\n  border-bottom: 1px solid var(--tcw-border);\n}\n\n.tcw-alerts-form input,\n.tcw-alerts-form select {\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  height: 32px;\n  padding: 0 8px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text);\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-radius-sm);\n  outline: none;\n}\n.tcw-alerts-form input:focus,\n.tcw-alerts-form select:focus {\n  border-color: var(--tcw-accent);\n  box-shadow: 0 0 0 2px var(--tcw-accent-soft);\n}\n.tcw-alerts-message,\n.tcw-alerts-source {\n  grid-column: 1 / -1;\n}\n\n.tcw-alerts-add {\n  grid-column: 1 / -1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  height: 34px;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-accent-ink);\n  background: var(--tcw-accent);\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-alerts-add:hover {\n  background: var(--tcw-accent-hover);\n}\n\n.tcw-alerts-list {\n  max-height: 260px;\n  overflow-y: auto;\n  padding: 6px;\n}\n\n.tcw-alerts-empty {\n  padding: 18px 12px;\n  text-align: center;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-muted);\n  line-height: 1.5;\n}\n\n.tcw-alerts-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 8px 8px;\n  border-radius: var(--tcw-radius-sm);\n}\n.tcw-alerts-row:hover {\n  background: var(--tcw-bg-surface);\n}\n.tcw-alerts-triggered {\n  background: var(--tcw-accent-soft);\n}\n\n.tcw-alerts-info {\n  min-width: 0;\n}\n.tcw-alerts-row-main {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n  font-variant-numeric: tabular-nums;\n}\n.tcw-alerts-row-note {\n  margin-top: 2px;\n  font-size: var(--tcw-font-size-xs);\n  color: var(--tcw-text-muted);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.tcw-alerts-badge {\n  font-size: calc(var(--tcw-font-size) - 4px);\n  font-weight: calc(var(--tcw-weight-strong) + 100);\n  text-transform: var(--tcw-label-case);\n  letter-spacing: var(--tcw-label-tracking);\n  padding: 2px 5px;\n  border-radius: var(--tcw-tag-radius);\n  color: var(--tcw-accent);\n  background: var(--tcw-accent-soft);\n}\n\n.tcw-alerts-del {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-alerts-del:hover {\n  background: var(--tcw-red-soft);\n  color: var(--tcw-red);\n}\n\n@media (max-width: 640px) {\n  .tcw-alerts-panel {\n    top: auto;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    width: 100vw;\n    max-width: 100vw;\n    border-radius: var(--tcw-radius-xl) var(--tcw-radius-xl) 0 0;\n  }\n  .tcw-alerts-list {\n    max-height: 40vh;\n    padding-bottom: max(8px, env(safe-area-inset-bottom));\n  }\n}\n\n/* === Data Window === */\n\n.tcw-datawin {\n  position: absolute;\n  top: var(--tcw-panel-top);\n  inset-inline-end: 12px;\n  z-index: 38;\n  width: 200px;\n  display: flex;\n  flex-direction: column;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border-strong);\n  border-radius: var(--tcw-panel-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  overflow: hidden;\n  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;\n}\n.tcw-datawin-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 9px 12px;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n  border-bottom: 1px solid var(--tcw-border);\n}\n.tcw-datawin-close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-datawin-close:hover { background: var(--tcw-bg-surface); color: var(--tcw-text); }\n.tcw-datawin-body { padding: 6px 4px; max-height: 360px; overflow-y: auto; }\n.tcw-datawin-empty { padding: 14px; text-align: center; font-size: var(--tcw-font-size-sm); color: var(--tcw-text-muted); }\n.tcw-datawin-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  padding: 3px 8px;\n  font-size: var(--tcw-font-size-sm);\n}\n.tcw-datawin-label { color: var(--tcw-text-muted); }\n.tcw-datawin-value { color: var(--tcw-text); font-variant-numeric: tabular-nums; font-weight: var(--tcw-weight-strong); }\n.tcw-datawin-value.tcw-up { color: var(--tcw-green); }\n.tcw-datawin-value.tcw-down { color: var(--tcw-red); }\n.tcw-datawin-sub {\n  margin: 6px 8px 2px;\n  font-size: calc(var(--tcw-font-size) - 3px);\n  font-weight: calc(var(--tcw-weight-strong) + 100);\n  text-transform: var(--tcw-label-case);\n  letter-spacing: var(--tcw-label-tracking);\n  color: var(--tcw-text-muted);\n  border-top: 1px solid var(--tcw-border);\n  padding-top: 6px;\n}\n\n@media (max-width: 640px) {\n  .tcw-datawin { top: auto; bottom: 0; left: 0; right: 0; width: 100vw; border-radius: var(--tcw-radius-xl) var(--tcw-radius-xl) 0 0; }\n}\n\n/* === Depth-of-market ladder === */\n\n.tcw-ladder {\n  position: absolute;\n  top: var(--tcw-panel-top);\n  inset-inline-end: 12px;\n  z-index: 41;\n  width: 240px;\n  display: flex;\n  flex-direction: column;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border-strong);\n  border-radius: var(--tcw-panel-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  overflow: hidden;\n  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;\n}\n.tcw-ladder-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 12px;\n  font-size: var(--tcw-font-size);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n  border-bottom: 1px solid var(--tcw-border);\n}\n.tcw-ladder-close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-ladder-close:hover { background: var(--tcw-bg-surface); color: var(--tcw-text); }\n.tcw-ladder-cols {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  padding: 4px 0;\n  font-size: calc(var(--tcw-font-size) - 3px);\n  font-weight: calc(var(--tcw-weight-strong) + 100);\n  text-transform: var(--tcw-label-case);\n  letter-spacing: var(--tcw-label-tracking);\n  color: var(--tcw-text-muted);\n  border-bottom: 1px solid var(--tcw-border);\n}\n.tcw-ladder-cols span { text-align: center; }\n.tcw-ladder-body { max-height: 360px; overflow-y: auto; }\n.tcw-ladder-empty { padding: 18px; text-align: center; font-size: var(--tcw-font-size-sm); color: var(--tcw-text-muted); }\n\n.tcw-ladder-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  height: 22px;\n  font-variant-numeric: tabular-nums;\n}\n.tcw-ladder-cell {\n  position: relative;\n  display: flex;\n  align-items: center;\n  border: none;\n  background: transparent;\n  font-size: var(--tcw-font-size-xs);\n  cursor: pointer;\n  font-variant-numeric: tabular-nums;\n  overflow: hidden;\n}\n.tcw-ladder-cell:disabled { cursor: default; }\n/* Depth bar grows from the centre column outward. */\n.tcw-ladder-cell::before {\n  content: '';\n  position: absolute;\n  top: 1px; bottom: 1px;\n  width: var(--w, 0%);\n}\n.tcw-ladder-bid { justify-content: flex-end; padding-right: 8px; color: var(--tcw-green); }\n.tcw-ladder-bid::before { right: 0; background: var(--tcw-green-soft); }\n.tcw-ladder-bid span, .tcw-ladder-bid { position: relative; }\n.tcw-ladder-ask { justify-content: flex-start; padding-left: 8px; color: var(--tcw-red); }\n.tcw-ladder-ask::before { left: 0; background: var(--tcw-red-soft); }\n.tcw-ladder-cell:not(:disabled):hover::before { opacity: 0.7; filter: brightness(1.4); }\n.tcw-ladder-cell > * { position: relative; }\n.tcw-ladder-price {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--tcw-font-size-xs);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text-dim);\n  border-inline-start: 1px solid var(--tcw-border);\n  border-inline-end: 1px solid var(--tcw-border);\n}\n.tcw-ladder-price.tcw-ask { color: var(--tcw-red); }\n.tcw-ladder-price.tcw-bid { color: var(--tcw-green); }\n\n@media (max-width: 640px) {\n  .tcw-ladder { top: auto; bottom: 0; left: 0; right: 0; width: 100vw; border-radius: var(--tcw-radius-xl) var(--tcw-radius-xl) 0 0; }\n  .tcw-ladder-body { max-height: 45vh; padding-bottom: max(0px, env(safe-area-inset-bottom)); }\n}\n\n/* === Bracket order placement === */\n\n.tcw-btn-long:hover { color: var(--tcw-green) !important; }\n.tcw-btn-short:hover { color: var(--tcw-red) !important; }\n\n.tcw-bracket-bar {\n  position: absolute;\n  top: calc(var(--tcw-panel-top) + 2px);\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 45;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 7px 8px 7px 14px;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border-strong);\n  border-radius: var(--tcw-panel-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;\n}\n.tcw-bracket-label {\n  font-size: var(--tcw-font-size-sm);\n  font-weight: calc(var(--tcw-weight-strong) + 100);\n}\n.tcw-bracket-label[data-side='buy'] { color: var(--tcw-green); }\n.tcw-bracket-label[data-side='sell'] { color: var(--tcw-red); }\n.tcw-bracket-hint {\n  font-size: var(--tcw-font-size-xs);\n  color: var(--tcw-text-muted);\n}\n.tcw-bracket-cancel, .tcw-bracket-confirm {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  height: 30px;\n  padding: 0 12px;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-bracket-cancel {\n  color: var(--tcw-text-dim);\n  background: var(--tcw-bg-surface);\n}\n.tcw-bracket-cancel:hover { color: var(--tcw-text); }\n.tcw-bracket-confirm {\n  color: var(--tcw-accent-ink);\n  background: var(--tcw-accent);\n}\n.tcw-bracket-confirm:hover { background: var(--tcw-accent-hover); }\n\n@media (max-width: 640px) {\n  .tcw-bracket-bar { width: calc(100vw - 24px); justify-content: space-between; }\n  .tcw-bracket-hint { display: none; }\n}\n\n/* === Drawing style + templates popover === */\n\n.tcw-style-panel {\n  position: absolute;\n  bottom: 12px;\n  inset-inline-start: var(--tcw-panel-left);\n  z-index: 40;\n  width: 220px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 12px;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border-strong);\n  border-radius: var(--tcw-panel-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;\n}\n.tcw-style-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n}\n.tcw-style-close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-style-close:hover { background: var(--tcw-bg-surface); color: var(--tcw-text); }\n\n.tcw-style-row { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }\n.tcw-style-swatch {\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  border: 1px solid var(--tcw-border-strong);\n  cursor: pointer;\n  padding: 0;\n}\n.tcw-style-swatch.tcw-on { outline: 2px solid var(--tcw-accent); outline-offset: 1px; }\n.tcw-style-picker {\n  width: 22px;\n  height: 22px;\n  padding: 0;\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-radius-sm);\n  background: transparent;\n  cursor: pointer;\n}\n.tcw-style-width, .tcw-style-dash {\n  flex: 1;\n  min-width: 0;\n  height: 26px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-control-radius);\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n  font-size: var(--tcw-font-size-xs);\n}\n.tcw-style-width span { width: 16px; background: currentColor; border-radius: var(--tcw-radius-xs); }\n.tcw-style-width.tcw-on, .tcw-style-dash.tcw-on {\n  border-color: var(--tcw-accent);\n  color: var(--tcw-accent);\n}\n\n.tcw-style-subhead {\n  font-size: calc(var(--tcw-font-size) - 3px);\n  font-weight: calc(var(--tcw-weight-strong) + 100);\n  text-transform: var(--tcw-label-case);\n  letter-spacing: var(--tcw-label-tracking);\n  color: var(--tcw-text-muted);\n  margin-top: 2px;\n}\n.tcw-style-save { display: flex; gap: 6px; }\n.tcw-style-name {\n  flex: 1;\n  min-width: 0;\n  height: 28px;\n  padding: 0 8px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text);\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-input-radius);\n  outline: none;\n}\n.tcw-style-name:focus { border-color: var(--tcw-accent); }\n.tcw-style-savebtn {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 10px;\n  height: 28px;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-accent-ink);\n  background: var(--tcw-accent);\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-style-savebtn:hover { background: var(--tcw-accent-hover); }\n\n.tcw-style-templates { display: flex; flex-direction: column; gap: 2px; max-height: 140px; overflow-y: auto; }\n.tcw-style-empty { font-size: var(--tcw-font-size-xs); color: var(--tcw-text-muted); padding: 4px 0; }\n.tcw-style-template { display: flex; align-items: center; gap: 4px; }\n.tcw-style-apply {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  padding: 5px 7px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text);\n  background: transparent;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n  text-align: start;\n}\n.tcw-style-apply:hover { background: var(--tcw-bg-surface); }\n.tcw-style-tdot { flex-shrink: 0; width: 9px; height: 9px; border-radius: 50%; }\n.tcw-style-tdel {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-style-tdel:hover { background: var(--tcw-red-soft); color: var(--tcw-red); }\n\n/* === Settings range slider === */\n\n.tcw-settings-range {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.tcw-settings-range input[type='range'] {\n  width: 110px;\n  accent-color: var(--tcw-accent);\n  cursor: pointer;\n}\n.tcw-settings-range-val {\n  min-width: 38px;\n  text-align: end;\n  font-size: var(--tcw-font-size-sm);\n  font-variant-numeric: tabular-nums;\n  color: var(--tcw-text-dim);\n}\n\n/* === Indicator settings dialog === */\n\n/* Narrow on a desktop; on a phone a sheet across the screen like every dialog. */\n@media (min-width: 641px) {\n  .tcw-modal-narrow {\n    max-width: 360px;\n  }\n}\n.tcw-indi-input {\n  width: 110px;\n  height: 30px;\n  padding: 0 8px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text);\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-input-radius);\n  outline: none;\n  font-variant-numeric: tabular-nums;\n}\n.tcw-indi-input:focus {\n  border-color: var(--tcw-accent);\n  box-shadow: 0 0 0 2px var(--tcw-accent-soft);\n}\n.tcw-indi-select {\n  width: 150px;\n  padding-right: 4px;\n  cursor: pointer;\n}\n/* A level: its value and a remove button. */\n.tcw-indi-level {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n.tcw-indi-remove {\n  display: inline-grid;\n  place-items: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  padding: 0;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n}\n.tcw-indi-remove:hover {\n  color: var(--tcw-red);\n  background: var(--tcw-hover-bg);\n}\n.tcw-indi-remove:focus-visible {\n  outline: 2px solid var(--tcw-accent);\n  outline-offset: -2px;\n}\n.tcw-indi-add {\n  margin-top: 8px;\n}\n.tcw-indi-color {\n  width: 36px;\n  height: 28px;\n  padding: 2px;\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-radius-sm);\n  cursor: pointer;\n}\n\n/* === Object tree panel === */\n\n.tcw-tree-panel {\n  position: absolute;\n  top: var(--tcw-panel-top);\n  inset-inline-end: 12px;\n  z-index: 39;\n  width: 280px;\n  max-width: calc(100vw - 24px);\n  display: flex;\n  flex-direction: column;\n  background: var(--tcw-bg-elevated);\n  border: 1px solid var(--tcw-border-strong);\n  border-radius: var(--tcw-panel-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  overflow: hidden;\n  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;\n}\n\n.tcw-tree-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 12px;\n  font-weight: var(--tcw-weight-strong);\n  font-size: var(--tcw-font-size);\n  color: var(--tcw-text);\n  border-bottom: 1px solid var(--tcw-border);\n}\n.tcw-tree-close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-tree-close:hover {\n  background: var(--tcw-bg-surface);\n  color: var(--tcw-text);\n}\n\n.tcw-tree-section {\n  padding: 6px;\n  border-bottom: 1px solid var(--tcw-border);\n}\n.tcw-tree-section:last-child {\n  border-bottom: none;\n}\n.tcw-tree-section-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 6px 8px 4px;\n  font-size: calc(var(--tcw-font-size) - 3px);\n  font-weight: calc(var(--tcw-weight-strong) + 100);\n  text-transform: var(--tcw-label-case);\n  letter-spacing: var(--tcw-label-tracking);\n  color: var(--tcw-text-muted);\n}\n.tcw-tree-add {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-tree-add:hover {\n  background: var(--tcw-accent-soft);\n  color: var(--tcw-accent);\n}\n.tcw-tree-dot {\n  flex-shrink: 0;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.tcw-tree-list {\n  max-height: 200px;\n  overflow-y: auto;\n}\n\n.tcw-tree-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 6px 8px;\n  border-radius: var(--tcw-radius-sm);\n}\n.tcw-tree-row:hover {\n  background: var(--tcw-bg-surface);\n}\n.tcw-tree-hidden .tcw-tree-name {\n  opacity: 0.5;\n}\n.tcw-tree-name {\n  min-width: 0;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.tcw-tree-actions {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  flex-shrink: 0;\n}\n.tcw-tree-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  background: transparent;\n  color: var(--tcw-text-muted);\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n}\n.tcw-tree-btn:hover {\n  background: var(--tcw-bg-elevated);\n  color: var(--tcw-text);\n}\n.tcw-tree-btn.tcw-tree-on {\n  color: var(--tcw-accent);\n}\n.tcw-tree-btn.tcw-tree-del:hover {\n  background: var(--tcw-red-soft);\n  color: var(--tcw-red);\n}\n.tcw-tree-group .tcw-tree-name {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: var(--tcw-weight-strong);\n}\n.tcw-tree-group .tcw-tree-name svg {\n  flex: none;\n  color: var(--tcw-text-muted);\n}\n.tcw-tree-member {\n  margin-left: 14px;\n  padding-left: 10px;\n  border-inline-start: 1px solid var(--tcw-border-strong);\n  border-radius: 0 var(--tcw-radius-sm) var(--tcw-radius-sm) 0;\n}\n.tcw-tree-rename {\n  flex: 1;\n  min-width: 0;\n  padding: 3px 6px;\n  border: 1px solid var(--tcw-accent-line);\n  border-radius: var(--tcw-input-radius);\n  background: var(--tcw-bg-surface);\n  color: var(--tcw-text);\n  font: inherit;\n  font-size: var(--tcw-font-size-sm);\n}\n.tcw-tree-rename:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--tcw-accent-soft);\n}\n.tcw-tree-empty {\n  padding: 8px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-muted);\n}\n\n@media (max-width: 640px) {\n  .tcw-tree-panel {\n    top: auto;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    width: 100vw;\n    max-width: 100vw;\n    border-radius: var(--tcw-radius-xl) var(--tcw-radius-xl) 0 0;\n  }\n  .tcw-tree-list {\n    max-height: 30vh;\n  }\n  .tcw-tree-section:last-child {\n    padding-bottom: max(6px, env(safe-area-inset-bottom));\n  }\n}\n\n/* === Reduced motion === */\n\n@media (prefers-reduced-motion: reduce) {\n  .tcw-root *,\n  .tcw-root *::before,\n  .tcw-root *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n\n  /* Except the loader's slow glow (opacity only): without it a long wait\n     looks frozen. */\n  .tcw-root .tcw-loading-candle,\n  .tcw-root .tcw-loading-track > span {\n    animation-duration: 2.4s !important;\n    animation-iteration-count: infinite !important;\n    animation-delay: var(--tcw-delay, 0ms) !important;\n  }\n}\n\n/* --- Drawing settings dialog --- */\n.tcw-drawing-settings .tcw-modal-footer { gap: 12px; }\n.tcw-drawing-settings-tools {\n  display: flex;\n  gap: 14px;\n  margin-inline-end: auto;\n}\n.tcw-drawing-text {\n  min-height: 56px;\n  resize: vertical;\n  font-family: inherit;\n}\n.tcw-levels-editor { display: grid; gap: 6px; margin-bottom: 10px; }\n.tcw-levels-grid {\n  display: grid;\n  gap: 4px;\n  max-height: 260px;\n  overflow-y: auto;\n  padding-right: 2px;\n}\n.tcw-level-row {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) 32px 24px;\n  align-items: center;\n  gap: 8px;\n}\n.tcw-level-row input[type='checkbox'] { accent-color: var(--tcw-accent); }\n.tcw-level-remove {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: 0;\n  border-radius: var(--tcw-radius-sm, 4px);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n}\n.tcw-level-remove:hover { color: var(--tcw-text); background: var(--tcw-bg-elevated); }\n.tcw-level-remove:focus-visible { outline: 2px solid var(--tcw-accent); outline-offset: 1px; }\n.tcw-level-add { justify-self: start; }\n.tcw-drawing-templates { display: grid; gap: 2px; margin-bottom: 8px; }\n.tcw-drawing-alert { display: inline-flex; align-items: center; gap: 6px; }\n\n/* --- Context menu (right-click on a drawing) --- */\n.tcw-context-menu {\n  position: absolute;\n  z-index: 70;\n  min-width: 200px;\n  padding: 4px;\n  background: var(--tcw-bg-elevated);\n  border: var(--tcw-border-w) solid var(--tcw-divider);\n  border-radius: var(--tcw-menu-radius);\n  box-shadow: var(--tcw-menu-shadow);\n}\n.tcw-context-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  min-height: var(--tcw-menu-item-h);\n  padding: 4px 10px;\n  border: 0;\n  border-radius: var(--tcw-radius-sm);\n  background: transparent;\n  color: var(--tcw-text);\n  font: inherit;\n  font-size: var(--tcw-font-size);\n  text-align: start;\n  cursor: pointer;\n}\n.tcw-context-item svg, .tcw-context-icon { flex: none; width: 14px; height: 14px; color: var(--tcw-text-muted); }\n.tcw-context-item:hover, .tcw-context-item:focus-visible { background: var(--tcw-bg-surface); outline: none; }\n.tcw-context-item:focus-visible { box-shadow: inset 0 0 0 1px var(--tcw-accent); }\n.tcw-context-danger, .tcw-context-danger svg { color: var(--tcw-red); }\n.tcw-context-sep { height: 1px; margin: 4px 6px; background: var(--tcw-divider); }\n/* --- Toolbar over a selected drawing --- */\n.tcw-sel-toolbar {\n  position: absolute;\n  z-index: 65;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  padding: 3px;\n  background: var(--tcw-bg-elevated);\n  border: var(--tcw-border-w) solid var(--tcw-divider);\n  border-radius: var(--tcw-menu-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  font-family: var(--tcw-font);\n  white-space: nowrap;\n  animation: tcw-sel-in var(--tcw-dur-fast) var(--tcw-ease-out);\n}\n@keyframes tcw-sel-in { from { opacity: 0; transform: translateY(3px); } }\n.tcw-sel-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 5px;\n  min-width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  padding: 0 6px;\n  border: 0;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  font: inherit;\n  font-size: var(--tcw-font-size-xs);\n  font-variant-numeric: tabular-nums;\n  cursor: pointer;\n  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);\n}\n.tcw-sel-btn svg { flex: none; }\n.tcw-sel-btn:hover, .tcw-sel-btn[aria-expanded=\"true\"] { background: var(--tcw-hover-bg); color: var(--tcw-text); }\n.tcw-sel-btn:focus-visible, .tcw-sel-swatch:focus-visible, .tcw-sel-option:focus-visible { outline: none; box-shadow: inset 0 0 0 1px var(--tcw-accent); }\n.tcw-sel-btn.tcw-sel-on { color: var(--tcw-accent); background: var(--tcw-accent-soft); }\n.tcw-sel-danger:hover { color: var(--tcw-red); background: var(--tcw-red-soft); }\n.tcw-sel-color {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tcw-text) 25%, transparent);\n}\n.tcw-sel-width {\n  display: inline-block;\n  width: 16px;\n  height: var(--w, 1px);\n  max-height: 6px;\n  border-radius: 1px;\n  background: currentColor;\n}\n.tcw-sel-sep { flex: none; width: 1px; height: 18px; margin: 0 3px; background: var(--tcw-divider); }\n.tcw-sel-pop {\n  position: absolute;\n  z-index: 66;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 120px;\n  padding: 4px;\n  background: var(--tcw-bg-elevated);\n  border: var(--tcw-border-w) solid var(--tcw-divider);\n  border-radius: var(--tcw-menu-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  font-family: var(--tcw-font);\n}\n.tcw-sel-pop--color {\n  display: grid;\n  grid-template-columns: repeat(4, 24px);\n  gap: 6px;\n  min-width: 0;\n  padding: 8px;\n}\n.tcw-sel-swatch {\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tcw-text) 20%, transparent);\n  cursor: pointer;\n  transition: transform var(--tcw-dur-fast) var(--tcw-ease);\n}\n.tcw-sel-swatch:hover { transform: scale(1.1); }\n.tcw-sel-swatch.tcw-sel-on { box-shadow: 0 0 0 2px var(--tcw-bg-elevated), 0 0 0 4px var(--tcw-accent); }\n.tcw-sel-option {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-height: var(--tcw-menu-item-h);\n  padding: 4px 10px;\n  border: 0;\n  border-radius: var(--tcw-radius-sm);\n  background: transparent;\n  color: var(--tcw-text);\n  font: inherit;\n  font-size: var(--tcw-font-size-sm);\n  text-align: start;\n  cursor: pointer;\n}\n.tcw-sel-option:hover { background: var(--tcw-bg-surface); }\n.tcw-sel-option.tcw-sel-on { color: var(--tcw-accent); }\n@media (prefers-reduced-motion: reduce) {\n  .tcw-sel-toolbar { animation: none; }\n  .tcw-sel-swatch { transition: none; }\n}\n\n/* --- Account panel (positions, orders, history) --- */\n.tcw-account-dock {\n  flex: none;\n}\n.tcw-account {\n  display: flex;\n  flex-direction: column;\n  height: 220px;\n  border-top: 1px solid var(--tcw-border);\n  background: var(--tcw-bg-surface);\n}\n.tcw-account-head {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 8px;\n  border-bottom: 1px solid var(--tcw-divider);\n}\n.tcw-account-tabs {\n  display: flex;\n  gap: 2px;\n  flex: 1;\n  min-width: 0;\n  overflow-x: auto;\n}\n.tcw-account-tab {\n  padding: 6px 10px;\n  border: 0;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  font: inherit;\n  font-size: var(--tcw-font-size-sm);\n  white-space: nowrap;\n  cursor: pointer;\n}\n.tcw-account-tab:hover { color: var(--tcw-text); background: var(--tcw-hover-bg); }\n.tcw-account-tab[aria-selected=\"true\"] { color: var(--tcw-text); background: var(--tcw-active-bg); }\n.tcw-account-tab:focus-visible, .tcw-account-new:focus-visible { outline: none; box-shadow: inset 0 0 0 1px var(--tcw-accent); }\n.tcw-account-new {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 10px;\n  border: 1px solid var(--tcw-accent-line);\n  border-radius: var(--tcw-control-radius);\n  background: var(--tcw-accent-soft);\n  color: var(--tcw-accent);\n  font: inherit;\n  font-size: var(--tcw-font-size-sm);\n  cursor: pointer;\n}\n.tcw-account-new:hover { background: var(--tcw-accent-glow); }\n.tcw-account-body {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n}\n.tcw-account-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: var(--tcw-font-size-sm);\n  font-variant-numeric: tabular-nums;\n}\n.tcw-account-table th {\n  position: sticky;\n  top: 0;\n  padding: 6px 10px;\n  background: var(--tcw-bg-surface);\n  color: var(--tcw-text-muted);\n  font-weight: var(--tcw-weight);\n  text-align: start;\n  border-bottom: 1px solid var(--tcw-divider);\n}\n.tcw-account-table td {\n  padding: 5px 10px;\n  color: var(--tcw-text);\n  border-bottom: 1px solid var(--tcw-divider);\n  white-space: nowrap;\n}\n.tcw-account-table tr:hover td { background: var(--tcw-hover-bg); }\n.tcw-account-side { font-weight: var(--tcw-weight-strong); }\n.tcw-account-buy, .tcw-account-up { color: var(--tcw-green); }\n.tcw-account-sell, .tcw-account-down { color: var(--tcw-red); }\n.tcw-account-actions { display: flex; gap: 2px; }\n.tcw-account-empty, .tcw-account-summary {\n  margin: 0;\n  padding: 14px 12px;\n  color: var(--tcw-text-muted);\n  font-size: var(--tcw-font-size-sm);\n}\n.tcw-account-summary { padding: 8px 12px; color: var(--tcw-text-dim); }\n@media (max-width: 640px) {\n  .tcw-account { height: 45vh; }\n}\n\n/* --- Order ticket --- */\n.tcw-ticket-side {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 6px;\n  margin-bottom: 12px;\n}\n.tcw-ticket-side-btn {\n  padding: 8px;\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  font: inherit;\n  font-weight: var(--tcw-weight-strong);\n  cursor: pointer;\n}\n.tcw-ticket-buy[aria-pressed=\"true\"] { background: var(--tcw-green-soft); border-color: var(--tcw-green); color: var(--tcw-green); }\n.tcw-ticket-sell[aria-pressed=\"true\"] { background: var(--tcw-red-soft); border-color: var(--tcw-red); color: var(--tcw-red); }\n.tcw-ticket-side-btn:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--tcw-accent-soft); }\n.tcw-ticket-optional { display: flex; align-items: center; gap: 8px; }\n.tcw-ticket-optional > span { flex: 1; }\n.tcw-ticket-optional .tcw-indi-input { width: 110px; }\n.tcw-ticket-problems {\n  min-height: 18px;\n  padding: 0 22px 8px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-dim);\n}\n.tcw-ticket-problems p { margin: 2px 0; }\n.tcw-ticket-problems.tcw-ticket-bad { color: var(--tcw-red); }\n.tcw-done-btn.tcw-ticket-sell { background: var(--tcw-red); color: #fff; }\n.tcw-done-btn:disabled { opacity: 0.45; cursor: not-allowed; }\n\n/* --- Named layouts --- */\n.tcw-layouts-btn { max-width: 190px; }\n.tcw-layouts-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0;\n}\n.tcw-layouts-dirty {\n  width: 6px;\n  height: 6px;\n  flex: none;\n  border-radius: 50%;\n  background: var(--tcw-accent);\n}\n.tcw-name-field { display: flex; flex-direction: column; gap: 6px; font-size: var(--tcw-font-size-sm); color: var(--tcw-text-dim); }\n.tcw-name-field .tcw-indi-input { width: 100%; height: 34px; font-size: var(--tcw-font-size); }\n.tcw-layouts-body { display: flex; flex-direction: column; gap: 10px; }\n.tcw-layouts-search { width: 100%; height: 32px; }\n.tcw-layouts-list {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  max-height: 50vh;\n  overflow-y: auto;\n}\n.tcw-layouts-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  border-radius: var(--tcw-radius);\n}\n.tcw-layouts-row:hover { background: var(--tcw-hover-bg); }\n.tcw-layouts-open {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  padding: 7px 8px;\n  border: none;\n  background: transparent;\n  color: var(--tcw-text);\n  font: inherit;\n  text-align: start;\n  cursor: pointer;\n  border-radius: var(--tcw-radius);\n}\n.tcw-layouts-open:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--tcw-accent-soft); }\n.tcw-layouts-name {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  max-width: 100%;\n  font-size: var(--tcw-font-size);\n  font-weight: var(--tcw-weight-strong);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.tcw-layouts-open[aria-current=\"true\"] .tcw-layouts-name { color: var(--tcw-accent); }\n.tcw-layouts-meta {\n  max-width: 100%;\n  font-size: var(--tcw-font-size-xs);\n  color: var(--tcw-text-muted);\n  font-variant-numeric: tabular-nums;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.tcw-layouts-confirm {\n  padding: 4px 10px;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: var(--tcw-red);\n  color: #fff;\n  font: inherit;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  cursor: pointer;\n}\n.tcw-layouts-confirm:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--tcw-red-soft); }\n\n/* --- Chart grid --- */\n.tcw-grid { background: var(--tcw-bg); }\n.tcw-grid-bar {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  min-height: calc(var(--tcw-control-h) + 8px);\n  padding: 0 8px;\n  border-bottom: 1px solid var(--tcw-border);\n  background: var(--tcw-bg-surface);\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n.tcw-grid-bar::-webkit-scrollbar { display: none; }\n.tcw-grid-group { display: flex; align-items: center; gap: 2px; flex: none; }\n.tcw-grid-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  margin-right: 4px;\n  font-size: var(--tcw-font-size-xs);\n  font-weight: var(--tcw-weight-strong);\n  letter-spacing: var(--tcw-label-tracking);\n  text-transform: var(--tcw-label-case);\n  color: var(--tcw-text-muted);\n}\n.tcw-grid-sync[aria-pressed=\"true\"] { color: var(--tcw-accent); }\n.tcw-grid-cells {\n  flex: 1;\n  min-height: 0;\n  display: grid;\n  gap: 1px;\n  background: var(--tcw-border);\n}\n.tcw-grid-cell {\n  position: relative;\n  min-width: 0;\n  min-height: 0;\n  background: var(--tcw-bg);\n}\n.tcw-grid-cell-active::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border: 1px solid var(--tcw-accent);\n  pointer-events: none;\n  z-index: 5;\n}\n\n/* --- Host toolbar buttons --- */\n.tcw-toolbar-host { display: inline-flex; align-items: center; gap: 2px; }\n.tcw-toolbar-host:empty { display: none; }\n.tcw-host-btn { display: inline-flex; align-items: center; gap: 4px; }\n\n/* --- Host sidebar buttons, status bar items, and the layer over the chart --- */\n.tcw-sidebar-host { display: flex; flex-direction: column; align-items: center; }\n.tcw-sidebar-host:empty { display: none; }\n.tcw-status-host { display: flex; align-items: center; gap: 10px; min-width: 0; }\n.tcw-status-host:empty { display: none; }\n.tcw-status-host-item { white-space: nowrap; }\n.tcw-status-host-btn {\n  margin: -4px -6px;\n  padding: 4px 6px;\n  font: inherit;\n  color: inherit;\n  background: transparent;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  cursor: pointer;\n  transition: color var(--tcw-dur-fast) var(--tcw-ease), background var(--tcw-dur-fast) var(--tcw-ease);\n}\n.tcw-status-host-btn:hover { color: var(--tcw-text); background: var(--tcw-hover-bg); }\n.tcw-status-host-btn:focus-visible { outline: 2px solid var(--tcw-accent); outline-offset: -2px; }\n/* Over the plot and under the widget's own overlays; the pointer reaches the chart unless an element of yours takes it. */\n.tcw-host-layer { position: absolute; inset: 0; z-index: 2; pointer-events: none; }\n\n/* --- Pane buttons (move, fold, maximise) --- */\n.tcw-pane-controls {\n  position: absolute;\n  z-index: 4;\n  display: flex;\n  gap: 1px;\n  transform: translateX(-100%);\n  padding: 1px;\n  border-radius: var(--tcw-radius-sm);\n  background: color-mix(in srgb, var(--tcw-bg) 80%, transparent);\n  opacity: 0.55;\n  transition: opacity var(--tcw-dur-fast) var(--tcw-ease);\n}\n.tcw-pane-controls:hover,\n.tcw-pane-controls:focus-within { opacity: 1; }\n.tcw-pane-btn {\n  display: inline-grid;\n  place-items: center;\n  width: 18px;\n  height: 16px;\n  padding: 0;\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n}\n.tcw-pane-btn:hover { color: var(--tcw-text); background: var(--tcw-hover-bg); }\n.tcw-pane-btn:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--tcw-accent-soft); }\n\n/* --- Typed interval --- */\n.tcw-interval-input {\n  position: absolute;\n  z-index: 20;\n  left: 50%;\n  top: 40%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 10px 12px;\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-radius-lg, 10px);\n  background: var(--tcw-bg-elevated);\n  box-shadow: var(--tcw-menu-shadow);\n}\n.tcw-interval-field {\n  width: 150px;\n  height: 36px;\n  padding: 0 10px;\n  font: inherit;\n  font-size: calc(var(--tcw-font-size) + 5px);\n  font-weight: var(--tcw-weight-strong);\n  font-variant-numeric: tabular-nums;\n  color: var(--tcw-text);\n  background: var(--tcw-bg-surface);\n  border: 1px solid var(--tcw-accent);\n  border-radius: var(--tcw-input-radius);\n  outline: none;\n}\n.tcw-interval-field[aria-invalid] { border-color: var(--tcw-red); }\n.tcw-interval-hint { font-size: var(--tcw-font-size-xs); color: var(--tcw-text-muted); max-width: 170px; }\n\n/* --- Alerts: lines, moves, bar close, expiry --- */\n.tcw-alerts-source { grid-column: auto; }\n.tcw-alerts-row-fields {\n  grid-column: 1 / -1;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 8px;\n}\n.tcw-alerts-row-fields[hidden] { display: none; }\n.tcw-alerts-row-fields > input[hidden] { display: none; }\n.tcw-alerts-row-fields:has(> input[hidden]) { grid-template-columns: 1fr; }\n.tcw-alerts-options { align-items: center; }\n.tcw-alerts-form .tcw-alerts-check {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-dim);\n}\n.tcw-alerts-form .tcw-alerts-check input { width: auto; height: auto; }\n.tcw-alerts-form input[aria-invalid=\"true\"] { border-color: var(--tcw-red); }\n.tcw-alerts-row-meta { margin-top: 2px; font-size: var(--tcw-font-size-xs); color: var(--tcw-text-muted); }\n.tcw-alerts-expired { opacity: 0.6; }\n\n/* --- Signal marker note --- */\n.tcw-marker-tip {\n  position: absolute;\n  z-index: 12;\n  pointer-events: none;\n  padding: 6px 8px;\n  border: 1px solid var(--tcw-border);\n  border-radius: var(--tcw-tooltip-radius);\n  background: var(--tcw-tooltip-bg);\n  color: var(--tcw-tooltip-fg);\n  font-size: var(--tcw-font-size-xs);\n  line-height: 1.45;\n  font-variant-numeric: tabular-nums;\n  box-shadow: var(--tcw-menu-shadow);\n  max-width: 240px;\n}\n.tcw-marker-tip strong { display: block; font-size: var(--tcw-font-size-sm); }\n\n/* === Navigation over the chart ===\n * Centred on the plot's bottom edge, shown while a mouse is over the chart. */\n.tcw-nav {\n  position: absolute;\n  z-index: 15;\n  display: flex;\n  gap: 2px;\n  padding: 3px;\n  border: var(--tcw-border-w) solid var(--tcw-border);\n  border-radius: calc(var(--tcw-control-radius) + 3px);\n  background: var(--tcw-bg-elevated);\n  box-shadow: var(--tcw-menu-shadow);\n  opacity: 0;\n  pointer-events: none;\n  transform: translate(-50%, calc(-100% - 12px));\n  transition: opacity var(--tcw-dur-fast) var(--tcw-ease);\n}\n.tcw-nav.tcw-nav-shown {\n  opacity: 1;\n  pointer-events: auto;\n}\n.tcw-nav-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h);\n  height: var(--tcw-control-h);\n  border: 0;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-dim);\n  cursor: pointer;\n  touch-action: none;\n}\n.tcw-nav-btn:hover {\n  background: var(--tcw-hover-bg);\n  color: var(--tcw-text);\n}\n.tcw-nav-btn:active {\n  background: var(--tcw-active-bg);\n}\n.tcw-nav-btn:focus-visible {\n  outline: none;\n  box-shadow: var(--tcw-ring);\n}\n.tcw-nav-btn svg {\n  width: var(--tcw-icon);\n  height: var(--tcw-icon);\n}\n@media (hover: none) {\n  .tcw-nav { display: none; }\n}\n\n/* === Symbol info ===\n * Top left, beside the drawing tools: the panels on the right stay clear. */\n.tcw-syminfo {\n  position: absolute;\n  top: var(--tcw-panel-top);\n  inset-inline-start: var(--tcw-panel-left);\n  z-index: 38;\n  width: 288px;\n  max-height: calc(100% - var(--tcw-panel-top) - 12px);\n  display: flex;\n  flex-direction: column;\n  background: var(--tcw-bg-elevated);\n  border: var(--tcw-border-w) solid var(--tcw-border-strong);\n  border-radius: var(--tcw-panel-radius);\n  box-shadow: var(--tcw-menu-shadow);\n  overflow: hidden;\n  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;\n}\n.tcw-syminfo-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 9px 12px;\n  font-size: var(--tcw-font-size-sm);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n  border-bottom: 1px solid var(--tcw-border);\n}\n.tcw-syminfo-close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--tcw-control-h-sm);\n  height: var(--tcw-control-h-sm);\n  border: none;\n  border-radius: var(--tcw-control-radius);\n  background: transparent;\n  color: var(--tcw-text-muted);\n  cursor: pointer;\n}\n.tcw-syminfo-close:hover { background: var(--tcw-bg-surface); color: var(--tcw-text); }\n.tcw-syminfo-body,\n.tcw-syminfo-news {\n  padding: 12px 14px;\n  overflow-y: auto;\n}\n.tcw-syminfo-body {\n  display: grid;\n  gap: 10px;\n}\n.tcw-syminfo-symbol {\n  font-size: var(--tcw-font-size-lg);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n}\n.tcw-syminfo-desc {\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-dim);\n}\n.tcw-syminfo-meta {\n  margin-top: 2px;\n  font-size: var(--tcw-font-size-xs);\n  color: var(--tcw-text-muted);\n}\n.tcw-syminfo-quote {\n  display: flex;\n  align-items: baseline;\n  gap: 10px;\n  font-family: var(--tcw-font-mono);\n  font-variant-numeric: tabular-nums;\n}\n.tcw-syminfo-price {\n  font-size: calc(var(--tcw-font-size) + 7px);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text);\n}\n.tcw-syminfo-change { font-size: var(--tcw-font-size-sm); }\n.tcw-syminfo-change.tcw-up { color: var(--tcw-green); }\n.tcw-syminfo-change.tcw-down { color: var(--tcw-red); }\n.tcw-syminfo-status {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  font-size: var(--tcw-font-size-sm);\n  color: var(--tcw-text-dim);\n}\n.tcw-syminfo-status::before,\n.tcw-status-market::before {\n  content: '';\n  flex: none;\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--tcw-text-muted);\n}\n.tcw-syminfo-status[data-state='open']::before,\n.tcw-syminfo-status[data-state='always']::before,\n.tcw-status-market[data-state='open']::before {\n  background: var(--tcw-green);\n}\n.tcw-syminfo-stats {\n  display: grid;\n  gap: 4px;\n  margin: 0;\n  padding-top: 10px;\n  border-top: 1px solid var(--tcw-divider);\n}\n.tcw-syminfo-stat {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  font-size: var(--tcw-font-size-sm);\n}\n.tcw-syminfo-stat dt { color: var(--tcw-text-muted); }\n.tcw-syminfo-stat dd {\n  margin: 0;\n  color: var(--tcw-text);\n  text-align: end;\n  font-variant-numeric: tabular-nums;\n  overflow-wrap: anywhere;\n}\n.tcw-syminfo-news {\n  border-top: 1px solid var(--tcw-divider);\n}\n.tcw-syminfo-news-title {\n  margin-bottom: 8px;\n  font-size: var(--tcw-font-size-xs);\n  font-weight: var(--tcw-weight-strong);\n  color: var(--tcw-text-muted);\n  text-transform: var(--tcw-label-case);\n  letter-spacing: var(--tcw-label-tracking);\n}\n.tcw-syminfo-news-list {\n  display: grid;\n  gap: 10px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n.tcw-syminfo-news-item {\n  font-size: var(--tcw-font-size-sm);\n  line-height: 1.4;\n  color: var(--tcw-text);\n}\n.tcw-syminfo-news-item a {\n  color: var(--tcw-text);\n  text-decoration: none;\n}\n.tcw-syminfo-news-item a:hover { color: var(--tcw-accent); text-decoration: underline; }\n.tcw-syminfo-news-item a:focus-visible { outline: none; box-shadow: var(--tcw-ring); border-radius: var(--tcw-radius-xs); }\n.tcw-syminfo-news-meta,\n.tcw-syminfo-news-note {\n  margin-top: 2px;\n  font-size: var(--tcw-font-size-xs);\n  color: var(--tcw-text-muted);\n}\n\n/* Numbers keep their sign on the left, and mixed text its own order, in a right-to-left widget too. */\n.tcw-watchlist-price,\n.tcw-watchlist-change,\n.tcw-syminfo-price,\n.tcw-syminfo-change {\n  unicode-bidi: isolate;\n  direction: ltr;\n}\n.tcw-syminfo-desc,\n.tcw-syminfo-meta,\n.tcw-syminfo-status,\n.tcw-syminfo-stat dd,\n.tcw-syminfo-news-meta {\n  unicode-bidi: plaintext;\n}\n\n/* The market's status in the status bar. */\n.tcw-status-market {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  color: var(--tcw-text-muted);\n}\n\n@media (max-width: 640px) {\n  .tcw-syminfo {\n    top: auto;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    width: 100vw;\n    max-height: 70%;\n    border-radius: var(--tcw-dialog-radius) var(--tcw-dialog-radius) 0 0;\n  }\n}\n\n/* === The look: how chosen controls show, floating bars, segmented intervals ===\n * Each switch sets variables on its own root, which its parts read: a grid's\n * look never reaches into a chart that has one of its own. */\n\n/* A chosen button (`ui.active`): a tinted fill (default), a solid pill, or an underline.\n * Dialog tabs are chips, or underlined in the underline look. Panels sit below the\n * toolbar and beside the drawing tools. */\n.tcw-root {\n  --tcw-on-bg: var(--tcw-accent-soft);\n  --tcw-on-fg: var(--tcw-accent);\n  --tcw-on-ring: none;\n  --tcw-on-icon-bg: var(--tcw-accent-soft);\n  --tcw-on-icon-fg: var(--tcw-accent);\n  --tcw-on-icon-ring: none;\n  --tcw-tabs-pad-block: 8px;\n  --tcw-tab-h: var(--tcw-control-h);\n  --tcw-tab-pad: 0 12px;\n  --tcw-tab-line: 0px;\n  --tcw-tab-radius: var(--tcw-control-radius);\n  --tcw-tab-hover: var(--tcw-hover-bg);\n  --tcw-tab-on-bg: var(--tcw-on-bg);\n  --tcw-tab-on-fg: var(--tcw-on-fg);\n  --tcw-panel-top: calc(var(--tcw-toolbar-h) + 6px);\n  --tcw-panel-left: calc(var(--tcw-sidebar-w) + 12px);\n}\n.tcw-root[data-tcw-active='solid'] {\n  --tcw-on-bg: var(--tcw-text);\n  --tcw-on-fg: var(--tcw-bg);\n  --tcw-on-icon-bg: var(--tcw-text);\n  --tcw-on-icon-fg: var(--tcw-bg);\n}\n.tcw-root[data-tcw-active='underline'] {\n  --tcw-on-bg: var(--tcw-active-bg);\n  --tcw-on-fg: var(--tcw-text);\n  --tcw-on-ring: inset 0 -2px 0 var(--tcw-accent);\n  --tcw-on-icon-bg: var(--tcw-active-bg);\n  --tcw-on-icon-fg: var(--tcw-accent);\n  --tcw-on-icon-ring: inset 2px 0 0 var(--tcw-accent);\n  --tcw-tabs-pad-block: 0px;\n  --tcw-tab-h: auto;\n  --tcw-tab-pad: 11px 14px;\n  --tcw-tab-line: 2px;\n  --tcw-tab-radius: 0px;\n  --tcw-tab-hover: transparent;\n  --tcw-tab-on-bg: transparent;\n  --tcw-tab-on-fg: var(--tcw-accent);\n}\n.tcw-root[data-tcw-toolbar='floating'] {\n  --tcw-panel-top: calc(var(--tcw-toolbar-h) + 2 * var(--tcw-border-w) + 14px);\n}\n.tcw-root[data-tcw-sidebar='floating'] {\n  --tcw-panel-left: calc(var(--tcw-sidebar-w) + 2 * var(--tcw-border-w) + 22px);\n}\n\n/* The toolbar as an island (`ui.toolbar: 'floating'`). */\n.tcw-root[data-tcw-toolbar='floating'] > .tcw-toolbar {\n  margin: 8px 10px 0;\n  padding-inline: calc(min(var(--tcw-toolbar-radius), var(--tcw-toolbar-h) / 2) / 2 + 8px);\n  border: var(--tcw-border-w) solid var(--tcw-border);\n  border-radius: var(--tcw-toolbar-radius);\n  background: var(--tcw-bg-elevated);\n  box-shadow: var(--tcw-menu-shadow);\n}\n\n/* The drawing tools as an island (`ui.sidebar: 'floating'`). */\n.tcw-root[data-tcw-sidebar='floating'] > .tcw-body > .tcw-sidebar {\n  align-self: flex-start;\n  max-height: calc(100% - 20px);\n  margin: 10px 6px 10px 10px;\n  padding-block: calc(min(var(--tcw-sidebar-radius), var(--tcw-sidebar-w) / 2) / 2 + 6px);\n  border: var(--tcw-border-w) solid var(--tcw-border);\n  border-radius: var(--tcw-sidebar-radius);\n  background: var(--tcw-bg-elevated);\n  box-shadow: var(--tcw-menu-shadow);\n}\n\n/* Frosted menus (`ui.blur` above 0): the chart shows through, blurred. */\n@supports (background: color-mix(in srgb, red 50%, transparent)) {\n  .tcw-dropdown,\n  .tcw-flyout,\n  .tcw-context-menu {\n    background: color-mix(in srgb, var(--tcw-bg-elevated) var(--tcw-surface-opacity), transparent);\n  }\n}\n\n/* The interval buttons in one track (`ui.intervals: 'segmented'`). */\n.tcw-root[data-tcw-intervals='segmented'] > .tcw-toolbar > .tcw-tf-group {\n  gap: 2px;\n  margin: 0 4px;\n  padding: 3px;\n  border-radius: calc(var(--tcw-control-radius) + 3px);\n  background: var(--tcw-hover-bg);\n}\n.tcw-root[data-tcw-intervals='segmented'] > .tcw-toolbar > .tcw-tf-group .tcw-btn {\n  height: calc(var(--tcw-control-h) - 6px);\n  padding: 0 9px;\n}\n\n/* Phones: the variants keep comfortable tap targets and room for the bar. */\n@media (max-width: 768px) {\n  .tcw-root[data-tcw-intervals='segmented'] > .tcw-toolbar > .tcw-tf-group .tcw-btn {\n    height: max(34px, calc(var(--tcw-control-h) - 6px));\n    padding: 0 10px;\n  }\n  .tcw-root[data-tcw-toolbar='floating'] > .tcw-toolbar {\n    margin: 6px 6px 0;\n    padding-inline: 4px;\n  }\n  .tcw-root[data-tcw-sidebar='floating'] > .tcw-body > .tcw-sidebar {\n    margin: 6px 4px 6px 6px;\n  }\n}\n", O = /* @__PURE__ */ "toolbar,sidebar,statusBar,alerts,objectTree,symbolInfo,symbolSearch,settings,indicatorSettings,drawingSettings,dataWindow,commandPalette,hotkeySheet,goToDate,replay,screenshot,copyImage,shareView,autoFib,themeToggle,fullscreen,accountPanel,orderTicket,bracketOrders,depthLadder,layouts,indicatorTemplates,compare,indicatorLegend,navigation,customTimeframes,intervalTyping,dragDropImport,hotkeys,toasts,toolbar.symbol,toolbar.symbolInfo,toolbar.timeframes,toolbar.timeframeMenu,toolbar.chartType,toolbar.indicators,toolbar.layouts,toolbar.replay,toolbar.bracketOrders,toolbar.depthLadder,toolbar.accountPanel,toolbar.objectTree,toolbar.alerts,toolbar.screenshot,toolbar.settings,toolbar.themeToggle,toolbar.fullscreen,sidebar.cursor,sidebar.favorites,sidebar.lines,sidebar.fibonacci,sidebar.patterns,sidebar.forecasting,sidebar.annotation,sidebar.style,sidebar.magnet,sidebar.eraser,sidebar.zoomArea,sidebar.stayInDrawing,sidebar.undo,sidebar.redo,sidebar.clear,statusBar.range,statusBar.goToDate,statusBar.market,statusBar.connection,statusBar.symbol,statusBar.rangeTimeframe,indicatorLegend.values,indicatorLegend.visibility,indicatorLegend.settings,indicatorLegend.remove,indicatorLegend.more,pane.move,pane.collapse,pane.maximize,navigation.zoom,navigation.scroll,navigation.reset,menu.chart,menu.chart.alert,menu.chart.order,menu.chart.orderTicket,menu.chart.horizontalLine,menu.chart.resetView,menu.chart.drawings,menu.chart.exportData,menu.chart.settings,menu.chart.scale,menu.chart.goToDate,menu.chart.paneScale,menu.priceAxisAdd,menu.drawing,menu.drawing.settings,menu.drawing.alert,menu.drawing.order,menu.drawing.group,menu.drawing.lock,menu.drawing.hide,menu.drawing.duplicate,menu.drawing.delete,selectionToolbar,hotkeys.commandPalette,hotkeys.symbolSearch,hotkeys.save,hotkeys.tools,hotkeys.invertScale,hotkeys.goToDate,hotkeys.help".split(","), $e = new Set(O), et = {
 	toolbar: ["toolbar"],
 	drawingTools: [
 		"sidebar",
@@ -1469,7 +1469,11 @@ var Ke = [...new Set([...Object.keys(g).filter((e) => e.startsWith("series.")),
 	],
 	settings: ["settings"],
 	statusBar: ["statusBar", "goToDate"],
-	rangeBar: ["statusBar.range", "goToDate"],
+	rangeBar: [
+		"statusBar.range",
+		"statusBar.rangeTimeframe",
+		"goToDate"
+	],
 	indicatorLegend: ["indicatorLegend"],
 	fullscreen: ["fullscreen"],
 	alerts: ["alerts"],
@@ -1481,7 +1485,7 @@ var Ke = [...new Set([...Object.keys(g).filter((e) => e.startsWith("series.")),
 	navigation: ["navigation"],
 	dragDropImport: ["dragDropImport"],
 	customTimeframes: ["customTimeframes"]
-}, Xe = {
+}, tt = {
 	alert: ["alerts", "menu.chart.alert"],
 	buyLimit: ["menu.chart.order"],
 	buyStop: ["menu.chart.order"],
@@ -1503,7 +1507,7 @@ var Ke = [...new Set([...Object.keys(g).filter((e) => e.startsWith("series.")),
 	paneLog: ["menu.chart.paneScale"],
 	paneInvert: ["menu.chart.paneScale"],
 	panePercent: ["menu.chart.paneScale"]
-}, Ze = {
+}, nt = {
 	settings: ["drawingSettings", "menu.drawing.settings"],
 	alert: ["alerts", "menu.drawing.alert"],
 	front: ["menu.drawing.order"],
@@ -1517,7 +1521,7 @@ var Ke = [...new Set([...Object.keys(g).filter((e) => e.startsWith("series.")),
 	hide: ["menu.drawing.hide"],
 	duplicate: ["menu.drawing.duplicate"],
 	delete: ["menu.drawing.delete"]
-}, Qe = {
+}, rt = {
 	screenshot: "screenshot",
 	copyImage: "copyImage",
 	toggleTheme: "themeToggle",
@@ -1527,24 +1531,24 @@ var Ke = [...new Set([...Object.keys(g).filter((e) => e.startsWith("series.")),
 	dataWindow: "dataWindow",
 	symbolInfo: "symbolInfo"
 };
-function $e(e) {
+function it(e) {
 	if (typeof e != "object" || !e || Array.isArray(e)) return {};
 	let t = {}, n = [];
-	for (let [r, i] of Object.entries(e)) Je.has(r) && typeof i == "boolean" ? t[r] = i : n.push(r);
+	for (let [r, i] of Object.entries(e)) $e.has(r) && typeof i == "boolean" ? t[r] = i : n.push(r);
 	return n.length > 0 && console.warn(`[ChartWidget] Unknown or non-boolean feature switches left out: ${n.join(", ")}.`), t;
 }
-function et(e) {
+function at(e) {
 	let t = Object.fromEntries(O.map((e) => [e, !0]));
-	for (let [n, r] of Object.entries(Ye)) if (e[n] === !1) for (let e of r) t[e] = !1;
+	for (let [n, r] of Object.entries(et)) if (e[n] === !1) for (let e of r) t[e] = !1;
 	return {
 		...t,
-		...$e(e.features)
+		...it(e.features)
 	};
 }
-function tt(e) {
+function ot(e) {
 	return O.filter((t) => !e[t]).join(" ");
 }
-var k = "tcw-divider-off", nt = [
+var k = "tcw-divider-off", st = [
 	{
 		names: [
 			"navigation.zoom",
@@ -1571,23 +1575,23 @@ var k = "tcw-divider-off", nt = [
 		selector: ".tcw-ind-legend-actions"
 	}
 ];
-function rt() {
+function ct() {
 	return [
 		...O.map((e) => `.tcw-root[data-tcw-off~="${e}"] [data-tcw-part~="${e}"]{display:none!important}`),
-		...nt.map(({ names: e, selector: t }) => `.tcw-root${e.map((e) => `[data-tcw-off~="${e}"]`).join("")} ${t}{display:none!important}`),
+		...st.map(({ names: e, selector: t }) => `.tcw-root${e.map((e) => `[data-tcw-off~="${e}"]`).join("")} ${t}{display:none!important}`),
 		`.${k}{display:none!important}`
 	].join("\n");
 }
 function A(e, ...t) {
 	e.dataset.tcwPart = t.join(" ");
 }
-function it(...e) {
+function lt(...e) {
 	return `data-tcw-part="${e.join(" ")}"`;
 }
-function at(e) {
-	return Object.prototype.hasOwnProperty.call(Qe, e) ? Qe[e] : void 0;
+function ut(e) {
+	return Object.prototype.hasOwnProperty.call(rt, e) ? rt[e] : void 0;
 }
-function ot(e, t, n) {
+function dt(e, t, n) {
 	let r = [...e.children], i = (e) => e.classList.contains(t);
 	for (let e of r) i(e) && e.classList.remove(k);
 	let a = (e) => !e.hidden && getComputedStyle(e).display !== "none", o = (e) => a(e) && (e instanceof HTMLButtonElement || e.childElementCount > 0 || e.textContent !== ""), s = !1, c = null;
@@ -1598,7 +1602,7 @@ function ot(e, t, n) {
 	} else o(e) && (s = !0, c = null);
 	c?.classList.add(k);
 }
-function st(e, t, n) {
+function ft(e, t, n) {
 	let r = e.filter((e) => e === "separator" ? !0 : (t[e.id] ?? []).every((e) => n[e]));
 	return r.filter((e, t) => {
 		if (e !== "separator") return !0;
@@ -1608,568 +1612,30 @@ function st(e, t, n) {
 }
 //#endregion
 //#region src/widget/WidgetStyles.ts
-var ct = 0, lt = "tcw-styles";
-function ut() {
-	if (ct++, ct > 1 || document.getElementById(lt)) return;
+var pt = 0, mt = "tcw-styles";
+function ht() {
+	if (pt++, pt > 1 || document.getElementById(mt)) return;
 	let e = document.createElement("style");
-	e.id = lt, e.textContent = `${qe}
-${rt()}`, document.head.insertBefore(e, document.head.firstChild);
+	e.id = mt, e.textContent = `${Qe}
+${ct()}`, document.head.insertBefore(e, document.head.firstChild);
 }
-function dt() {
-	if (ct--, ct > 0) return;
-	let e = document.getElementById(lt);
+function gt() {
+	if (pt--, pt > 0) return;
+	let e = document.getElementById(mt);
 	e && e.remove();
 }
 //#endregion
-//#region src/widget/iconSet.ts
-var ft = {
-	cursor: { d: "M6 3.5L18.5 12.5L12.6 13.6L9.7 19.4z" },
-	trendingUp: { d: "M3 17L9 11L13 14.5L21 6.5M15 6.5H21V12.5" },
-	trendingDown: { d: "M3 7L9 13L13 9.5L21 17.5M15 17.5H21V11.5" },
-	minus: { d: "M5 12H19" },
-	plus: { d: "M12 5V19M5 12H19" },
-	penLine: { d: "M14.5 5.5L18.5 9.5M4 20L5 15.5L15.8 4.7a2 2 0 0 1 2.83 0l.67.67a2 2 0 0 1 0 2.83L8.5 19z" },
-	zigzag: { d: "M3 17L8 9L13 15L21 6" },
-	hash: { d: "M5 9H19M5 15H19M10 4L8.5 20M15.5 4L14 20" },
-	square: { d: "M6.5 4.5h11a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2v-11a2 2 0 0 1 2-2z" },
-	gitBranch: { d: "M6 3V15M18 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM6 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM18 9a9 9 0 0 1-9 9" },
-	ruler: { d: "M3.5 16.5L16.5 3.5L20.5 7.5L7.5 20.5zM6.5 13.5L8 15M9.5 10.5L11.5 12.5M12.5 7.5L14 9" },
-	type: { d: "M6 6V4.5H18V6M12 4.5V19.5M9.5 19.5H14.5" },
-	magnet: { d: "M6 4V11a6 6 0 0 0 12 0V4M6 4h3.5v7a2.5 2.5 0 0 0 5 0V4H18M6 8h3.5M14.5 8H18" },
-	magnetStrong: {
-		d: "M6 4V11a6 6 0 0 0 12 0V4M6 4h3.5v7a2.5 2.5 0 0 0 5 0V4H18",
-		fills: ["M6 4h3.5v4H6z", "M14.5 4H18v4h-3.5z"]
-	},
-	eraser: { d: "M8.5 19.5L3.9 14.9a1.5 1.5 0 0 1 0-2.1l8.5-8.5a1.5 1.5 0 0 1 2.1 0l5.2 5.2a1.5 1.5 0 0 1 0 2.1L12 19.5zM8 9l7 7M12 19.5H20" },
-	zoomIn: { d: "M16.5 10.5a6 6 0 1 1-12 0 6 6 0 0 1 12 0zM15 15L20.5 20.5M10.5 7.5V13.5M7.5 10.5H13.5" },
-	undo: { d: "M9 14L4 9L9 4M4 9H14.5a5.5 5.5 0 0 1 0 11H11" },
-	redo: { d: "M15 14L20 9L15 4M20 9H9.5a5.5 5.5 0 0 0 0 11H13" },
-	trash: { d: "M4 7H20M9.5 7V4.5h5V7M6.5 7l.8 12.2A1.5 1.5 0 0 0 8.8 20.6h6.4a1.5 1.5 0 0 0 1.5-1.4L17.5 7M10 11v6M14 11v6" },
-	camera: { d: "M4.5 7.5h3L9 5h6l1.5 2.5h3A1.5 1.5 0 0 1 21 9v9.5a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 18.5V9a1.5 1.5 0 0 1 1.5-1.5zM15.5 13.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0z" },
-	settings: { d: "M4 7H14M18 7H20M4 17H8M12 17H20M18 7a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM12 17a2 2 0 1 1-4 0 2 2 0 0 1 4 0z" },
-	moon: { d: "M20 14.5A8 8 0 1 1 9.5 4a6.5 6.5 0 0 0 10.5 10.5z" },
-	sun: { d: "M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM12 2.5v2M12 19.5v2M4.6 4.6l1.4 1.4M18 18l1.4 1.4M2.5 12h2M19.5 12h2M4.6 19.4L6 18M18 6l1.4-1.4" },
-	chevronDown: { d: "M6 9L12 15L18 9" },
-	chevronUp: { d: "M6 15L12 9L18 15" },
-	barChart: { d: "M5 20V13M12 20V5M19 20V10" },
-	x: { d: "M6 6L18 18M18 6L6 18" },
-	play: { d: "M7 4.5v15L19.5 12z" },
-	pause: { d: "M8 5V19M16 5V19" },
-	stop: { d: "M7.5 6h9A1.5 1.5 0 0 1 18 7.5v9a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 6 16.5v-9A1.5 1.5 0 0 1 7.5 6z" },
-	receipt: { d: "M6 3.5h12v17l-2-1.25-2 1.25-2-1.25-2 1.25-2-1.25-2 1.25zM9 8h6M9 12h6M9 16h3" },
-	bell: { d: "M6 16.5V11a6 6 0 0 1 12 0v5.5l1.5 2H4.5zM10 20.5a2.2 2.2 0 0 0 4 0" },
-	layers: { d: "M12 3.5L21 8.5L12 13.5L3 8.5zM3 12.5L12 17.5L21 12.5M3 16.5L12 21.5L21 16.5" },
-	eye: { d: "M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12zM15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" },
-	eyeOff: { d: "M4 4L20 20M9.9 5.8A9.6 9.6 0 0 1 12 5.5c6 0 9.5 6.5 9.5 6.5a16 16 0 0 1-2.3 3.1M6.6 7.1C3.9 8.9 2.5 12 2.5 12S6 18.5 12 18.5a9.3 9.3 0 0 0 4.7-1.3M10 10.1a3 3 0 0 0 4 4" },
-	lock: { d: "M7 10.5h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2zM8 10.5V7.5a4 4 0 0 1 8 0v3" },
-	unlock: { d: "M7 10.5h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2zM8 10.5V7.5a4 4 0 0 1 7.7-1.5" },
-	palette: {
-		d: "M12 3.5a8.5 8.5 0 0 0 0 17c1.1 0 1.6-.8 1.6-1.6 0-.5-.2-.9-.5-1.2a1.6 1.6 0 0 1 1.2-2.7h1.9a4.3 4.3 0 0 0 4.3-4.3C20.5 6.9 16.7 3.5 12 3.5z",
-		dots: [
-			[
-				7.5,
-				11.5,
-				1.25
-			],
-			[
-				9.5,
-				7.75,
-				1.25
-			],
-			[
-				14,
-				7.25,
-				1.25
-			]
-		]
-	},
-	check: { d: "M5 12.5L10 17.5L19 7" },
-	maximize: { d: "M8 4H5a1 1 0 0 0-1 1v3M16 4h3a1 1 0 0 1 1 1v3M20 16v3a1 1 0 0 1-1 1h-3M8 20H5a1 1 0 0 1-1-1v-3" },
-	minimize: { d: "M4 8h3a1 1 0 0 0 1-1V4M16 4v3a1 1 0 0 0 1 1h3M20 16h-3a1 1 0 0 0-1 1v3M8 20v-3a1 1 0 0 0-1-1H4" },
-	repeat: { d: "M17 3.5L20.5 7L17 10.5M3.5 11.5V10a3 3 0 0 1 3-3h14M7 20.5L3.5 17L7 13.5M20.5 12.5V14a3 3 0 0 1-3 3h-14" },
-	info: {
-		d: "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0zM12 11V16.5",
-		dots: [[
-			12,
-			7.75,
-			1.25
-		]]
-	},
-	chevronLeft: { d: "M15 5L8 12L15 19" },
-	chevronRight: { d: "M9 5L16 12L9 19" },
-	reset: { d: "M4.5 12a7.5 7.5 0 1 0 2.2-5.3M4.5 4v4.5H9" },
-	calendar: { d: "M5.5 5h13a2 2 0 0 1 2 2v11.5a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zM3.5 10H20.5M8 3V7M16 3V7" },
-	star: { d: "M12 3.5L14.6 9L20.5 9.6L16 13.6L17.3 19.5L12 16.5L6.7 19.5L8 13.6L3.5 9.6L9.4 9z" },
-	ladder: { d: "M4 6H11M13 6H17M6 10H11M13 10H20M8 14H11M13 14H15M5 18H11M13 18H19" },
-	save: { d: "M5.5 3.5h10.5l4.5 4.5v10.5a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2zM8 3.5v5h7v-5M7.5 20.5v-6h9v6" },
-	folder: { d: "M3.5 7a2 2 0 0 1 2-2h4l2 2.5h7a2 2 0 0 1 2 2V17a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2z" },
-	link: { d: "M10 14a4 4 0 0 0 5.66 0l3-3a4 4 0 0 0-5.66-5.66l-1.2 1.2M14 10a4 4 0 0 0-5.66 0l-3 3a4 4 0 0 0 5.66 5.66l1.2-1.2" },
-	arrowUp: { d: "M12 19V5M6 11L12 5L18 11" },
-	arrowDown: { d: "M12 5V19M6 13L12 19L18 13" },
-	more: { dots: [
-		[
-			6,
-			12,
-			1.6
-		],
-		[
-			12,
-			12,
-			1.6
-		],
-		[
-			18,
-			12,
-			1.6
-		]
-	] },
-	layoutGrid: { d: "M5 4.5h4.5a.5.5 0 0 1 .5.5v4.5a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V5a.5.5 0 0 1 .5-.5zM14.5 4.5H19a.5.5 0 0 1 .5.5v4.5a.5.5 0 0 1-.5.5h-4.5a.5.5 0 0 1-.5-.5V5a.5.5 0 0 1 .5-.5zM5 14h4.5a.5.5 0 0 1 .5.5V19a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5v-4.5A.5.5 0 0 1 5 14zM14.5 14H19a.5.5 0 0 1 .5.5V19a.5.5 0 0 1-.5.5h-4.5a.5.5 0 0 1-.5-.5v-4.5a.5.5 0 0 1 .5-.5z" }
-}, pt = {
-	trendLine: {
-		d: "M5 18L19 6",
-		dots: [[5, 18], [19, 6]]
-	},
-	ray: {
-		d: "M5 17L21 5M17.5 4.81L21 5L20.2 8.41",
-		dots: [[5, 17], [11, 12.5]]
-	},
-	extendedLine: {
-		d: "M3 18.5L21 5M17.5 4.81L21 5L20.2 8.41M6.5 18.69L3 18.5L3.8 15.09",
-		dots: [[9, 14], [15, 9.5]]
-	},
-	infoLine: {
-		d: "M5 20L19 10M4.5 3.5h9a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1zM6.5 6.5h5",
-		dots: [[5, 20], [19, 10]]
-	},
-	trendAngle: {
-		d: "M5 18L19 7M5 18H20M11 18A6 6 0 0 0 9.71 14.29",
-		dots: [[5, 18], [19, 7]]
-	},
-	horizontalLine: {
-		d: "M3 12H21",
-		dots: [[12, 12]]
-	},
-	horizontalRay: {
-		d: "M7 12H21M18.5 9.5L21 12L18.5 14.5",
-		dots: [[7, 12]]
-	},
-	verticalLine: {
-		d: "M12 3V21",
-		dots: [[12, 12]]
-	},
-	crossLine: {
-		d: "M3 12H21M12 3V21",
-		dots: [[12, 12]]
-	},
-	parallelChannel: {
-		d: "M3 15L15 5M9 19L21 9",
-		dots: [
-			[3, 15],
-			[15, 5],
-			[9, 19]
-		]
-	},
-	regressionChannel: {
-		d: "M3 12L21 4M3 20L21 12",
-		dash: "M3 16L21 8",
-		dots: [[3, 16], [21, 8]]
-	},
-	fibRetracement: {
-		d: "M3 4H21M3 9H21M3 13H21M3 20H21",
-		dots: [[5, 20], [19, 4]]
-	},
-	fibExtension: {
-		d: "M3 20L8 10L12 16M14 4H21M14 8H21M14 12H21",
-		dots: [
-			[3, 20],
-			[8, 10],
-			[12, 16]
-		]
-	},
-	fibChannel: {
-		d: "M3 9L21 3M3 13L21 7M3 16L21 10M3 21L21 15",
-		dots: [
-			[3, 21],
-			[21, 15],
-			[3, 9]
-		]
-	},
-	fibTimeZones: {
-		d: "M3 4V20M6 4V20M9.5 4V20M14 4V20M20.5 4V20",
-		dots: [[3, 20], [6, 20]]
-	},
-	fibSpeedResistanceFan: {
-		d: "M4 20L20 4M4 20L20 11M4 20L20 16M4 20L11 4",
-		dash: "M4 4H20V20",
-		dots: [[4, 20], [20, 4]]
-	},
-	rectangle: {
-		d: "M5.5 6h13A1.5 1.5 0 0 1 20 7.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 16.5v-9A1.5 1.5 0 0 1 5.5 6z",
-		dots: [[4, 6], [20, 18]]
-	},
-	circle: {
-		d: "M19.5 12a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0z",
-		dots: [[12, 12], [19.5, 12]]
-	},
-	ellipse: {
-		d: "M20.5 12c0 3-3.8 5.5-8.5 5.5S3.5 15 3.5 12 7.3 6.5 12 6.5s8.5 2.5 8.5 5.5z",
-		dots: [[3.5, 12], [20.5, 12]]
-	},
-	triangle: {
-		d: "M12 4.5L20 19H4z",
-		dots: [
-			[12, 4.5],
-			[20, 19],
-			[4, 19]
-		]
-	},
-	pitchfork: {
-		d: "M4 20L16.75 3M7 9L11.5 3M13 15L21 4.33M7 9L13 15",
-		dots: [
-			[4, 20],
-			[7, 9],
-			[13, 15]
-		]
-	},
-	schiffPitchfork: {
-		d: "M4 14.5L21 7.42M7 9L21 3.17M13 15L21 11.67M7 9L13 15",
-		dash: "M4 20V14.5",
-		dots: [
-			[4, 14.5],
-			[7, 9],
-			[13, 15]
-		]
-	},
-	modifiedSchiffPitchfork: {
-		d: "M5.5 14.5L21 5.89M7 9L17.8 3M13 15L21 10.56M7 9L13 15",
-		dash: "M4 20L5.5 14.5",
-		dots: [
-			[5.5, 14.5],
-			[7, 9],
-			[13, 15]
-		]
-	},
-	gannFan: {
-		d: "M4 20L20 4M4 20L20 12M4 20L12 4M4 20L20 16.5M4 20L7.5 4",
-		dots: [[4, 20], [20, 4]]
-	},
-	gannBox: {
-		d: "M4 4H20V20H4zM4 20L20 4M4 4L20 20M12 4V20",
-		dots: [[4, 20], [20, 4]]
-	},
-	cyclicLines: {
-		d: "M4 4V20M9 4V20M14 4V20M19 4V20",
-		dots: [[4, 20], [9, 20]]
-	},
-	xabcdPattern: {
-		d: "M3 18L7 6L11 13L15 8L21 19",
-		dash: "M3 18L11 13L21 19",
-		dots: [
-			[3, 18],
-			[7, 6],
-			[11, 13],
-			[15, 8],
-			[21, 19]
-		]
-	},
-	abcdPattern: {
-		d: "M4 19L9 8L13 14L20 4",
-		dots: [
-			[4, 19],
-			[9, 8],
-			[13, 14],
-			[20, 4]
-		]
-	},
-	headAndShoulders: {
-		d: "M3 19L6 11L8.5 15L12 5L15.5 15L18 11L21 19",
-		dash: "M4.5 15H19.5",
-		dots: [
-			[6, 11],
-			[12, 5],
-			[18, 11]
-		]
-	},
-	elliottWave: {
-		d: "M3 19L6 13L8.5 16L14 6L16 10L21 4",
-		dots: [[3, 19], [21, 4]]
-	},
-	priceRange: { d: "M5 4H19M5 20H19M12 6.5V17.5M9 9.5L12 6.5L15 9.5M9 14.5L12 17.5L15 14.5" },
-	dateRange: { d: "M4 5V19M20 5V19M6.5 12H17.5M9.5 9L6.5 12L9.5 15M14.5 9L17.5 12L14.5 15" },
-	dateAndPriceRange: {
-		d: "M6 18V4M3 7L6 4L9 7M6 18H20M17 15L20 18L17 21",
-		dash: "M6 4H20V18"
-	},
-	measure: { d: "M3.5 16.5L16.5 3.5L20.5 7.5L7.5 20.5zM6.5 13.5L8 15M9.5 10.5L11.5 12.5M12.5 7.5L14 9" },
-	text: { d: "M6 6V4.5H18V6M12 4.5V19.5M9.5 19.5H14.5" },
-	priceLabel: { d: "M9 5H19a1.5 1.5 0 0 1 1.5 1.5v11A1.5 1.5 0 0 1 19 19H9L3.5 12zM11 12H17" },
-	arrow: { d: "M5 19L19 5M10 5H19V14" },
-	riskReward: {
-		d: "M5 12V4H19V12M3 12H21",
-		dash: "M5 12V18H19V12",
-		dots: [[5, 12]]
-	},
-	anchoredVWAP: {
-		d: "M4 18C9 17 12 10 20 7M4 20.5V18",
-		dots: [[4, 18]]
-	},
-	volumeProfileRange: {
-		d: "M6 7H12M6 10.5H17M6 14H15M6 17.5H10",
-		dash: "M3.5 4V20M20.5 4V20",
-		dots: [[3.5, 20], [20.5, 20]]
-	},
-	note: { d: "M5.5 4.5h13v9l-5 5h-8zM13.5 18.5v-5h5M8.5 8.5h7M8.5 11.5h4" },
-	callout: {
-		d: "M10.5 4h9a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1zM12 12L5 19M12.5 8h5",
-		dots: [[5, 19]]
-	},
-	flag: {
-		d: "M6 21V4M6 4.5h11l-2.5 3.75L17 12H6",
-		soft: "M6 4.5h11l-2.5 3.75L17 12H6z",
-		dots: [[6, 21]]
-	},
-	arrowMark: { d: "M12 4L18 11H14.5V20H9.5V11H6z" },
-	icon: { d: "M12 3.5l2.6 5.3 5.9.85-4.25 4.15 1 5.85L12 16.9l-5.25 2.75 1-5.85L3.5 9.65l5.9-.85z" },
-	brush: { d: "M3.5 17c2.5 0 3-5 6-5s2.5 5 5.5 5 3.5-6 5.5-9" },
-	highlighter: { d: "M14.5 4.5l5 5L11 18H6v-5zM12 7l5 5M4 21h8" },
-	path: {
-		d: "M4 18L9 10L14 14L20 6M16.2 6.6L20 6L19.6 9.8",
-		dots: [
-			[4, 18],
-			[9, 10],
-			[14, 14]
-		]
-	},
-	polyline: {
-		d: "M5 17L8 6L16 4L20 14L12 20z",
-		soft: "M5 17L8 6L16 4L20 14L12 20z",
-		dots: [
-			[5, 17],
-			[8, 6],
-			[16, 4],
-			[20, 14],
-			[12, 20]
-		]
-	},
-	curve: {
-		d: "M4 18C8 4 16 4 20 18",
-		dots: [
-			[4, 18],
-			[20, 18],
-			[12, 7.5]
-		]
-	},
-	arc: {
-		d: "M4 17a8 8 0 0 1 16 0",
-		dots: [
-			[4, 17],
-			[20, 17],
-			[12, 9]
-		]
-	},
-	fibCircles: {
-		d: "M14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM16.5 12a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0zM20 12a8 8 0 1 1-16 0 8 8 0 0 1 16 0z",
-		dots: [[12, 12], [20, 12]]
-	},
-	fibSpiral: {
-		d: "M12 12a1.5 1.5 0 0 1 1.5 1.5 3 3 0 0 1-3 3A4.5 4.5 0 0 1 6 12a6 6 0 0 1 6-6 8 8 0 0 1 8 8",
-		dots: [[12, 12]]
-	},
-	fibArcs: {
-		d: "M10 20a6 6 0 0 0-6-6M14 20a10 10 0 0 0-10-10M18 20a14 14 0 0 0-14-14",
-		dash: "M4 20L18 6",
-		dots: [[4, 20], [18, 6]]
-	},
-	fibWedge: {
-		d: "M4 19L20 7M4 19L20 16M10.4 14.2A8 8 0 0 1 11.86 17.53M14.4 11.2A13 13 0 0 1 16.78 16.6",
-		dots: [
-			[4, 19],
-			[20, 7],
-			[20, 16]
-		]
-	},
-	pitchfan: {
-		d: "M4 20L14 4M4 20L20 14M4 20L17 9",
-		dash: "M14 4L20 14",
-		dots: [
-			[4, 20],
-			[14, 4],
-			[20, 14]
-		]
-	},
-	gannSquare: {
-		d: "M4 4H20V20H4zM4 20L20 4M4 12H20M12 4V20M4 12a8 8 0 0 1 8 8",
-		dots: [[4, 20], [20, 4]]
-	},
-	elliottImpulse: {
-		d: "M3 19L7 12L10 15L15 5L17.5 9L21 3",
-		dots: [[3, 19], [21, 3]]
-	},
-	elliottCorrection: {
-		d: "M4 5L10 17L14 11L20 20",
-		dots: [[4, 5], [20, 20]]
-	},
-	elliottTriangle: {
-		d: "M3 6L7 17L11 9L15 15L18 11L21 13",
-		dots: [[3, 6], [21, 13]]
-	},
-	elliottDoubleCombo: {
-		d: "M4 5L9 14L13 9L20 19",
-		dots: [
-			[4, 5],
-			[9, 14],
-			[13, 9],
-			[20, 19]
-		]
-	},
-	elliottTripleCombo: {
-		d: "M3 5L7 13L10 9L14 16L17 12L21 20",
-		dots: [[3, 5], [21, 20]]
-	},
-	threeDrives: {
-		d: "M3 20L7 12L9.5 15L14 7L16.5 10L21 3",
-		dash: "M7 12L14 7L21 3",
-		dots: [
-			[7, 12],
-			[14, 7],
-			[21, 3]
-		]
-	},
-	cypherPattern: {
-		d: "M3 19L7 9L10 14L15 5L20 16",
-		dash: "M3 19L10 14L20 16",
-		dots: [
-			[3, 19],
-			[7, 9],
-			[10, 14],
-			[15, 5],
-			[20, 16]
-		]
-	},
-	timeCycles: {
-		d: "M3 18a4.5 4.5 0 0 1 9 0a4.5 4.5 0 0 1 9 0",
-		dots: [[3, 18], [12, 18]]
-	},
-	sineLine: {
-		d: "M3 12C5 5 7.5 5 9 12S13 19 15 12 19.5 5 21 12",
-		dots: [[6, 6.75], [12, 17.25]]
-	},
-	forecast: {
-		d: "M4 18L15.2 7.8M19.5 6a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z",
-		dots: [[4, 18]]
-	},
-	projection: {
-		d: "M12 19L18 11M15.2 11.3L18 11L17.8 13.8",
-		dash: "M3 17L9 9",
-		dots: [
-			[3, 17],
-			[9, 9],
-			[12, 19]
-		]
-	},
-	barsPattern: {
-		d: "M5 6V14M9 9V18M15 4V12M19 7V16",
-		fills: [
-			"M4 8h2v4H4z",
-			"M8 11h2v5H8z",
-			"M14 6h2v4h-2z",
-			"M18 9h2v5h-2z"
-		],
-		dash: "M12 3V21"
-	}
-}, mt = {
-	candlestick: {
-		d: "M8 3.5V7M8 16V20.5M16 5V8.5M16 15.5V19",
-		fills: ["M6.5 7h3a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1z", "M14.5 8.5h3a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1z"]
-	},
-	hollowCandle: { d: "M8 3.5V7M8 16V20.5M16 5V8.5M16 15.5V19M6.5 7h3a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1zM14.5 8.5h3a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1z" },
-	heikinAshi: {
-		d: "M5.5 9.5V12M5.5 18V20M12 5.5V8M12 14V16M18.5 3V4.5M18.5 10.5V12.5",
-		fills: [
-			"M4 12h3a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5H4a.5.5 0 0 1-.5-.5v-5A.5.5 0 0 1 4 12z",
-			"M10.5 8h3a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-5a.5.5 0 0 1 .5-.5z",
-			"M17 4.5h3a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V5a.5.5 0 0 1 .5-.5z"
-		]
-	},
-	bar: { d: "M8 4V20M5 8H8M8 16H11M16 6V18M13 15H16M16 9H19" },
-	volumeCandles: {
-		d: "M6.5 5V8M6.5 16V19M15.5 3.5V6M15.5 16V20",
-		fills: ["M5.5 8h2a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .5-.5z", "M11.5 6h8a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5z"]
-	},
-	equivolume: { d: "M4.5 10h2a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1zM10 6h5a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zM18.5 4h1a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z" },
-	line: { d: "M3 17L8 11L12 14L21 5" },
-	area: {
-		d: "M3 17L8 11L12 14L21 5",
-		soft: "M3 17L8 11L12 14L21 5V20H3z"
-	},
-	baseline: {
-		d: "M3 16L7 9L11 14L15 7L21 15",
-		dash: "M3 12H21"
-	},
-	hlcArea: {
-		d: "M3 9L8 6L13 9L21 4M3 15L8 13L13 16L21 11",
-		dash: "M3 12L8 9.5L13 12.5L21 7.5",
-		soft: "M3 9L8 6L13 9L21 4V11L13 16L8 13L3 15z"
-	},
-	stepLine: { d: "M3 18H8V12H12V15H16V7H21" },
-	lineWithMarkers: {
-		d: "M4 17L9 10L14 14L20 6",
-		dots: [
-			[4, 17],
-			[9, 10],
-			[14, 14],
-			[20, 6]
-		]
-	},
-	hiLo: {
-		d: "M6 7V17M12 4V14M18 9V20",
-		fills: [
-			"M5 7h2v10H5z",
-			"M11 4h2v10h-2z",
-			"M17 9h2v11h-2z"
-		]
-	},
-	renko: { d: "M3.5 15.5h4v4h-4zM7.5 11.5h4v4h-4zM11.5 7.5h4v4h-4zM15.5 11.5h4v4h-4z" },
-	lineBreak: {
-		d: "M4 14h4v5H4zM8 10h4v4H8zM16 9h4v8h-4z",
-		fills: ["M12 5h4v5h-4z"]
-	},
-	kagi: { d: "M4 19V11H9V16H14V5H20V13" },
-	pointAndFigure: { d: "M5.5 5.5l3 3M8.5 5.5l-3 3M5.5 10.5l3 3M8.5 10.5l-3 3M5.5 15.5l3 3M8.5 15.5l-3 3M14.5 9a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0M14.5 14a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0" },
-	rangeBars: {
-		d: "M6.5 11V12M6.5 18V19M12 7V8M12 14V15M17.5 3.5V4.5M17.5 10.5V11.5",
-		fills: [
-			"M5 12h3v6H5z",
-			"M10.5 8h3v6h-3z",
-			"M16 4.5h3v6h-3z"
-		]
-	}
-}, ht = 1.75, gt = .22, _t = /* @__PURE__ */ new WeakMap();
-function vt(e) {
-	let t = _t.get(e);
-	if (t) return t;
-	let n = "";
-	e.soft && (n += `<path d="${e.soft}" fill="currentColor" fill-opacity="${gt}" stroke="none"/>`);
-	for (let t of e.fills ?? []) n += `<path d="${t}" fill="currentColor" stroke="none"/>`;
-	e.d && (n += `<path d="${e.d}"/>`), e.dash && (n += `<path d="${e.dash}" stroke-dasharray="2 2.5"/>`);
-	for (let [t, r, i = ht] of e.dots ?? []) n += `<circle cx="${t}" cy="${r}" r="${i}" fill="currentColor" stroke="none"/>`;
-	return _t.set(e, n), n;
-}
-function yt(e, t) {
-	return `<svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${t}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">${vt(e)}</svg>`;
-}
-//#endregion
 //#region src/widget/icons.ts
-var bt = (e, t) => Object.prototype.hasOwnProperty.call(e, t) ? e[t] : void 0;
+var _t = (e, t) => Object.prototype.hasOwnProperty.call(e, t) ? e[t] : void 0;
 function j(e, t = 14) {
-	let n = bt(ft, e);
-	return n ? yt(n, t) : "";
+	let n = _t(re, e);
+	return n ? ae(n, t) : "";
 }
 function M(e, t = 16) {
-	return yt(bt(pt, e) ?? ft.penLine, t);
+	return ae(_t(ee, e) ?? re.penLine, t);
 }
-function xt(e, t = 14) {
-	return yt(bt(mt, e) ?? ft.barChart, t);
+function vt(e, t = 14) {
+	return ae(_t(_, e) ?? re.barChart, t);
 }
 //#endregion
 //#region src/widget/escapeHtml.ts
@@ -2184,7 +1650,7 @@ function N(e) {
 }
 //#endregion
 //#region src/widget/WidgetDropdown.ts
-var St = class {
+var yt = class {
 	trigger;
 	panel;
 	_isOpen = !1;
@@ -2215,7 +1681,7 @@ var St = class {
 	destroy() {
 		this.trigger.removeEventListener("click", this.onTriggerClick), document.removeEventListener("mousedown", this.onOutsideClick), document.removeEventListener("keydown", this.onEscapeKey), this.panel.remove();
 	}
-}, Ct = [
+}, bt = [
 	"en-US",
 	"en-GB",
 	"en-IN",
@@ -2233,15 +1699,15 @@ var St = class {
 	"zh-TW",
 	"ja-JP",
 	"ko-KR"
-], wt = 65234;
-function Tt(e) {
-	return (e && !Ct.includes(e) ? [e, ...Ct] : Ct).map((e) => {
+], xt = 65234;
+function St(e) {
+	return (e && !bt.includes(e) ? [e, ...bt] : bt).map((e) => {
 		let t;
 		try {
 			t = new Intl.NumberFormat(e, {
 				minimumFractionDigits: 2,
 				maximumFractionDigits: 2
-			}).format(wt);
+			}).format(xt);
 		} catch {
 			t = "";
 		}
@@ -2251,7 +1717,7 @@ function Tt(e) {
 		};
 	});
 }
-var Et = {
+var Ct = {
 	Lines: "toolGroup.lines",
 	"Horizontal/Vertical": "toolGroup.horizontalVertical",
 	Channels: "toolGroup.channels",
@@ -2266,14 +1732,14 @@ var Et = {
 	Cycles: "toolGroup.cycles",
 	"Elliott Waves": "toolGroup.elliott"
 };
-function Dt(e, t) {
+function wt(e, t) {
 	let n = `chartType.${e.value}`, r = t(n);
 	return r === n ? e.label : r;
 }
-function Ot(e, t) {
+function Tt(e, t) {
 	return e.map((e) => ({
 		...e,
-		label: Et[e.label] ? t(Et[e.label]) : e.label,
+		label: Ct[e.label] ? t(Ct[e.label]) : e.label,
 		tools: e.tools.map((e) => {
 			let n = `tool.${e.value}`, r = t(n);
 			return {
@@ -2285,12 +1751,12 @@ function Ot(e, t) {
 }
 //#endregion
 //#region src/widget/WidgetToolbar.ts
-var kt = 0;
-function At(e, t) {
+var Et = 0;
+function Dt(e, t) {
 	let n = e.querySelector(".tcw-host-btn-text")?.textContent ?? "";
 	n === t ? e.removeAttribute("aria-label") : e.setAttribute("aria-label", n ? `${t}: ${n}` : t);
 }
-var jt = class {
+var Ot = class {
 	config;
 	callbacks;
 	t;
@@ -2300,7 +1766,7 @@ var jt = class {
 	tfGroup = null;
 	tfDropdown = null;
 	tfFavorites = [];
-	uid = (kt++).toString(36);
+	uid = (Et++).toString(36);
 	tfRendered = "";
 	themeBtn = null;
 	indicatorTemplates = [];
@@ -2320,17 +1786,17 @@ var jt = class {
 			let e = document.createElement("div");
 			e.style.position = "relative", e.style.display = "inline-flex", A(e, "toolbar.timeframeMenu");
 			let t = document.createElement("button");
-			t.className = "tcw-btn tcw-tf-more", t.dataset.role = "timeframes", t.title = this.t("toolbar.timeframes"), t.setAttribute("aria-label", this.t("toolbar.timeframes")), t.innerHTML = j("chevronDown", 12), e.appendChild(t), n.appendChild(e), this.tfDropdown = new St(e, { width: "150px" }), this.buildTimeframeMenu();
+			t.className = "tcw-btn tcw-tf-more", t.dataset.role = "timeframes", t.title = this.t("toolbar.timeframes"), t.setAttribute("aria-label", this.t("toolbar.timeframes")), t.innerHTML = j("chevronDown", 12), e.appendChild(t), n.appendChild(e), this.tfDropdown = new yt(e, { width: "150px" }), this.buildTimeframeMenu();
 		}
 		n.appendChild(this.sep());
 		let i = document.createElement("div");
 		i.style.position = "relative", i.style.display = "inline-flex", A(i, "toolbar.chartType");
 		let a = document.createElement("button");
-		a.className = "tcw-dropdown-trigger", a.dataset.role = "charttype", i.appendChild(a), n.appendChild(i), this.chartTypeDropdown = new St(i, { width: "160px" }), this.buildChartTypeMenu(), n.appendChild(this.sep());
+		a.className = "tcw-dropdown-trigger", a.dataset.role = "charttype", i.appendChild(a), n.appendChild(i), this.chartTypeDropdown = new yt(i, { width: "160px" }), this.buildChartTypeMenu(), n.appendChild(this.sep());
 		let o = document.createElement("div");
 		o.style.position = "relative", o.style.display = "inline-flex", A(o, "toolbar.indicators");
 		let s = document.createElement("button");
-		if (s.className = "tcw-dropdown-trigger", s.dataset.role = "indicators", o.appendChild(s), n.appendChild(o), this.indicatorDropdown = new St(o, { width: "280px" }), this.buildIndicatorMenu(), this.hostLeft = this.hostGroup(), n.appendChild(this.hostLeft), n.appendChild(this.spacer()), t.onLayouts) {
+		if (s.className = "tcw-dropdown-trigger", s.dataset.role = "indicators", o.appendChild(s), n.appendChild(o), this.indicatorDropdown = new yt(o, { width: "280px" }), this.buildIndicatorMenu(), this.hostLeft = this.hostGroup(), n.appendChild(this.hostLeft), n.appendChild(this.spacer()), t.onLayouts) {
 			let e = t.onLayouts, r = document.createElement("button");
 			r.type = "button", r.className = "tcw-dropdown-trigger tcw-layouts-btn", r.dataset.role = "layouts", A(r, "layouts", "toolbar.layouts"), r.setAttribute("aria-haspopup", "menu"), r.addEventListener("click", () => e(r)), n.appendChild(r), this.setLayout(null, !1);
 		}
@@ -2373,7 +1839,7 @@ var jt = class {
 			let e = document.createElement("span");
 			e.className = "tcw-host-btn-text", e.textContent = n, t.appendChild(e);
 		}
-		return At(t, e.label), t.addEventListener("click", () => e.onClick(t)), (e.side === "left" ? this.hostLeft : this.hostRight)?.appendChild(t), t;
+		return Dt(t, e.label), t.addEventListener("click", () => e.onClick(t)), (e.side === "left" ? this.hostLeft : this.hostRight)?.appendChild(t), t;
 	}
 	hostSlot(e) {
 		return e === "left" ? this.hostLeft : this.hostRight;
@@ -2387,7 +1853,7 @@ var jt = class {
 		t && (e ? t.removeAttribute("aria-disabled") : t.setAttribute("aria-disabled", "true"));
 	}
 	tidy() {
-		ot(this.el, "tcw-toolbar-sep", "tcw-toolbar-spacer");
+		dt(this.el, "tcw-toolbar-sep", "tcw-toolbar-spacer");
 	}
 	setActive(e, t) {
 		let n = this.el.querySelector(`[data-role="${e}"]`);
@@ -2405,11 +1871,11 @@ var jt = class {
 		this.fullscreenBtn.innerHTML = j(e ? "minimize" : "maximize", 14), this.fullscreenBtn.title = t, this.fullscreenBtn.setAttribute("aria-pressed", String(e));
 	}
 	chartTypeLabel(e) {
-		return Dt(e, this.t);
+		return wt(e, this.t);
 	}
 	buildChartTypeMenu() {
 		if (!this.chartTypeDropdown) return;
-		let e = this.config.chartTypes.map((e) => `<button class="tcw-dropdown-item tcw-dropdown-item--icon" data-ct="${N(e.value)}">${xt(e.value, 16)}<span>${N(this.chartTypeLabel(e))}</span></button>`).join("");
+		let e = this.config.chartTypes.map((e) => `<button class="tcw-dropdown-item tcw-dropdown-item--icon" data-ct="${N(e.value)}">${vt(e.value, 16)}<span>${N(this.chartTypeLabel(e))}</span></button>`).join("");
 		this.chartTypeDropdown.setContent(e), this.chartTypeDropdown.panel.querySelectorAll(".tcw-dropdown-item").forEach((e) => {
 			e.addEventListener("click", (e) => {
 				let t = e.currentTarget.dataset.ct;
@@ -2439,7 +1905,7 @@ var jt = class {
 		}
 		if (this.callbacks.onAddTimeframe) {
 			let e = N(this.t("toolbar.timeframes.custom")), t = N(this.t("toolbar.timeframes.add"));
-			n += `<form class="tcw-tf-custom" ${it("customTimeframes")} novalidate><input class="tcw-tf-custom-input" type="text" autocomplete="off" spellcheck="false" maxlength="6" placeholder="7m, 90m, 2h…" aria-label="${e}" aria-describedby="tcw-tf-hint-${this.uid}"><button type="submit" class="tcw-tf-custom-add" title="${t}" aria-label="${t}">${j("plus", 12)}</button><div class="tcw-tf-custom-hint" id="tcw-tf-hint-${this.uid}" role="status"></div></form>`;
+			n += `<form class="tcw-tf-custom" ${lt("customTimeframes")} novalidate><input class="tcw-tf-custom-input" type="text" autocomplete="off" spellcheck="false" maxlength="6" placeholder="7m, 90m, 2h…" aria-label="${e}" aria-describedby="tcw-tf-hint-${this.uid}"><button type="submit" class="tcw-tf-custom-add" title="${t}" aria-label="${t}">${j("plus", 12)}</button><div class="tcw-tf-custom-hint" id="tcw-tf-hint-${this.uid}" role="status"></div></form>`;
 		}
 		this.tfDropdown.setContent(n);
 		let r = this.tfDropdown.panel;
@@ -2480,7 +1946,7 @@ var jt = class {
 	}
 	templatesMenuHtml() {
 		if (!this.callbacks.onSaveIndicatorTemplate) return "";
-		let e = this.t("templates.delete"), t = `<div ${it("indicatorTemplates")}><div class="tcw-dropdown-label">${N(this.t("toolbar.indicators.templates"))}</div>`;
+		let e = this.t("templates.delete"), t = `<div ${lt("indicatorTemplates")}><div class="tcw-dropdown-label">${N(this.t("toolbar.indicators.templates"))}</div>`;
 		for (let n of this.indicatorTemplates) {
 			let r = N(n);
 			t += `<div class="tcw-tf-row"><button class="tcw-dropdown-item" data-tpl-apply="${r}">${j("layers", 14)}<span>${r}</span></button><button class="tcw-tf-remove" data-tpl-delete="${r}" title="${N(p(e, { name: n }))}" aria-label="${N(p(e, { name: n }))}">${j("x", 12)}</button></div>`;
@@ -2519,7 +1985,7 @@ var jt = class {
 		let n = this.el.querySelector("[data-role=\"charttype\"]");
 		if (n) {
 			let t = this.config.chartTypes.find((t) => t.value === e.chartType), r = t ? this.chartTypeLabel(t) : e.chartType;
-			n.innerHTML = `${xt(e.chartType, 14)} ${N(r)} ${j("chevronDown", 12)}`;
+			n.innerHTML = `${vt(e.chartType, 14)} ${N(r)} ${j("chevronDown", 12)}`;
 		}
 		let r = this.el.querySelector("[data-role=\"indicators\"]");
 		if (r) {
@@ -2546,28 +2012,28 @@ var jt = class {
 };
 //#endregion
 //#region src/widget/hostButtons.ts
-function Mt(e, t, n) {
+function kt(e, t, n) {
 	e.classList.toggle("tcw-active", t), n && e.setAttribute("aria-pressed", String(t));
 }
-function Nt(e, t, n) {
+function At(e, t, n) {
 	let r = e.querySelector(".tcw-host-btn-text");
-	r || (r = document.createElement("span"), r.className = "tcw-host-btn-text", e.appendChild(r)), r.textContent = n, At(e, t);
+	r || (r = document.createElement("span"), r.className = "tcw-host-btn-text", e.appendChild(r)), r.textContent = n, Dt(e, t);
 }
 //#endregion
 //#region src/widget/WidgetDrawingSidebar.ts
-var Pt = 16, Ft = 150, It = 4;
-function Lt(e) {
+var jt = 16, Mt = 150, Nt = 4;
+function Pt(e) {
 	let t = `sidebar.${e}`;
 	return O.includes(t) ? t : null;
 }
-function Rt(e, t) {
+function Ft(e, t) {
 	for (let n of e) {
 		let e = n.tools.find((e) => e.value === t);
 		if (e) return e.label;
 	}
 	return t;
 }
-var zt = class {
+var It = class {
 	config;
 	callbacks;
 	el;
@@ -2599,14 +2065,14 @@ var zt = class {
 			e.section !== void 0 && r !== void 0 && e.section !== r && this.appendDivider(), r = e.section;
 			let a = document.createElement("div");
 			a.className = "tcw-tool-group-wrap";
-			let o = Lt(e.section);
+			let o = Pt(e.section);
 			o && A(a, o);
 			let s = document.createElement("button");
 			s.className = "tcw-sidebar-btn";
 			let c = e.tools[0].value;
 			e.tools.length > 1 ? s.setAttribute("aria-label", `${e.label}: ${e.tools[0].label}`) : s.title = e.label;
 			let l = document.createElement("span");
-			if (l.className = "tcw-sidebar-icon", l.innerHTML = M(c, Pt), s.appendChild(l), this.groupIcons.push(l), this.groupTools.push(c), e.tools.length > 1) {
+			if (l.className = "tcw-sidebar-icon", l.innerHTML = M(c, jt), s.appendChild(l), this.groupIcons.push(l), this.groupTools.push(c), e.tools.length > 1) {
 				let e = document.createElement("span");
 				e.className = "tcw-multi-dot", s.appendChild(e);
 			}
@@ -2640,7 +2106,7 @@ var zt = class {
 		this.favoritesEl.style.display = e ? "" : "none", this.favoritesDivider && (this.favoritesDivider.style.display = e ? "" : "none");
 		for (let e of this.favorites) {
 			let t = document.createElement("button");
-			t.className = "tcw-sidebar-btn", t.title = p(this.t("sidebar.unpinHint"), { tool: Rt(this.config.drawingToolGroups, e) }), t.dataset.toolValue = e, t.innerHTML = M(e, Pt), t.addEventListener("click", () => this.callbacks.onDrawingTool(e)), t.addEventListener("contextmenu", (t) => {
+			t.className = "tcw-sidebar-btn", t.title = p(this.t("sidebar.unpinHint"), { tool: Ft(this.config.drawingToolGroups, e) }), t.dataset.toolValue = e, t.innerHTML = M(e, jt), t.addEventListener("click", () => this.callbacks.onDrawingTool(e)), t.addEventListener("contextmenu", (t) => {
 				t.preventDefault(), this.callbacks.onToggleFavorite?.(e);
 			}), this.favoritesEl.appendChild(t);
 		}
@@ -2659,13 +2125,21 @@ var zt = class {
 		r.className = "tcw-flyout-header", r.textContent = t.label, n.appendChild(r);
 		for (let e of t.tools) {
 			let t = document.createElement("button");
-			t.className = "tcw-flyout-item", t.setAttribute("role", "menuitem"), t.tabIndex = -1, t.innerHTML = M(e.value, Pt);
+			t.className = "tcw-flyout-item", t.setAttribute("role", "menuitem"), t.tabIndex = -1, t.innerHTML = M(e.value, jt);
 			let r = document.createElement("span");
-			r.textContent = e.label, t.appendChild(r), t.dataset.toolValue = e.value, t.addEventListener("click", () => {
+			if (r.textContent = e.label, t.appendChild(r), t.dataset.toolValue = e.value, t.addEventListener("click", () => {
 				this.callbacks.onDrawingTool(e.value), this.hideFlyout();
-			}), this.callbacks.onToggleFavorite && (this.favorites.includes(e.value) && t.classList.add("tcw-flyout-faved"), t.addEventListener("contextmenu", (t) => {
-				t.preventDefault(), this.callbacks.onToggleFavorite?.(e.value);
-			})), n.appendChild(t);
+			}), this.callbacks.onToggleFavorite) {
+				if (this.favorites.includes(e.value)) {
+					t.classList.add("tcw-flyout-faved");
+					let e = document.createElement("span");
+					e.className = "tcw-flyout-star", e.innerHTML = j("star", 12), t.appendChild(e);
+				}
+				t.addEventListener("contextmenu", (t) => {
+					t.preventDefault(), this.callbacks.onToggleFavorite?.(e.value);
+				});
+			}
+			n.appendChild(t);
 		}
 		if (this.callbacks.onToggleFavorite) {
 			let e = document.createElement("div");
@@ -2711,14 +2185,14 @@ var zt = class {
 	}
 	placeFlyout(e, t) {
 		let n = this.host.getBoundingClientRect(), r = t.getBoundingClientRect();
-		e.style.maxHeight = `${Math.max(0, this.host.clientHeight - It * 2)}px`;
-		let i = this.host.clientHeight - e.offsetHeight - It;
+		e.style.maxHeight = `${Math.max(0, this.host.clientHeight - Nt * 2)}px`;
+		let i = this.host.clientHeight - e.offsetHeight - Nt;
 		this.host.closest("[dir]")?.getAttribute("dir") === "rtl" ? (e.style.left = "", e.style.right = `${n.right - r.left}px`) : (e.style.right = "", e.style.left = `${r.right - n.left}px`), e.style.top = `${Math.max(0, Math.min(r.top - n.top, i))}px`;
 	}
 	scheduleHideFlyout() {
 		this.cancelHideFlyout(), this.flyoutHideTimer = setTimeout(() => {
 			this.flyoutHideTimer = null, this.hideFlyout();
-		}, Ft);
+		}, Mt);
 	}
 	cancelHideFlyout() {
 		this.flyoutHideTimer !== null && (clearTimeout(this.flyoutHideTimer), this.flyoutHideTimer = null);
@@ -2731,7 +2205,7 @@ var zt = class {
 		let { drawingToolGroups: t } = this.config;
 		for (let n = 0; n < t.length; n++) {
 			let r = t[n].tools.some((t) => t.value === e.activeTool);
-			this.groupButtons[n].classList.toggle("tcw-active", r), r && e.activeTool && e.activeTool !== this.groupTools[n] && (this.groupTools[n] = e.activeTool, this.groupIcons[n].innerHTML = M(e.activeTool, Pt), t[n].tools.length > 1 && this.groupButtons[n].setAttribute("aria-label", `${t[n].label}: ${Rt(t, e.activeTool)}`));
+			this.groupButtons[n].classList.toggle("tcw-active", r), r && e.activeTool && e.activeTool !== this.groupTools[n] && (this.groupTools[n] = e.activeTool, this.groupIcons[n].innerHTML = M(e.activeTool, jt), t[n].tools.length > 1 && this.groupButtons[n].setAttribute("aria-label", `${t[n].label}: ${Ft(t, e.activeTool)}`));
 		}
 		if (this.flyoutEl && this.flyoutEl.querySelectorAll(".tcw-flyout-item").forEach((t) => {
 			let n = t;
@@ -2751,7 +2225,7 @@ var zt = class {
 		return this.hostEl;
 	}
 	tidy() {
-		ot(this.el, "tcw-sidebar-divider", "tcw-sidebar-spacer");
+		dt(this.el, "tcw-sidebar-divider", "tcw-sidebar-spacer");
 	}
 	toggleButton(e, t, n) {
 		let r = document.createElement("button");
@@ -2776,14 +2250,14 @@ function P(e, t) {
 	let r = document.createElement("span");
 	return r.className = "tcw-settings-label", r.textContent = e, n.append(r, t), n;
 }
-function Bt(e, t) {
+function Lt(e, t) {
 	let n = document.createElement("button");
 	return n.type = "button", n.className = `tcw-toggle${e ? " tcw-on" : ""}`, n.setAttribute("role", "switch"), n.setAttribute("aria-checked", String(e)), n.addEventListener("click", () => {
 		let e = !n.classList.contains("tcw-on");
 		n.classList.toggle("tcw-on", e), n.setAttribute("aria-checked", String(e)), t(e);
 	}), n;
 }
-function Vt(e, t, n) {
+function Rt(e, t, n) {
 	let r = document.createElement("input");
 	return r.type = "number", r.className = "tcw-indi-input", r.value = String(e), r.step = String(t.step ?? (Number.isInteger(e) ? 1 : .001)), t.min !== void 0 && (r.min = String(t.min)), t.max !== void 0 && (r.max = String(t.max)), r.addEventListener("change", () => {
 		if (r.value.trim() === "") return;
@@ -2791,7 +2265,7 @@ function Vt(e, t, n) {
 		Number.isFinite(e) && (t.min !== void 0 && (e = Math.max(t.min, e)), t.max !== void 0 && (e = Math.min(t.max, e)), r.value = String(e), n(e));
 	}), r;
 }
-function Ht(e, t) {
+function zt(e, t) {
 	let n = document.createElement("input");
 	return n.type = "color", n.className = "tcw-indi-color", n.value = I(e), n.addEventListener("input", () => t(n.value)), n;
 }
@@ -2816,11 +2290,11 @@ function I(e) {
 		n[2],
 		n[3]
 	].map((e) => Math.min(255, Number(e)).toString(16).padStart(2, "0")).join("")}`;
-	let r = Ut(t);
+	let r = Bt(t);
 	return r !== null && r !== t ? I(r) : "#000000";
 }
 var L;
-function Ut(e) {
+function Bt(e) {
 	if (L === void 0) try {
 		L = typeof document < "u" ? document.createElement("canvas").getContext("2d") : null;
 	} catch {
@@ -2831,12 +2305,12 @@ function Ut(e) {
 	let t = String(L.fillStyle);
 	return t === "#010203" ? null : t;
 }
-function Wt(e) {
+function Vt(e) {
 	if (typeof e != "string") return 1;
 	let t = /^rgba\([^)]*,\s*([\d.]+)\s*\)$/i.exec(e.trim());
 	return t ? Math.max(0, Math.min(1, Number(t[1]))) : 1;
 }
-function Gt(e, t) {
+function Ht(e, t) {
 	let n = I(e), [r, i, a] = [
 		1,
 		3,
@@ -2846,17 +2320,17 @@ function Gt(e, t) {
 }
 //#endregion
 //#region src/widget/WidgetSettings.ts
-var Kt = [
+var Ut = [
 	"style",
 	"display",
 	"scale",
 	"trading"
-], qt = [
+], Wt = [
 	1,
 	2,
 	3,
 	4
-], Jt = class {
+], Gt = class {
 	callbacks;
 	t;
 	backdrop = null;
@@ -2896,7 +2370,7 @@ var Kt = [
 		}), e.appendChild(n), this.modal.appendChild(e);
 		let r = document.createElement("div");
 		r.className = "tcw-modal-tabs", r.setAttribute("role", "tablist"), this.tabButtons = [];
-		for (let e of Kt) {
+		for (let e of Ut) {
 			let t = document.createElement("button");
 			t.type = "button", t.className = "tcw-modal-tab", t.setAttribute("role", "tab"), t.textContent = this.t(`settings.tab.${e}`), t.dataset.tab = e, t.setAttribute("aria-selected", String(e === this.currentTab)), e === this.currentTab && t.classList.add("tcw-active"), t.addEventListener("click", () => {
 				this.currentTab = e, this.tabButtons.forEach((t) => {
@@ -2930,14 +2404,14 @@ var Kt = [
 				this.renderScaleTab();
 				break;
 			case "trading":
-				for (let e of He) (!e.trading || this.available.trading !== !1) && this.renderLookSection(e);
+				for (let e of qe) (!e.trading || this.available.trading !== !1) && this.renderLookSection(e);
 				break;
 		}
 	}
 	renderStyleTab() {
 		if (!(!this.bodyEl || !this.currentSettings)) {
 			this.renderChartTypeSection();
-			for (let e of Ve) this.renderLookSection(e);
+			for (let e of Ke) this.renderLookSection(e);
 		}
 	}
 	renderLookSection(e) {
@@ -2968,12 +2442,12 @@ var Kt = [
 				break;
 			}
 			case "lineStyle":
-				i = this.selectRow(t, r(), [...o, ...this.lineStyles()], (e) => a(e === "" ? null : Zt(e))), s = () => {
+				i = this.selectRow(t, r(), [...o, ...this.lineStyles()], (e) => a(e === "" ? null : Jt(e))), s = () => {
 					i.querySelector("select").value = r();
 				};
 				break;
 			case "width": {
-				let e = n(), c = typeof e == "number" && !qt.includes(e) ? [...qt, e].sort((e, t) => e - t) : qt;
+				let e = n(), c = typeof e == "number" && !Wt.includes(e) ? [...Wt, e].sort((e, t) => e - t) : Wt;
 				i = this.selectRow(t, r(), [...o, ...c.map((e) => ({
 					value: String(e),
 					label: `${e}px`
@@ -3036,10 +2510,10 @@ var Kt = [
 				label: this.t("settings.crosshair.hidden"),
 				value: "hidden"
 			}
-		], (e) => this.patch({ crosshairMode: e }))), t.appendChild(this.selectRow(this.t("settings.timezone"), e.timezone, Ne(e.timezone, Date.now(), this.t("settings.timezone.local"), this.available.exchangeZone ? {
+		], (e) => this.patch({ crosshairMode: e }))), t.appendChild(this.selectRow(this.t("settings.timezone"), e.timezone, Re(e.timezone, Date.now(), this.t("settings.timezone.local"), this.available.exchangeZone ? {
 			label: this.t("settings.timezone.exchange"),
 			zone: this.available.exchangeZone()
-		} : void 0), (e) => this.patch({ timezone: e }))), t.appendChild(this.selectRow(this.t("settings.numberLocale"), e.numberLocale, Tt(e.numberLocale), (e) => this.patch({ numberLocale: e }))), this.bodyEl.appendChild(t);
+		} : void 0), (e) => this.patch({ timezone: e }))), t.appendChild(this.selectRow(this.t("settings.numberLocale"), e.numberLocale, St(e.numberLocale), (e) => this.patch({ numberLocale: e }))), this.bodyEl.appendChild(t);
 	}
 	renderScaleTab() {
 		if (!this.bodyEl || !this.currentSettings) return;
@@ -3067,7 +2541,7 @@ var Kt = [
 	}
 	renderChartTypeSection() {
 		if (!this.bodyEl || !this.currentSettings || !this.chartType) return;
-		let e = this.chartType, t = this.currentSettings.chartTypeOptions ?? {}, n = Pe.find((t) => t.value === e), r = this.section(n ? Dt(n, this.t) : e), i = (e, t) => this.patch({ chartTypeOptions: {
+		let e = this.chartType, t = this.currentSettings.chartTypeOptions ?? {}, n = ze.find((t) => t.value === e), r = this.section(n ? wt(n, this.t) : e), i = (e, t) => this.patch({ chartTypeOptions: {
 			...this.currentSettings?.chartTypeOptions ?? {},
 			[e]: t
 		} });
@@ -3077,14 +2551,14 @@ var Kt = [
 				r.appendChild(this.numberRow(this.t("settings.boxSize"), typeof e.boxSize == "number" ? e.boxSize : null, "any", Infinity, (e) => i("renko", {
 					...this.currentSettings?.chartTypeOptions?.renko ?? {},
 					boxSize: e ?? "atr"
-				}))), r.appendChild(this.numberRow(this.t("settings.atrPeriod"), e.atrPeriod ?? null, "1", 500, (e) => i("renko", Yt(this.currentSettings?.chartTypeOptions?.renko, "atrPeriod", e))));
+				}))), r.appendChild(this.numberRow(this.t("settings.atrPeriod"), e.atrPeriod ?? null, "1", 500, (e) => i("renko", Kt(this.currentSettings?.chartTypeOptions?.renko, "atrPeriod", e))));
 				break;
 			}
 			case "lineBreak":
-				r.appendChild(this.numberRow(this.t("settings.lineBreakLines"), t.lineBreak?.lines ?? null, "1", 10, (e) => i("lineBreak", Yt(this.currentSettings?.chartTypeOptions?.lineBreak, "lines", e))));
+				r.appendChild(this.numberRow(this.t("settings.lineBreakLines"), t.lineBreak?.lines ?? null, "1", 10, (e) => i("lineBreak", Kt(this.currentSettings?.chartTypeOptions?.lineBreak, "lines", e))));
 				break;
 			case "kagi":
-				r.appendChild(this.numberRow(this.t("settings.reversal"), t.kagi?.reversal ?? null, "any", Infinity, (e) => i("kagi", Yt(this.currentSettings?.chartTypeOptions?.kagi, "reversal", e)))), r.appendChild(this.selectRow(this.t("settings.reversalType"), t.kagi?.reversalType ?? "percent", [{
+				r.appendChild(this.numberRow(this.t("settings.reversal"), t.kagi?.reversal ?? null, "any", Infinity, (e) => i("kagi", Kt(this.currentSettings?.chartTypeOptions?.kagi, "reversal", e)))), r.appendChild(this.selectRow(this.t("settings.reversalType"), t.kagi?.reversalType ?? "percent", [{
 					value: "percent",
 					label: this.t("settings.reversalType.percent")
 				}, {
@@ -3099,14 +2573,14 @@ var Kt = [
 				r.appendChild(this.numberRow(this.t("settings.boxSize"), typeof t.pointAndFigure?.boxSize == "number" ? t.pointAndFigure.boxSize : null, "any", Infinity, (e) => i("pointAndFigure", {
 					...this.currentSettings?.chartTypeOptions?.pointAndFigure ?? {},
 					boxSize: e ?? "auto"
-				}))), r.appendChild(this.numberRow(this.t("settings.reversalBoxes"), t.pointAndFigure?.reversal ?? null, "1", 10, (e) => i("pointAndFigure", Yt(this.currentSettings?.chartTypeOptions?.pointAndFigure, "reversal", e))));
+				}))), r.appendChild(this.numberRow(this.t("settings.reversalBoxes"), t.pointAndFigure?.reversal ?? null, "1", 10, (e) => i("pointAndFigure", Kt(this.currentSettings?.chartTypeOptions?.pointAndFigure, "reversal", e))));
 				break;
 			case "rangeBars":
 				r.appendChild(this.numberRow(this.t("settings.barRange"), typeof t.rangeBars?.range == "number" ? t.rangeBars.range : null, "any", Infinity, (e) => i("rangeBars", { range: e ?? "auto" })));
 				break;
 			default: break;
 		}
-		for (let t of Ge(e)) r.appendChild(this.lookRow(t));
+		for (let t of Xe(e)) r.appendChild(this.lookRow(t));
 		this.bodyEl.appendChild(r);
 	}
 	numberRow(e, t, n, r, i) {
@@ -3145,7 +2619,7 @@ var Kt = [
 		let s = document.createElement("input");
 		s.type = "color", s.setAttribute("aria-label", e);
 		let c = document.createElement("span");
-		c.className = "tcw-color-hex", c.id = `tcw-color-${++Xt}`, s.setAttribute("aria-describedby", c.id);
+		c.className = "tcw-color-hex", c.id = `tcw-color-${++qt}`, s.setAttribute("aria-describedby", c.id);
 		let l = null, u = (t) => {
 			s.value = I(t ?? r.start?.()), c.textContent = t ?? this.t("settings.auto"), i.classList.toggle("tcw-color-auto", t === null), t !== null && r.start && !l ? (l = document.createElement("button"), l.type = "button", l.className = "tcw-color-auto-btn", l.textContent = this.t("settings.auto"), l.setAttribute("aria-label", `${e}: ${this.t("settings.auto")}`), l.addEventListener("click", () => {
 				n(null), s.focus(), u(r.read());
@@ -3201,17 +2675,17 @@ var Kt = [
 		this.close();
 	}
 };
-function Yt(e, t, n) {
+function Kt(e, t, n) {
 	let r = { ...e ?? {} };
 	return n === null ? delete r[t] : r[t] = n, r;
 }
-var Xt = 0;
-function Zt(e) {
+var qt = 0;
+function Jt(e) {
 	return e === "dashed" || e === "dotted" ? e : "solid";
 }
 //#endregion
 //#region src/widget/WidgetStatusBar.ts
-var Qt = class {
+var Yt = class {
 	el;
 	dotEl;
 	messageEl;
@@ -3256,7 +2730,16 @@ var Qt = class {
 		let n = document.createElement("button");
 		return n.type = "button", n.className = "tcw-range-btn tcw-range-goto", n.dataset.role = "goto", A(n, "goToDate", "statusBar.goToDate"), n.title = `${e.goToLabel} (Alt+G)`, n.setAttribute("aria-label", e.goToLabel), n.innerHTML = j("calendar", 13), n.addEventListener("click", e.onGoTo), t.appendChild(n), t;
 	}
-}, $t = class {
+};
+//#endregion
+//#region src/widget/footerHints.ts
+function Xt(e, t, n) {
+	let r = (...e) => e.map((e) => `<kbd class="tcw-cmd-kbd tcw-cmd-key">${e}</kbd>`).join(""), i = (e, t) => `<span class="tcw-cmd-help">${e}<span class="tcw-cmd-help-text">${N(t)}</span></span>`;
+	return i(r(j("arrowUp", 11), j("arrowDown", 11)), e) + i(r(j("enter", 11)), t) + i(r("Esc"), n);
+}
+//#endregion
+//#region src/widget/WidgetCommandPalette.ts
+var Zt = class {
 	backdrop = null;
 	modal = null;
 	input = null;
@@ -3275,11 +2758,11 @@ var Qt = class {
 		let t = document.createElement("div");
 		t.className = "tcw-cmd-header";
 		let n = document.createElement("span");
-		n.className = "tcw-cmd-icon", n.textContent = "⌕", t.appendChild(n), this.input = document.createElement("input"), this.input.className = "tcw-cmd-input", this.input.type = "text", this.input.placeholder = this.t("palette.placeholder"), this.input.addEventListener("input", () => this.filter()), t.appendChild(this.input);
+		n.className = "tcw-cmd-icon", n.innerHTML = j("search", 16), t.appendChild(n), this.input = document.createElement("input"), this.input.className = "tcw-cmd-input", this.input.type = "text", this.input.placeholder = this.t("palette.placeholder"), this.input.addEventListener("input", () => this.filter()), t.appendChild(this.input);
 		let r = document.createElement("span");
 		r.className = "tcw-cmd-hint", r.textContent = "ESC", t.appendChild(r), this.modal.appendChild(t), this.list = document.createElement("div"), this.list.className = "tcw-cmd-list", this.modal.appendChild(this.list);
 		let i = document.createElement("div");
-		i.className = "tcw-cmd-footer", i.innerHTML = `<span>↑↓ ${N(this.t("common.navigate"))}</span><span>⏎ ${N(this.t("common.select"))}</span><span>Esc ${N(this.t("common.close"))}</span>`, this.modal.appendChild(i), this.host().append(this.backdrop, this.modal), this.renderList(), this.input.focus(), document.addEventListener("keydown", this.boundKeydown);
+		i.className = "tcw-cmd-footer", i.innerHTML = Xt(this.t("common.navigate"), this.t("common.select"), this.t("common.close")), this.modal.appendChild(i), this.host().append(this.backdrop, this.modal), this.renderList(), this.input.focus(), document.addEventListener("keydown", this.boundKeydown);
 	}
 	close() {
 		document.removeEventListener("keydown", this.boundKeydown), this.backdrop?.remove(), this.modal?.remove(), this.backdrop = null, this.modal = null, this.input = null, this.list = null, this.callbacks.onClose();
@@ -3311,7 +2794,7 @@ var Qt = class {
 			let i = document.createElement("span");
 			if (i.className = "tcw-cmd-item-label", i.textContent = n.label, r.appendChild(i), n.active) {
 				let e = document.createElement("span");
-				e.className = "tcw-cmd-check", e.textContent = "✓", r.appendChild(e);
+				e.className = "tcw-cmd-check", e.innerHTML = j("check", 14), r.appendChild(e);
 			}
 			if (n.shortcut) {
 				let e = document.createElement("kbd");
@@ -3381,7 +2864,7 @@ var Qt = class {
 	destroy() {
 		this.close();
 	}
-}, en = class {
+}, Qt = class {
 	backdrop = null;
 	modal = null;
 	input = null;
@@ -3410,11 +2893,11 @@ var Qt = class {
 		let i = document.createElement("div");
 		i.className = "tcw-cmd-header";
 		let a = document.createElement("span");
-		a.className = "tcw-cmd-icon", a.innerHTML = rn(), i.appendChild(a), this.input = document.createElement("input"), this.input.className = "tcw-cmd-input", this.input.type = "text", this.input.placeholder = this.t("symbolSearch.placeholder"), this.input.autocomplete = "off", this.input.spellcheck = !1, this.input.addEventListener("input", () => this.filter()), i.appendChild(this.input);
+		a.className = "tcw-cmd-icon", a.innerHTML = j("search", 16), i.appendChild(a), this.input = document.createElement("input"), this.input.className = "tcw-cmd-input", this.input.type = "text", this.input.placeholder = this.t("symbolSearch.placeholder"), this.input.autocomplete = "off", this.input.spellcheck = !1, this.input.addEventListener("input", () => this.filter()), i.appendChild(this.input);
 		let o = document.createElement("span");
 		o.className = "tcw-cmd-hint", o.textContent = "ESC", i.appendChild(o), this.modal.appendChild(i), this.list = document.createElement("div"), this.list.className = "tcw-cmd-list", this.modal.appendChild(this.list);
 		let s = document.createElement("div");
-		s.className = "tcw-cmd-footer", s.innerHTML = `<span>↑↓ ${N(this.t("common.navigate"))}</span><span>⏎ ${N(this.t("common.open"))}</span><span>Esc ${N(this.t("common.close"))}</span>`, this.modal.appendChild(s), this.host().append(this.backdrop, this.modal), this.renderList(), this.input.focus(), document.addEventListener("keydown", this.boundKeydown);
+		s.className = "tcw-cmd-footer", s.innerHTML = Xt(this.t("common.navigate"), this.t("common.open"), this.t("common.close")), this.modal.appendChild(s), this.host().append(this.backdrop, this.modal), this.renderList(), this.input.focus(), document.addEventListener("keydown", this.boundKeydown);
 	}
 	close() {
 		document.removeEventListener("keydown", this.boundKeydown), this.cancelSearch(), this.pickOnResults = !1, this.searchFn = null, this.backdrop?.remove(), this.modal?.remove(), this.backdrop = null, this.modal = null, this.input = null, this.list = null, this.pickOverride = null, this.callbacks.onClose();
@@ -3434,7 +2917,7 @@ var Qt = class {
 		}
 		this.cancelSearch(), this.status = "idle", e ? this.filtered = this.symbols.map((t) => ({
 			symbol: t,
-			score: tn(t.toUpperCase(), e)
+			score: $t(t.toUpperCase(), e)
 		})).filter((e) => e.score > 0).sort((e, t) => t.score - e.score) : this.filtered = this.symbols.map((e) => ({
 			symbol: e,
 			score: 0
@@ -3484,7 +2967,7 @@ var Qt = class {
 			let { symbol: n, description: r, meta: i } = this.filtered[t], a = document.createElement("button");
 			a.className = "tcw-cmd-item", t === this.selectedIndex && a.classList.add("tcw-selected"), n === this.current && a.classList.add("tcw-active");
 			let o = document.createElement("span");
-			if (o.className = "tcw-cmd-item-label", o.innerHTML = nn(n, e), a.appendChild(o), r && r !== n) {
+			if (o.className = "tcw-cmd-item-label", o.innerHTML = en(n, e), a.appendChild(o), r && r !== n) {
 				let e = document.createElement("span");
 				e.className = "tcw-cmd-item-desc", e.textContent = r, a.appendChild(e);
 			}
@@ -3494,7 +2977,7 @@ var Qt = class {
 			}
 			if (n === this.current) {
 				let e = document.createElement("span");
-				e.className = "tcw-cmd-check", e.textContent = "✓", a.appendChild(e);
+				e.className = "tcw-cmd-check", e.innerHTML = j("check", 14), a.appendChild(e);
 			}
 			a.addEventListener("click", () => this.pick(t)), a.addEventListener("mouseenter", () => {
 				this.selectedIndex = t, this.updateSelection();
@@ -3533,7 +3016,7 @@ var Qt = class {
 		}
 	}
 };
-function tn(e, t) {
+function $t(e, t) {
 	if (e === t) return 1e3;
 	if (e.startsWith(t)) return 500 + (50 - Math.min(50, e.length - t.length));
 	if (e.includes(t)) return 200 + (50 - Math.min(50, e.length - t.length));
@@ -3541,25 +3024,22 @@ function tn(e, t) {
 	for (let a = 0; a < e.length && n < t.length; a++) e[a] === t[n] && (r >= 0 && (i += a - r - 1), r = a, n++);
 	return n < t.length ? 0 : 100 - Math.min(99, i);
 }
-function nn(e, t) {
+function en(e, t) {
 	if (!t) return N(e);
 	let n = e.toUpperCase(), r = "", i = 0;
 	for (let a = 0; a < e.length; a++) i < t.length && n[a] === t[i] ? (r += `<mark style="background:transparent;color:var(--tcw-accent);font-weight:700">${N(e[a])}</mark>`, i++) : r += N(e[a]);
 	return r;
 }
-function rn() {
-	return "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"/><path d=\"m21 21-4.3-4.3\"/></svg>";
-}
 //#endregion
 //#region src/widget/WidgetHotkeySheet.ts
-var an = {
+var tn = {
 	"Search & navigation": "hotkeys.group.searchNavigation",
 	"Chart manipulation": "hotkeys.group.chartManipulation",
 	"Touch (mobile / tablet)": "hotkeys.group.touch",
 	Keyboard: "hotkeys.group.keyboard",
 	Drawing: "hotkeys.group.drawing",
 	More: "hotkeys.group.more"
-}, R = typeof navigator < "u" && /mac|iphone|ipad|ipod/i.test(navigator.platform || navigator.userAgent) ? "⌘" : "Ctrl", on = [
+}, R = typeof navigator < "u" && /mac|iphone|ipad|ipod/i.test(navigator.platform || navigator.userAgent) ? "⌘" : "Ctrl", nn = [
 	{
 		title: "Search & navigation",
 		entries: [
@@ -3787,7 +3267,7 @@ var an = {
 			}
 		]
 	}
-], sn = class {
+], rn = class {
 	backdrop = null;
 	modal = null;
 	callbacks;
@@ -3800,7 +3280,7 @@ var an = {
 	}
 	open(e = {}) {
 		if (this.backdrop) return;
-		let t = e.isOn ?? (() => !0), n = new Set((e.extra ?? []).map((e) => e.keys.join("+").toLowerCase())), r = on.map((e) => ({
+		let t = e.isOn ?? (() => !0), n = new Set((e.extra ?? []).map((e) => e.keys.join("+").toLowerCase())), r = nn.map((e) => ({
 			title: e.title,
 			entries: e.entries.filter((e) => (!e.feature || t(e.feature)) && !n.has(e.keys.join("+").toLowerCase()))
 		})).filter((e) => e.entries.length > 0);
@@ -3813,7 +3293,7 @@ var an = {
 		let a = document.createElement("h3");
 		a.textContent = this.t("hotkeys.title"), i.appendChild(a);
 		let o = document.createElement("button");
-		o.className = "tcw-modal-close", o.setAttribute("aria-label", this.t("hotkeys.close")), o.innerHTML = "×", o.addEventListener("click", () => this.close()), i.appendChild(o), this.modal.appendChild(i);
+		o.className = "tcw-modal-close", o.setAttribute("aria-label", this.t("hotkeys.close")), o.innerHTML = j("x", 14), o.addEventListener("click", () => this.close()), i.appendChild(o), this.modal.appendChild(i);
 		let s = document.createElement("div");
 		s.className = "tcw-modal-body";
 		let c = document.createElement("div");
@@ -3823,7 +3303,7 @@ var an = {
 			t.className = "tcw-hotkey-section";
 			let n = document.createElement("div");
 			n.className = "tcw-settings-section-title";
-			let r = an[e.title];
+			let r = tn[e.title];
 			n.textContent = r ? this.t(r) : e.title, t.appendChild(n);
 			for (let n of e.entries) {
 				let e = document.createElement("div");
@@ -3863,7 +3343,7 @@ var an = {
 	destroy() {
 		this.close();
 	}
-}, cn = {
+}, an = {
 	selectHint: "Click a bar to start the replay",
 	random: "Random bar",
 	realtime: "Back to realtime",
@@ -3876,7 +3356,7 @@ var an = {
 	position: "Replay position",
 	speed: "Speed",
 	step: "Step"
-}, ln = [
+}, on = [
 	1,
 	2,
 	3,
@@ -3884,7 +3364,7 @@ var an = {
 	10,
 	25,
 	50
-], un = class {
+], sn = class {
 	root = null;
 	scrubber = null;
 	progressLabel = null;
@@ -3900,7 +3380,7 @@ var an = {
 	labels;
 	constructor(e, t = {}) {
 		this.callbacks = e, this.labels = {
-			...cn,
+			...an,
 			...t
 		};
 	}
@@ -3933,16 +3413,16 @@ var an = {
 		this.unmount();
 	}
 	markup() {
-		let e = this.labels, t = ln.map((t) => `<option value="${t}"${t === this.speed ? " selected" : ""}>${t} ${N(e.barsPerSecond)}</option>`).join("");
+		let e = this.labels, t = on.map((t) => `<option value="${t}"${t === this.speed ? " selected" : ""}>${t} ${N(e.barsPerSecond)}</option>`).join("");
 		return `
       <span class="tcw-replay-group" data-mode="select">
-        <span class="tcw-replay-hint" role="status">${hn()}${N(e.selectHint)}</span>
+        <span class="tcw-replay-hint" role="status">${fn()}${N(e.selectHint)}</span>
         <button class="tcw-replay-text-btn" data-act="random">${N(e.random)}</button>
       </span>
       <span class="tcw-replay-group" data-mode="replay">
-        <button class="tcw-replay-btn" data-act="stepBack" title="${N(e.stepBack)}" aria-label="${N(e.stepBack)}">${pn()}</button>
-        <button class="tcw-replay-btn tcw-replay-play" data-act="play" title="${N(e.play)}" aria-label="${N(e.play)}">${dn()}</button>
-        <button class="tcw-replay-btn" data-act="stepForward" title="${N(e.stepForward)}" aria-label="${N(e.stepForward)}">${mn()}</button>
+        <button class="tcw-replay-btn" data-act="stepBack" title="${N(e.stepBack)}" aria-label="${N(e.stepBack)}">${un()}</button>
+        <button class="tcw-replay-btn tcw-replay-play" data-act="play" title="${N(e.play)}" aria-label="${N(e.play)}">${cn()}</button>
+        <button class="tcw-replay-btn" data-act="stepForward" title="${N(e.stepForward)}" aria-label="${N(e.stepForward)}">${dn()}</button>
         <input type="range" class="tcw-replay-scrubber" data-act="seek" min="0" max="${Math.max(0, this.total - 1)}" value="0" step="1" aria-label="${N(this.labels.position)}" />
         <span class="tcw-replay-progress" data-tcw="progress">1 / ${this.total}</span>
         <select class="tcw-replay-speed" data-act="speed" aria-label="${N(this.labels.speed)}">${t}</select>
@@ -3968,31 +3448,13 @@ var an = {
 			for (let t of e.querySelectorAll(".tcw-replay-group")) t.hidden = t.dataset.mode !== this.mode;
 			if (e.classList.toggle("tcw-replay-bar--ended", this.ended), this.playBtn) {
 				let e = this.state === "playing";
-				this.playBtn.innerHTML = e ? fn() : dn(), this.playBtn.title = e ? this.labels.pause : this.labels.play, this.playBtn.setAttribute("aria-label", this.playBtn.title);
+				this.playBtn.innerHTML = e ? ln() : cn(), this.playBtn.title = e ? this.labels.pause : this.labels.play, this.playBtn.setAttribute("aria-label", this.playBtn.title);
 				let t = this.ended && !e;
 				t && document.activeElement === this.playBtn && this.realtimeBtn?.focus(), this.playBtn.disabled = t;
 			}
 		}
 	}
-};
-function dn() {
-	return "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7L8 5z\"/></svg>";
-}
-function fn() {
-	return "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M6 5h4v14H6zM14 5h4v14h-4z\"/></svg>";
-}
-function pn() {
-	return "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M6 6h2v12H6zM20 6L9 12l11 6V6z\"/></svg>";
-}
-function mn() {
-	return "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M4 6l11 6L4 18V6zM16 6h2v12h-2z\"/></svg>";
-}
-function hn() {
-	return "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M12 3v18M8 7l4-4 4 4M8 17l4 4 4-4\"/></svg>";
-}
-//#endregion
-//#region src/widget/WidgetWatchlist.ts
-var gn = class {
+}, cn = () => j("play", 14), ln = () => j("pause", 14), un = () => j("stepBack", 14), dn = () => j("stepForward", 14), fn = () => j("cursor", 14), pn = class {
 	el;
 	headerEl;
 	nameBtn;
@@ -4059,7 +3521,7 @@ var gn = class {
 		let t = document.createElement("div");
 		t.className = "tcw-watchlist-row", t.setAttribute("role", "listitem"), t.dataset.symbol = e, t.tabIndex = 0, t.draggable = !!this.callbacks.onMove;
 		let n = document.createElement("div");
-		n.className = "tcw-watchlist-symbol", n.textContent = _n(e);
+		n.className = "tcw-watchlist-symbol", n.textContent = mn(e);
 		let r = document.createElement("canvas");
 		r.className = "tcw-watchlist-spark", r.width = 64, r.height = 22;
 		let i = document.createElement("div");
@@ -4069,7 +3531,7 @@ var gn = class {
 		let o = document.createElement("span");
 		if (o.className = "tcw-watchlist-change", i.append(a, o), t.append(n, r, i), this.callbacks.onRemove) {
 			let n = document.createElement("button");
-			n.type = "button", n.className = "tcw-watchlist-remove", n.textContent = "×", n.tabIndex = -1;
+			n.type = "button", n.className = "tcw-watchlist-remove", n.innerHTML = j("x", 12), n.tabIndex = -1;
 			let r = p(this.labels.remove, { symbol: e });
 			n.title = r, n.setAttribute("aria-label", r), n.addEventListener("click", (t) => {
 				t.stopPropagation(), this.callbacks.onRemove?.(e);
@@ -4118,14 +3580,14 @@ var gn = class {
 	renderRow(e) {
 		let t = this.rowMap.get(e), n = this.entries.get(e);
 		if (!(!t || !n)) {
-			if (n.lastPrice !== void 0 && (t.priceEl.textContent = vn(n.lastPrice, this.locale)), n.lastPrice !== void 0 && n.refPrice !== void 0 && n.refPrice !== 0) {
+			if (n.lastPrice !== void 0 && (t.priceEl.textContent = hn(n.lastPrice, this.locale)), n.lastPrice !== void 0 && n.refPrice !== void 0 && n.refPrice !== 0) {
 				let e = n.lastPrice - n.refPrice, r = e / n.refPrice * 100, i = e >= 0 ? "+" : "-", a = Math.abs(r).toLocaleString(this.locale, {
 					minimumFractionDigits: 2,
 					maximumFractionDigits: 2
 				});
 				t.changeEl.textContent = `${i}${a}%`, t.changeEl.className = `tcw-watchlist-change ${e >= 0 ? "tcw-up" : "tcw-down"}`;
 			} else t.changeEl.textContent = "";
-			n.sparkline && n.sparkline.length >= 2 && yn(t.sparkCanvas, n.sparkline, n.refPrice ?? n.sparkline[0]);
+			n.sparkline && n.sparkline.length >= 2 && gn(t.sparkCanvas, n.sparkline, n.refPrice ?? n.sparkline[0]);
 		}
 	}
 	openMenu() {
@@ -4184,7 +3646,7 @@ var gn = class {
 		}), n.addEventListener("blur", () => i(!1)), n.focus();
 	}
 };
-function _n(e) {
+function mn(e) {
 	for (let t of [
 		"USDT",
 		"USD",
@@ -4194,7 +3656,7 @@ function _n(e) {
 	]) if (e.length > t.length && e.endsWith(t)) return e.slice(0, -t.length) + "/" + t;
 	return e;
 }
-function vn(e, t) {
+function hn(e, t) {
 	if (e === 0) return "0";
 	let n = Math.abs(e);
 	return n >= 1e3 ? e.toLocaleString(t, {
@@ -4205,7 +3667,7 @@ function vn(e, t) {
 		maximumFractionDigits: 4
 	}) : Number(e.toPrecision(4)).toLocaleString(t, { maximumFractionDigits: 10 });
 }
-function yn(e, t, n) {
+function gn(e, t, n) {
 	let r = e.getContext("2d");
 	if (!r) return;
 	let i = window.devicePixelRatio || 1;
@@ -4223,32 +3685,32 @@ function yn(e, t, n) {
 }
 //#endregion
 //#region src/widget/WatchlistStore.ts
-var bn = 50, xn = 500, Sn = 60, Cn = 64, wn = (e) => typeof e == "string" && e.trim().slice(0, Sn) || null, Tn = (e) => {
+var _n = 50, vn = 500, yn = 60, bn = 64, xn = (e) => typeof e == "string" && e.trim().slice(0, yn) || null, Sn = (e) => {
 	if (typeof e != "string") return null;
 	let t = e.trim();
-	return t && t.length <= Cn ? t : null;
+	return t && t.length <= bn ? t : null;
 };
-function En(e) {
+function Cn(e) {
 	let t = [];
 	for (let n of e) {
-		let e = Tn(n);
-		if (e && !t.includes(e) && t.push(e), t.length === xn) break;
+		let e = Sn(n);
+		if (e && !t.includes(e) && t.push(e), t.length === vn) break;
 	}
 	return t;
 }
-function Dn(e) {
+function wn(e) {
 	if (!e || typeof e != "object") return null;
 	let t = e;
 	if (!Array.isArray(t.lists)) return null;
 	let n = [];
 	for (let e of t.lists) {
-		if (n.length === bn) break;
+		if (n.length === _n) break;
 		if (!e || typeof e != "object") continue;
-		let t = e, r = typeof t.id == "string" && t.id && t.id.length <= Cn ? t.id : null, i = wn(t.name);
+		let t = e, r = typeof t.id == "string" && t.id && t.id.length <= bn ? t.id : null, i = xn(t.name);
 		!r || !i || n.some((e) => e.id === r) || n.push({
 			id: r,
 			name: i,
-			symbols: Array.isArray(t.symbols) ? En(t.symbols) : []
+			symbols: Array.isArray(t.symbols) ? Cn(t.symbols) : []
 		});
 	}
 	return n.length === 0 ? null : {
@@ -4256,10 +3718,10 @@ function Dn(e) {
 		active: typeof t.active == "string" && n.some((e) => e.id === t.active) ? t.active : n[0].id
 	};
 }
-var On = (e) => ({
+var Tn = (e) => ({
 	...e,
 	symbols: [...e.symbols]
-}), kn = class {
+}), En = class {
 	lists;
 	active;
 	listeners = /* @__PURE__ */ new Set();
@@ -4267,38 +3729,38 @@ var On = (e) => ({
 	storageKey;
 	constructor(e) {
 		this.storage = e.storage ?? null, this.storageKey = e.storageKey ?? "tcw:watchlists";
-		let t = this.load(), n = e.lists ? Dn({
+		let t = this.load(), n = e.lists ? wn({
 			lists: e.lists,
 			active: e.activeList
 		}) : null, r = t ?? n ?? {
 			lists: [{
 				id: "default",
-				name: wn(e.defaultName) ?? "Watchlist",
-				symbols: En(e.symbols ?? [])
+				name: xn(e.defaultName) ?? "Watchlist",
+				symbols: Cn(e.symbols ?? [])
 			}],
 			active: "default"
 		};
 		this.lists = r.lists, this.active = r.active;
 	}
 	getLists() {
-		return this.lists.map(On);
+		return this.lists.map(Tn);
 	}
 	getActive() {
-		return On(this.activeList());
+		return Tn(this.activeList());
 	}
 	setActive(e) {
 		e === this.active || !this.lists.some((t) => t.id === e) || (this.active = e, this.changed());
 	}
 	replace(e, t) {
-		let n = Dn({
+		let n = wn({
 			lists: e,
 			active: t ?? this.active
 		});
 		n && (this.lists = n.lists, this.active = n.active, this.changed());
 	}
 	create(e) {
-		let t = wn(e);
-		if (!t || this.lists.length >= bn) return null;
+		let t = xn(e);
+		if (!t || this.lists.length >= _n) return null;
 		let n = this.lists.length + 1;
 		for (; this.lists.some((e) => e.id === `list-${n}`);) n++;
 		let r = {
@@ -4306,10 +3768,10 @@ var On = (e) => ({
 			name: t,
 			symbols: []
 		};
-		return this.lists = [...this.lists, r], this.active = r.id, this.changed(), On(r);
+		return this.lists = [...this.lists, r], this.active = r.id, this.changed(), Tn(r);
 	}
 	rename(e, t) {
-		let n = wn(t);
+		let n = xn(t);
 		n && this.update(e, (e) => ({
 			...e,
 			name: n
@@ -4319,8 +3781,8 @@ var On = (e) => ({
 		this.lists.length <= 1 || !this.lists.some((t) => t.id === e) || (this.lists = this.lists.filter((t) => t.id !== e), this.active === e && (this.active = this.lists[0].id), this.changed());
 	}
 	add(e, t = this.active) {
-		let n = Tn(e), r = this.lists.find((e) => e.id === t);
-		return !n || !r || r.symbols.includes(n) || r.symbols.length >= xn ? !1 : (this.update(t, (e) => ({
+		let n = Sn(e), r = this.lists.find((e) => e.id === t);
+		return !n || !r || r.symbols.includes(n) || r.symbols.length >= vn ? !1 : (this.update(t, (e) => ({
 			...e,
 			symbols: [...e.symbols, n]
 		})), !0);
@@ -4363,7 +3825,7 @@ var On = (e) => ({
 		if (!this.storage) return null;
 		try {
 			let e = this.storage.getItem(this.storageKey);
-			return e ? Dn(JSON.parse(e)) : null;
+			return e ? wn(JSON.parse(e)) : null;
 		} catch {
 			return null;
 		}
@@ -4376,7 +3838,7 @@ var On = (e) => ({
 			}));
 		} catch {}
 	}
-}, An = class {
+}, Dn = class {
 	el;
 	bodyEl;
 	newsEl;
@@ -4453,7 +3915,7 @@ function z(e, t, n) {
 }
 //#endregion
 //#region src/widget/WidgetChartNav.ts
-var jn = 300, Mn = 80, Nn = class {
+var On = 300, kn = 80, An = class {
 	el;
 	holdTimer = null;
 	repeatTimer = null;
@@ -4544,8 +4006,8 @@ var jn = 300, Mn = 80, Nn = class {
 	}
 	startHold(e) {
 		this.stopHold(), this.actions.scroll(e), this.holdTimer = setTimeout(() => {
-			this.repeatTimer = setInterval(() => this.actions.scroll(e), Mn);
-		}, jn);
+			this.repeatTimer = setInterval(() => this.actions.scroll(e), kn);
+		}, On);
 	}
 	stopHold() {
 		this.holdTimer && clearTimeout(this.holdTimer), this.repeatTimer && clearInterval(this.repeatTimer), this.holdTimer = null, this.repeatTimer = null;
@@ -4553,17 +4015,17 @@ var jn = 300, Mn = 80, Nn = class {
 };
 //#endregion
 //#region src/widget/WidgetAlertsPanel.ts
-function Pn(e, t, n, r = !1) {
-	let i = e.label ?? t("alerts.source.price"), a = zn.get(e.condition), o = a ? t(a) : e.condition;
-	if (In.includes(e.condition)) return `${i} ${o} ${p(t("alerts.moveSummary"), {
+function jn(e, t, n, r = !1) {
+	let i = e.label ?? t("alerts.source.price"), a = In.get(e.condition), o = a ? t(a) : e.condition;
+	if (Nn.includes(e.condition)) return `${i} ${o} ${p(t("alerts.moveSummary"), {
 		percent: e.percent ?? 0,
 		bars: e.bars ?? 0
 	})}`;
 	if (e.target) return `${i} ${o} ${e.targetLabel ?? e.target}`;
-	let s = e.channel && e.channel !== "price", c = Number.isFinite(e.price) ? s ? Vn(e.price) : n(e.price) : "—";
+	let s = e.channel && e.channel !== "price", c = Number.isFinite(e.price) ? s ? Rn(e.price) : n(e.price) : "—";
 	return `${(s || e.drawingId) && e.label ? `${e.label} ` : r ? `${i} ` : ""}${o} ${c}`;
 }
-var Fn = [
+var Mn = [
 	{
 		value: "crossing",
 		key: "alerts.condition.crossing"
@@ -4592,20 +4054,20 @@ var Fn = [
 		value: "movesDown",
 		key: "alerts.condition.movesDown"
 	}
-], In = ["movesUp", "movesDown"], Ln = {
+], Nn = ["movesUp", "movesDown"], Pn = {
 	hour: 36e5,
 	day: 864e5,
 	week: 7 * 864e5,
 	month: 30 * 864e5
-}, Rn = "", zn = new Map(Fn.map((e) => [e.value, e.key]));
-function Bn(e) {
+}, Fn = "", In = new Map(Mn.map((e) => [e.value, e.key]));
+function Ln(e) {
 	return Math.round(e * 1e6) / 1e6;
 }
-function Vn(e) {
+function Rn(e) {
 	let t = Math.abs(e);
 	return t >= 1e3 || t >= 1 ? e.toFixed(2) : e.toPrecision(4);
 }
-var Hn = class {
+var zn = class {
 	el;
 	listEl;
 	priceInput;
@@ -4639,11 +4101,11 @@ var Hn = class {
 		o.className = "tcw-alerts-form", o.noValidate = !0, this.sourceSelect = document.createElement("select"), this.sourceSelect.className = "tcw-alerts-source", this.sourceSelect.setAttribute("aria-label", this.t("alerts.source")), this.sourceSelect.addEventListener("change", () => {
 			this.renderTargets(), this.prefillPrice();
 		}), this.conditionSelect = document.createElement("select"), this.conditionSelect.className = "tcw-alerts-condition", this.conditionSelect.setAttribute("aria-label", this.t("alerts.conditionLabel"));
-		for (let e of Fn) {
+		for (let e of Mn) {
 			let t = document.createElement("option");
 			t.value = e.value, t.textContent = this.t(e.key), this.conditionSelect.appendChild(t);
 		}
-		this.conditionSelect.addEventListener("change", () => this.showFields()), this.levelRow = document.createElement("div"), this.levelRow.className = "tcw-alerts-row-fields", this.targetSelect = document.createElement("select"), this.targetSelect.className = "tcw-alerts-target", this.targetSelect.setAttribute("aria-label", this.t("alerts.compareWith")), this.targetSelect.addEventListener("change", () => this.showFields()), this.priceInput = document.createElement("input"), this.priceInput.type = "number", this.priceInput.step = "any", this.priceInput.placeholder = this.t("alerts.value"), this.priceInput.setAttribute("aria-label", this.t("alerts.value")), this.priceInput.className = "tcw-alerts-price", this.levelRow.append(this.targetSelect, this.priceInput), this.moveRow = document.createElement("div"), this.moveRow.className = "tcw-alerts-row-fields", this.percentInput = this.numberField("tcw-alerts-percent", this.t("alerts.percent"), "1", "0.01"), this.barsInput = this.numberField("tcw-alerts-bars", this.t("alerts.bars"), "10", "1"), this.barsInput.min = String(be), this.barsInput.max = String(ye), this.moveRow.append(this.percentInput, this.barsInput);
+		this.conditionSelect.addEventListener("change", () => this.showFields()), this.levelRow = document.createElement("div"), this.levelRow.className = "tcw-alerts-row-fields", this.targetSelect = document.createElement("select"), this.targetSelect.className = "tcw-alerts-target", this.targetSelect.setAttribute("aria-label", this.t("alerts.compareWith")), this.targetSelect.addEventListener("change", () => this.showFields()), this.priceInput = document.createElement("input"), this.priceInput.type = "number", this.priceInput.step = "any", this.priceInput.placeholder = this.t("alerts.value"), this.priceInput.setAttribute("aria-label", this.t("alerts.value")), this.priceInput.className = "tcw-alerts-price", this.levelRow.append(this.targetSelect, this.priceInput), this.moveRow = document.createElement("div"), this.moveRow.className = "tcw-alerts-row-fields", this.percentInput = this.numberField("tcw-alerts-percent", this.t("alerts.percent"), "1", "0.01"), this.barsInput = this.numberField("tcw-alerts-bars", this.t("alerts.bars"), "10", "1"), this.barsInput.min = String(we), this.barsInput.max = String(Ce), this.moveRow.append(this.percentInput, this.barsInput);
 		let s = document.createElement("div");
 		s.className = "tcw-alerts-row-fields tcw-alerts-options";
 		let c = document.createElement("label");
@@ -4669,20 +4131,20 @@ var Hn = class {
 		return i.type = "number", i.step = r, i.min = "0", i.value = n, i.className = e, i.placeholder = t, i.setAttribute("aria-label", t), i;
 	}
 	showFields() {
-		let e = In.includes(this.conditionSelect.value);
-		this.moveRow.hidden = !e, this.levelRow.hidden = e, this.priceInput.hidden = this.targetSelect.value !== Rn;
+		let e = Nn.includes(this.conditionSelect.value);
+		this.moveRow.hidden = !e, this.levelRow.hidden = e, this.priceInput.hidden = this.targetSelect.value !== Fn;
 	}
 	renderTargets() {
 		let e = this.targetSelect.value, t = this.sourceSelect.value || "price";
 		this.targetSelect.replaceChildren();
 		let n = document.createElement("option");
-		n.value = Rn, n.textContent = this.t("alerts.compare.value"), this.targetSelect.appendChild(n);
+		n.value = Fn, n.textContent = this.t("alerts.compare.value"), this.targetSelect.appendChild(n);
 		for (let e of this.sources) {
 			if (e.channel === t) continue;
 			let n = document.createElement("option");
 			n.value = e.channel, n.textContent = e.label, this.targetSelect.appendChild(n);
 		}
-		this.targetSelect.value = [...this.targetSelect.options].some((t) => t.value === e) ? e : Rn, this.showFields();
+		this.targetSelect.value = [...this.targetSelect.options].some((t) => t.value === e) ? e : Fn, this.showFields();
 	}
 	setSources(e) {
 		this.sources = e.length > 0 ? e : [{
@@ -4710,7 +4172,7 @@ var Hn = class {
 	}
 	prefillPrice() {
 		let e = this.callbacks.getChannelValue(this.sourceSelect.value || "price");
-		this.priceInput.value = e === null ? "" : String(Bn(e));
+		this.priceInput.value = e === null ? "" : String(Ln(e));
 	}
 	close() {
 		this.open = !1, this.el.hidden = !0;
@@ -4723,20 +4185,20 @@ var Hn = class {
 	}
 	submitForm() {
 		let e = this.conditionSelect.value, t = this.messageInput.value.trim() || void 0, n = this.sourceSelect.value || "price", r = this.sources.find((e) => e.channel === n)?.label ?? this.t("alerts.source.price"), i = {}, a = NaN;
-		if (In.includes(e)) {
+		if (Nn.includes(e)) {
 			i.percent = Number(this.percentInput.value), i.bars = Number(this.barsInput.value);
-			let e = Number.isInteger(i.bars) && i.bars >= be && i.bars <= ye;
+			let e = Number.isInteger(i.bars) && i.bars >= we && i.bars <= Ce;
 			if (!(i.percent > 0) || !e) {
 				this.markInvalid(i.percent > 0 ? this.barsInput : this.percentInput);
 				return;
 			}
-		} else if (this.targetSelect.value !== Rn) i.target = this.targetSelect.value;
+		} else if (this.targetSelect.value !== Fn) i.target = this.targetSelect.value;
 		else if (a = Number(this.priceInput.value), this.priceInput.value.trim() === "" || !Number.isFinite(a)) {
 			this.markInvalid(this.priceInput);
 			return;
 		}
 		this.closeCheck.checked && (i.onBarClose = !0);
-		let o = Ln[this.expirySelect.value];
+		let o = Pn[this.expirySelect.value];
 		o && (i.expiresAt = (this.callbacks.now ?? Date.now)() + o), this.callbacks.onAdd({
 			price: a,
 			condition: e,
@@ -4750,7 +4212,7 @@ var Hn = class {
 		e.setAttribute("aria-invalid", "true"), e.focus(), e.addEventListener("input", () => e.removeAttribute("aria-invalid"), { once: !0 });
 	}
 	describe(e) {
-		return Pn(e, this.t, this.callbacks.formatPrice);
+		return jn(e, this.t, this.callbacks.formatPrice);
 	}
 	renderList() {
 		if (this.listEl.replaceChildren(), this.alerts.length === 0) {
@@ -4785,7 +4247,7 @@ var Hn = class {
 			a.type = "button", a.className = "tcw-alerts-del", a.setAttribute("aria-label", this.t("alerts.delete")), a.innerHTML = j("trash", 14), a.addEventListener("click", () => this.callbacks.onRemove(e.id)), t.appendChild(n), t.appendChild(a), this.listEl.appendChild(t);
 		}
 	}
-}, Un = "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", Wn = "'JetBrains Mono', 'SF Mono', 'Cascadia Code', 'Fira Code', 'Consolas', ui-monospace, monospace", Gn = {
+}, Bn = "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", Vn = "'JetBrains Mono', 'SF Mono', 'Cascadia Code', 'Fira Code', 'Consolas', ui-monospace, monospace", Hn = {
 	studio: {
 		radius: {
 			xs: 3,
@@ -4807,8 +4269,8 @@ var Hn = class {
 			menuItem: 30
 		},
 		font: {
-			family: `'Manrope', 'Inter', ${Un}`,
-			mono: Wn,
+			family: `'Manrope', 'Inter', ${Bn}`,
+			mono: Vn,
 			size: 13,
 			weight: 500,
 			strongWeight: 600,
@@ -4853,7 +4315,7 @@ var Hn = class {
 			menuItem: 26
 		},
 		font: {
-			family: `'IBM Plex Sans Condensed', 'Roboto Condensed', 'Arial Narrow', ${Un}`,
+			family: `'IBM Plex Sans Condensed', 'Roboto Condensed', 'Arial Narrow', ${Bn}`,
 			mono: "'IBM Plex Mono', ui-monospace, monospace",
 			size: 12,
 			weight: 500,
@@ -4901,8 +4363,8 @@ var Hn = class {
 			menuItem: 34
 		},
 		font: {
-			family: `'Sora', 'Manrope', ${Un}`,
-			mono: Wn,
+			family: `'Sora', 'Manrope', ${Bn}`,
+			mono: Vn,
 			size: 13,
 			weight: 500,
 			strongWeight: 600,
@@ -4925,7 +4387,7 @@ var Hn = class {
 		intervals: "segmented",
 		tagRadius: 999
 	}
-}, Kn = {
+}, Un = {
 	compact: {
 		toolbar: 38,
 		control: 26,
@@ -4943,7 +4405,7 @@ var Hn = class {
 		menuItem: 34
 	}
 };
-function qn(e, t) {
+function Wn(e, t) {
 	return {
 		control: e.md,
 		input: e.md,
@@ -4958,26 +4420,26 @@ function qn(e, t) {
 		...t
 	};
 }
-var Jn = Object.freeze(Object.fromEntries(Object.keys(Gn).map((e) => [e, Xn(Yn(e))])));
-function Yn(e) {
-	let t = Gn[e];
+var Gn = Object.freeze(Object.fromEntries(Object.keys(Hn).map((e) => [e, qn(Kn(e))])));
+function Kn(e) {
+	let t = Hn[e];
 	return {
 		...t,
 		preset: e,
 		radius: { ...t.radius },
-		components: qn(t.radius, t.components),
+		components: Wn(t.radius, t.components),
 		sizes: { ...t.sizes },
 		font: { ...t.font },
 		borders: { ...t.borders },
 		shadows: { ...t.shadows }
 	};
 }
-function Xn(e) {
-	for (let t of Object.values(e)) t && typeof t == "object" && Xn(t);
+function qn(e) {
+	for (let t of Object.values(e)) t && typeof t == "object" && qn(t);
 	return Object.freeze(e);
 }
-var Zn = (e) => e === "studio" || e === "terminal" || e === "capsule", B = (e, t, n) => typeof e == "number" && Number.isFinite(e) && e >= t && e <= n, Qn = (e) => typeof e == "string" && e.trim().length > 0 && e.length <= 300 && !/[;{}<>\\]|url\s*\(|expression\s*\(|\/\*/i.test(e) && $n(e);
-function $n(e) {
+var Jn = (e) => e === "studio" || e === "terminal" || e === "capsule", B = (e, t, n) => typeof e == "number" && Number.isFinite(e) && e >= t && e <= n, Yn = (e) => typeof e == "string" && e.trim().length > 0 && e.length <= 300 && !/[;{}<>\\]|url\s*\(|expression\s*\(|\/\*/i.test(e) && Xn(e);
+function Xn(e) {
 	let t = 0, n = "";
 	for (let r of e) if (n) r === n && (n = "");
 	else if (r === "\"" || r === "'") n = r;
@@ -4985,7 +4447,7 @@ function $n(e) {
 	else if (r === ")" && --t < 0) return !1;
 	return t === 0 && !n;
 }
-var er = (e, t) => typeof e == "string" && t.includes(e);
+var Zn = (e, t) => typeof e == "string" && t.includes(e);
 function V(e, t, n) {
 	let r = { ...e };
 	if (!t || typeof t != "object") return r;
@@ -4996,28 +4458,28 @@ function V(e, t, n) {
 	return r;
 }
 function H(e) {
-	let t = typeof e == "string" ? { preset: e } : e ?? {}, n = Zn(t.preset) ? t.preset : "studio", r = Gn[n], i = V(r.radius, t.radius, (e, t) => B(t, 0, 999)), a = V(t.density === "compact" || t.density === "spacious" ? Kn[t.density] : r.sizes, t.sizes, (e, t) => e === "icon" ? B(t, 10, 32) : B(t, 16, 80)), o = V(r.font, t.font, (e, t) => e === "family" || e === "mono" ? Qn(t) : e === "size" ? B(t, 11, 20) : e === "weight" || e === "strongWeight" ? B(t, 100, 900) : e === "labelCase" ? t === "none" || t === "uppercase" : B(t, 0, .5));
+	let t = typeof e == "string" ? { preset: e } : e ?? {}, n = Jn(t.preset) ? t.preset : "studio", r = Hn[n], i = V(r.radius, t.radius, (e, t) => B(t, 0, 999)), a = V(t.density === "compact" || t.density === "spacious" ? Un[t.density] : r.sizes, t.sizes, (e, t) => e === "icon" ? B(t, 10, 32) : B(t, 16, 80)), o = V(r.font, t.font, (e, t) => e === "family" || e === "mono" ? Yn(t) : e === "size" ? B(t, 11, 20) : e === "weight" || e === "strongWeight" ? B(t, 100, 900) : e === "labelCase" ? t === "none" || t === "uppercase" : B(t, 0, .5));
 	return {
 		preset: n,
 		radius: i,
-		components: V(qn(i, r.components), t.components, (e, t) => B(t, 0, 999)),
+		components: V(Wn(i, r.components), t.components, (e, t) => B(t, 0, 999)),
 		sizes: a,
 		font: o,
 		borders: V(r.borders, t.borders, (e, t) => e === "width" ? B(t, 0, 4) : typeof t == "boolean"),
-		shadows: V(r.shadows, t.shadows, (e, t) => Qn(t)),
+		shadows: V(r.shadows, t.shadows, (e, t) => Yn(t)),
 		blur: B(t.blur, 0, 40) ? t.blur : r.blur,
-		active: er(t.active, [
+		active: Zn(t.active, [
 			"tint",
 			"solid",
 			"underline"
 		]) ? t.active : r.active,
-		toolbar: er(t.toolbar, ["docked", "floating"]) ? t.toolbar : r.toolbar,
-		sidebar: er(t.sidebar, ["docked", "floating"]) ? t.sidebar : r.sidebar,
-		intervals: er(t.intervals, ["plain", "segmented"]) ? t.intervals : r.intervals,
+		toolbar: Zn(t.toolbar, ["docked", "floating"]) ? t.toolbar : r.toolbar,
+		sidebar: Zn(t.sidebar, ["docked", "floating"]) ? t.sidebar : r.sidebar,
+		intervals: Zn(t.intervals, ["plain", "segmented"]) ? t.intervals : r.intervals,
 		tagRadius: B(t.tagRadius, 0, 999) ? t.tagRadius : r.tagRadius
 	};
 }
-function tr(e) {
+function Qn(e) {
 	let t = (e) => `${e}px`, n = e.radius, r = e.components, i = e.sizes, a = e.font;
 	return {
 		"--tcw-radius-xs": t(n.xs),
@@ -5062,12 +4524,12 @@ function tr(e) {
 }
 function U(e, t, n = {}) {
 	let r = n.variables !== !1;
-	for (let [n, i] of Object.entries(tr(t))) r ? e.style.setProperty(n, i) : e.style.removeProperty(n);
+	for (let [n, i] of Object.entries(Qn(t))) r ? e.style.setProperty(n, i) : e.style.removeProperty(n);
 	e.dataset.tcwUi = t.preset, e.dataset.tcwActive = t.active, e.dataset.tcwToolbar = t.toolbar, e.dataset.tcwSidebar = t.sidebar, e.dataset.tcwIntervals = t.intervals, e.dataset.tcwSeparators = t.borders.separators ? "on" : "off";
 }
 //#endregion
 //#region src/widget/WidgetObjectTree.ts
-var nr = class {
+var $n = class {
 	el;
 	indicatorsEl;
 	drawingsEl;
@@ -5219,7 +4681,7 @@ var nr = class {
 		let i = document.createElement("button");
 		return i.type = "button", i.className = `tcw-tree-btn ${n}`.trim(), i.setAttribute("aria-label", t), i.title = t, i.innerHTML = j(e, 14), i.addEventListener("click", r), i;
 	}
-}, rr = {
+}, er = {
 	trendLine: "Trend Line",
 	ray: "Ray",
 	extendedLine: "Extended Line",
@@ -5262,33 +4724,33 @@ var nr = class {
 	volumeProfileRange: "Volume Profile",
 	riskReward: "Long/Short Position"
 };
-function ir(e, t) {
+function tr(e, t) {
 	let n = `tool.${e}`, r = t?.(n);
-	return r && r !== n ? r : rr[e] ?? e;
+	return r && r !== n ? r : er[e] ?? e;
 }
 //#endregion
 //#region src/widget/focusTrap.ts
-var ar = "button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+var nr = "button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
 function W(e, t) {
 	if (e.key !== "Tab") return;
-	let n = [...t.querySelectorAll(ar)].filter((e) => e.getClientRects().length > 0 || e === document.activeElement);
+	let n = [...t.querySelectorAll(nr)].filter((e) => e.getClientRects().length > 0 || e === document.activeElement);
 	if (n.length === 0) return;
 	let r = n[0], i = n[n.length - 1], a = document.activeElement;
 	e.shiftKey && (a === r || !t.contains(a)) ? (e.preventDefault(), i.focus()) : !e.shiftKey && (a === i || !t.contains(a)) && (e.preventDefault(), r.focus());
 }
 //#endregion
 //#region src/widget/WidgetIndicatorSettings.ts
-var or = 1, sr = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/, cr = [
+var rr = 1, ir = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/, ar = [
 	1,
 	1.5,
 	2,
 	3,
 	4
 ];
-function lr(e) {
+function or(e) {
 	return e.replace(/_/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/^./, (e) => e.toUpperCase());
 }
-var ur = class {
+var sr = class {
 	backdrop;
 	modal;
 	bodyEl;
@@ -5303,7 +4765,7 @@ var ur = class {
 	tab = "inputs";
 	tabButtons = [];
 	returnFocus = null;
-	uid = or++;
+	uid = rr++;
 	t;
 	constructor(e, t, n) {
 		this.callbacks = t, this.t = n ?? ((e) => l[e]), this.backdrop = document.createElement("div"), this.backdrop.className = "tcw-modal-backdrop", this.backdrop.hidden = !0, this.backdrop.addEventListener("click", (e) => {
@@ -5389,14 +4851,14 @@ var ur = class {
 	}
 	fieldRow(e) {
 		let t = this.target?.inputs?.[e], n = this.currentValue(e), r = typeof (this.target?.defaults[e] ?? n), i;
-		return i = t?.source ? this.sourceControl(e, String(n ?? "close")) : t?.options ? this.choiceControl(e, t.options, n) : r === "boolean" ? this.toggleControl(e, !!n) : r === "number" ? this.numberControl(e, Number(n), t) : typeof n == "string" && sr.test(n) ? this.colorInput(n, (t) => this.setValue(e, t)) : this.textControl(e, String(n ?? "")), this.row(t?.label ?? lr(e), i);
+		return i = t?.source ? this.sourceControl(e, String(n ?? "close")) : t?.options ? this.choiceControl(e, t.options, n) : r === "boolean" ? this.toggleControl(e, !!n) : r === "number" ? this.numberControl(e, Number(n), t) : typeof n == "string" && ir.test(n) ? this.colorInput(n, (t) => this.setValue(e, t)) : this.textControl(e, String(n ?? "")), this.row(t?.label ?? or(e), i);
 	}
 	sourceControl(e, t) {
 		let n = document.createElement("select");
 		n.className = "tcw-indi-input tcw-indi-select";
 		let r = document.createElement("optgroup");
 		r.label = this.t("indicatorSettings.source.prices");
-		for (let e of ee) r.appendChild(this.option(e, e));
+		for (let e of ne) r.appendChild(this.option(e, e));
 		n.appendChild(r);
 		let i = this.target?.lineSources ?? [];
 		if (i.length) {
@@ -5453,7 +4915,7 @@ var ur = class {
 		}
 		let i = document.createElement("select");
 		i.className = "tcw-indi-input tcw-indi-select";
-		for (let e of cr) i.appendChild(this.option(String(e), `${e} px`));
+		for (let e of ar) i.appendChild(this.option(String(e), `${e} px`));
 		if (i.value = String(t.lineWidth ?? 1.5), i.addEventListener("change", () => this.callbacks.onStyle?.(t.instanceId, { lineWidths: [Number(i.value)] })), e.appendChild(this.row(this.t("indicatorSettings.lineWidth"), i)), t.scale && this.callbacks.onScale) {
 			let n = document.createElement("select");
 			n.className = "tcw-indi-input tcw-indi-select", n.appendChild(this.option("right", this.t("indicatorSettings.scale.right"))), n.appendChild(this.option("left", this.t("indicatorSettings.scale.left"))), n.value = t.scale, n.addEventListener("change", () => {
@@ -5524,10 +4986,10 @@ var ur = class {
 	}
 	colorInput(e, t) {
 		let n = document.createElement("input");
-		return n.type = "color", n.className = "tcw-indi-color", n.value = dr(e), n.addEventListener("input", () => t(n.value)), n;
+		return n.type = "color", n.className = "tcw-indi-color", n.value = cr(e), n.addEventListener("input", () => t(n.value)), n;
 	}
 };
-function dr(e) {
+function cr(e) {
 	let t = e.trim();
 	if (/^#[0-9a-f]{6}$/i.test(t)) return t.toLowerCase();
 	if (/^#[0-9a-f]{3}$/i.test(t)) return `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}`.toLowerCase();
@@ -5540,43 +5002,43 @@ function dr(e) {
 }
 //#endregion
 //#region src/widget/DrawingTemplateStore.ts
-function fr() {
+function lr() {
 	try {
 		return typeof localStorage < "u" ? localStorage : null;
 	} catch {
 		return null;
 	}
 }
-var pr = 80;
-function mr(e) {
-	let { text: t, ...n } = fe(e);
+var ur = 80;
+function dr(e) {
+	let { text: t, ...n } = ge(e);
 	return n;
 }
-function hr(e) {
+function fr(e) {
 	let t = {
 		name: e.name,
 		style: { ...e.style }
 	};
 	return e.type && (t.type = e.type), e.options && (t.options = structuredClone(e.options)), t;
 }
-var gr = class {
+var pr = class {
 	templates = [];
-	constructor(e = "tcw:draw-templates", t = fr()) {
+	constructor(e = "tcw:draw-templates", t = lr()) {
 		this.storageKey = e, this.storage = t, this.load();
 	}
 	list(e) {
-		return this.templates.filter((t) => !t.type || t.type === e).map(hr);
+		return this.templates.filter((t) => !t.type || t.type === e).map(fr);
 	}
 	get(e, t) {
 		let n = this.templates.find((n) => n.name === e && n.type === t);
-		return n ? hr(n) : null;
+		return n ? fr(n) : null;
 	}
 	save(e, t, n) {
-		let r = e.trim().slice(0, pr);
+		let r = e.trim().slice(0, ur);
 		if (!r) return;
 		let i = {
 			name: r,
-			style: mr(t)
+			style: dr(t)
 		};
 		n && (i.type = n.type, i.options = structuredClone(n.options)), this.templates = this.templates.filter((e) => !(e.name === r && e.type === i.type)), this.templates.push(i), this.persist();
 	}
@@ -5594,8 +5056,8 @@ var gr = class {
 			if (!Array.isArray(t)) return;
 			this.templates = t.filter((e) => e && typeof e.name == "string" && e.name.trim() !== "").map((e) => {
 				let t = {
-					name: e.name.trim().slice(0, pr),
-					style: mr(e.style)
+					name: e.name.trim().slice(0, ur),
+					style: dr(e.style)
 				};
 				return typeof e.type == "string" && (t.type = e.type), e.options && typeof e.options == "object" && !Array.isArray(e.options) && (t.options = e.options), t;
 			});
@@ -5606,9 +5068,9 @@ var gr = class {
 			this.storage.setItem(this.storageKey, JSON.stringify(this.templates));
 		} catch {}
 	}
-}, _r = class {
+}, mr = class {
 	defaults = {};
-	constructor(e = "tcw:drawing-defaults", t = fr()) {
+	constructor(e = "tcw:drawing-defaults", t = lr()) {
 		this.storageKey = e, this.storage = t;
 		try {
 			let e = this.storage?.getItem(this.storageKey), t = e ? JSON.parse(e) : null;
@@ -5624,7 +5086,7 @@ var gr = class {
 			this.storage?.setItem(this.storageKey, JSON.stringify(this.defaults));
 		} catch {}
 	}
-}, vr = [
+}, hr = [
 	"#4c8dff",
 	"#1fa874",
 	"#e8505b",
@@ -5633,16 +5095,16 @@ var gr = class {
 	"#1398a8",
 	"#ffffff",
 	"#7d8696"
-], yr = [
+], gr = [
 	1,
 	2,
 	3,
 	4
-], br = [
+], _r = [
 	"solid",
 	"dashed",
 	"dotted"
-], xr = class {
+], vr = class {
 	el;
 	templatesEl;
 	nameInput;
@@ -5682,7 +5144,7 @@ var gr = class {
 	colorRow() {
 		let e = document.createElement("div");
 		e.className = "tcw-style-row tcw-style-colors";
-		for (let t of vr) {
+		for (let t of hr) {
 			let n = document.createElement("button");
 			n.type = "button", n.className = "tcw-style-swatch", n.style.background = t, n.dataset.color = t, n.setAttribute("aria-label", t), n.addEventListener("click", () => this.applyStyle({ color: t })), e.appendChild(n);
 		}
@@ -5692,7 +5154,7 @@ var gr = class {
 	widthRow() {
 		let e = document.createElement("div");
 		e.className = "tcw-style-row tcw-style-widths";
-		for (let t of yr) {
+		for (let t of gr) {
 			let n = document.createElement("button");
 			n.type = "button", n.className = "tcw-style-width", n.dataset.width = String(t);
 			let r = document.createElement("span");
@@ -5703,7 +5165,7 @@ var gr = class {
 	lineStyleRow() {
 		let e = document.createElement("div");
 		e.className = "tcw-style-row tcw-style-dashes";
-		for (let t of br) {
+		for (let t of _r) {
 			let n = document.createElement("button");
 			n.type = "button", n.className = "tcw-style-dash", n.dataset.linestyle = t, n.textContent = t === "solid" ? "──" : t === "dashed" ? "╌╌" : "┄┄", n.title = t, n.addEventListener("click", () => this.applyStyle({ lineStyle: t })), e.appendChild(n);
 		}
@@ -5751,18 +5213,18 @@ var gr = class {
 			}), e.appendChild(n), e.appendChild(a), this.templatesEl.appendChild(e);
 		}
 	}
-}, Sr = 10, G = 4, Cr = 4, wr = 20, Tr = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\([\d\s.,%/+-]+\)|[a-z]+)$/i;
-function Er(e) {
-	return typeof e == "string" && Tr.test(e.trim()) ? e.trim() : "#7d8696";
+}, yr = 10, G = 4, br = 4, xr = 20, Sr = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\([\d\s.,%/+-]+\)|[a-z]+)$/i;
+function Cr(e) {
+	return typeof e == "string" && Sr.test(e.trim()) ? e.trim() : "#7d8696";
 }
-function Dr(e) {
+function wr(e) {
 	let t = Number(e);
-	return Number.isFinite(t) && t > 0 ? Math.min(t, wr) : 1;
+	return Number.isFinite(t) && t > 0 ? Math.min(t, xr) : 1;
 }
-function Or(e) {
-	return br.includes(e) ? e : "solid";
+function Tr(e) {
+	return _r.includes(e) ? e : "solid";
 }
-var kr = class {
+var Er = class {
 	el;
 	pop;
 	target = null;
@@ -5783,9 +5245,9 @@ var kr = class {
 	show(e) {
 		this.target = e;
 		let t = e.style, n = [
-			Er(t.color),
-			Dr(t.lineWidth),
-			Or(t.lineStyle),
+			Cr(t.color),
+			wr(t.lineWidth),
+			Tr(t.lineStyle),
 			e.locked,
 			e.canDelete,
 			e.canSettings,
@@ -5803,11 +5265,11 @@ var kr = class {
 		document.removeEventListener("pointerdown", this.onDocDown, !0), this.el.remove(), this.pop.remove();
 	}
 	render(e) {
-		let t = this.t, n = Er(e.style.color), r = Dr(e.style.lineWidth), i = Or(e.style.lineStyle), a = e.locked, o = this.el.contains(document.activeElement) ? document.activeElement.dataset.action : void 0, s = (e, t, n, r = "") => `<button type="button" class="tcw-sel-btn${r}" data-action="${e}" aria-label="${N(t)}" title="${N(t)}">${n}</button>`, c = (e, t, n) => s(e, t, n, " tcw-sel-has-pop").replace("<button ", "<button aria-haspopup=\"dialog\" aria-expanded=\"false\" ");
+		let t = this.t, n = Cr(e.style.color), r = wr(e.style.lineWidth), i = Tr(e.style.lineStyle), a = e.locked, o = this.el.contains(document.activeElement) ? document.activeElement.dataset.action : void 0, s = (e, t, n, r = "") => `<button type="button" class="tcw-sel-btn${r}" data-action="${e}" aria-label="${N(t)}" title="${N(t)}">${n}</button>`, c = (e, t, n) => s(e, t, n, " tcw-sel-has-pop").replace("<button ", "<button aria-haspopup=\"dialog\" aria-expanded=\"false\" ");
 		this.el.innerHTML = [
 			c("color", t("drawingSettings.color"), `<span class="tcw-sel-color" style="background:${N(n)}"></span>`),
 			c("width", t("drawingSettings.lineWidth"), `<span class="tcw-sel-width" style="--w:${r}px"></span><span class="tcw-sel-num">${r}px</span>`),
-			c("lineStyle", t("drawingSettings.lineStyle"), Ar(i)),
+			c("lineStyle", t("drawingSettings.lineStyle"), Dr(i)),
 			"<span class=\"tcw-sel-sep\" aria-hidden=\"true\"></span>",
 			e.canSettings ? s("settings", t("legend.settings"), j("settings", 15)) : "",
 			e.canAlert ? s("alert", t("drawingSettings.addAlert"), j("bell", 15)) : "",
@@ -5828,8 +5290,8 @@ var kr = class {
 	place(e) {
 		let { rect: t, bounds: n } = e, { w: r, h: i } = this.size, a = t.x + t.width / 2 - r / 2;
 		a = Math.max(n.x + G, Math.min(a, n.x + n.width - r - G));
-		let o = t.y - i - Sr;
-		o < n.y + G && (o = Math.min(t.y + t.height + Sr, n.y + n.height - i - G)), o = Math.max(o, n.y + G), this.el.style.left = `${Math.round(a)}px`, this.el.style.top = `${Math.round(o)}px`;
+		let o = t.y - i - yr;
+		o < n.y + G && (o = Math.min(t.y + t.height + yr, n.y + n.height - i - G)), o = Math.max(o, n.y + G), this.el.style.left = `${Math.round(a)}px`, this.el.style.top = `${Math.round(o)}px`;
 	}
 	onClick(e) {
 		let t = e.target.closest("[data-action]");
@@ -5860,8 +5322,8 @@ var kr = class {
 		r < 0 || (e.preventDefault(), this.rove(t[r], !0));
 	}
 	openPopover(e, t) {
-		let n = this.target.style, r = Er(n.color).toLowerCase(), i = Dr(n.lineWidth), a = Or(n.lineStyle), o = (e, t, n, r = "") => `<button type="button" class="${e}${t ? " tcw-sel-on" : ""}" aria-pressed="${t}" ${n}>${r}</button>`;
-		this.openPop = e, e === "color" ? this.pop.innerHTML = vr.map((e) => o("tcw-sel-swatch", e.toLowerCase() === r, `data-color="${e}" style="background:${e}" aria-label="${e}"`)).join("") : e === "width" ? this.pop.innerHTML = yr.map((e) => o("tcw-sel-option", e === i, `data-width="${e}"`, `<span class="tcw-sel-width" style="--w:${e}px"></span>${e}px`)).join("") : this.pop.innerHTML = br.map((e) => o("tcw-sel-option", e === a, `data-style="${e}"`, Ar(e) + N(this.t(`drawingSettings.lineStyle.${e}`)))).join(""), this.pop.className = `tcw-sel-pop tcw-sel-pop--${e}`, this.pop.setAttribute("aria-label", t.getAttribute("aria-label") ?? ""), this.pop.hidden = !1;
+		let n = this.target.style, r = Cr(n.color).toLowerCase(), i = wr(n.lineWidth), a = Tr(n.lineStyle), o = (e, t, n, r = "") => `<button type="button" class="${e}${t ? " tcw-sel-on" : ""}" aria-pressed="${t}" ${n}>${r}</button>`;
+		this.openPop = e, e === "color" ? this.pop.innerHTML = hr.map((e) => o("tcw-sel-swatch", e.toLowerCase() === r, `data-color="${e}" style="background:${e}" aria-label="${e}"`)).join("") : e === "width" ? this.pop.innerHTML = gr.map((e) => o("tcw-sel-option", e === i, `data-width="${e}"`, `<span class="tcw-sel-width" style="--w:${e}px"></span>${e}px`)).join("") : this.pop.innerHTML = _r.map((e) => o("tcw-sel-option", e === a, `data-style="${e}"`, Dr(e) + N(this.t(`drawingSettings.lineStyle.${e}`)))).join(""), this.pop.className = `tcw-sel-pop tcw-sel-pop--${e}`, this.pop.setAttribute("aria-label", t.getAttribute("aria-label") ?? ""), this.pop.hidden = !1;
 		for (let e of this.el.querySelectorAll("[aria-expanded=\"true\"]")) e.setAttribute("aria-expanded", "false");
 		t.setAttribute("aria-expanded", "true"), this.placePop(), this.pop.querySelector(".tcw-sel-on, button")?.focus();
 	}
@@ -5872,7 +5334,7 @@ var kr = class {
 		}
 		let t = [...this.pop.querySelectorAll("button")], n = t.indexOf(document.activeElement);
 		if (n < 0) return;
-		let r = this.openPop === "color" ? Cr : 1, i = e.key === "ArrowRight" ? 1 : e.key === "ArrowLeft" ? -1 : e.key === "ArrowDown" ? r : e.key === "ArrowUp" ? -r : 0;
+		let r = this.openPop === "color" ? br : 1, i = e.key === "ArrowRight" ? 1 : e.key === "ArrowLeft" ? -1 : e.key === "ArrowDown" ? r : e.key === "ArrowUp" ? -r : 0;
 		i && (e.preventDefault(), t[(n + i + t.length) % t.length].focus());
 	}
 	placePop() {
@@ -5881,7 +5343,7 @@ var kr = class {
 	}
 	onPick(e) {
 		let t = e.target.closest("button");
-		t && (t.dataset.color ? this.callbacks.onStyle({ color: t.dataset.color }) : t.dataset.width ? this.callbacks.onStyle({ lineWidth: Number(t.dataset.width) }) : t.dataset.style && this.callbacks.onStyle({ lineStyle: Or(t.dataset.style) }), this.closePop(!0));
+		t && (t.dataset.color ? this.callbacks.onStyle({ color: t.dataset.color }) : t.dataset.width ? this.callbacks.onStyle({ lineWidth: Number(t.dataset.width) }) : t.dataset.style && this.callbacks.onStyle({ lineStyle: Tr(t.dataset.style) }), this.closePop(!0));
 	}
 	closePop(e = !1) {
 		if (!this.openPop) return;
@@ -5889,21 +5351,21 @@ var kr = class {
 		t?.setAttribute("aria-expanded", "false"), this.openPop = null, this.pop.hidden = !0, e && t?.focus();
 	}
 };
-function Ar(e) {
+function Dr(e) {
 	return `<svg class="tcw-sel-line" width="22" height="10" viewBox="0 0 22 10" aria-hidden="true"><line x1="1" y1="5" x2="21" y2="5" stroke="currentColor" stroke-width="2"${e === "dashed" ? " stroke-dasharray=\"4 3\"" : e === "dotted" ? " stroke-dasharray=\"1 3\" stroke-linecap=\"round\"" : ""}/></svg>`;
 }
 //#endregion
 //#region src/widget/WidgetDrawingSettings.ts
-var jr = 12, Mr = [
+var Or = 12, kr = [
 	1,
 	2,
 	3,
 	4
-], Nr = [
+], Ar = [
 	"solid",
 	"dashed",
 	"dotted"
-], Pr = [
+], jr = [
 	10,
 	11,
 	12,
@@ -5914,7 +5376,7 @@ var jr = 12, Mr = [
 	24,
 	28,
 	32
-], Fr = 48, Ir = 1, Lr = class {
+], Mr = 48, Nr = 1, Pr = class {
 	backdrop;
 	modal;
 	titleEl;
@@ -5928,7 +5390,7 @@ var jr = 12, Mr = [
 	anchors = [];
 	tab = "style";
 	returnFocus = null;
-	uid = Ir++;
+	uid = Nr++;
 	constructor(e, t, n = h) {
 		this.callbacks = t, this.t = n, this.backdrop = document.createElement("div"), this.backdrop.className = "tcw-modal-backdrop", this.backdrop.hidden = !0;
 		let r = !1;
@@ -5974,7 +5436,7 @@ var jr = 12, Mr = [
 	}
 	tabs() {
 		let e = ["style"];
-		return this.target && Object.keys(this.target.defs).length > 0 && e.push("options"), this.target && this.target.anchors.length <= jr && e.push("coordinates"), e;
+		return this.target && Object.keys(this.target.defs).length > 0 && e.push("options"), this.target && this.target.anchors.length <= Or && e.push("coordinates"), e;
 	}
 	renderTabs() {
 		this.tabButtons = this.tabs().map((e) => {
@@ -6028,22 +5490,22 @@ var jr = 12, Mr = [
 	}
 	renderStyle(e) {
 		let t = this.target;
-		e.appendChild(P(this.t("drawingSettings.color"), Ht(this.style.color, (e) => this.setStyle({ color: e })))), e.appendChild(P(this.t("drawingSettings.lineWidth"), F(Mr.map((e) => ({
+		e.appendChild(P(this.t("drawingSettings.color"), zt(this.style.color, (e) => this.setStyle({ color: e })))), e.appendChild(P(this.t("drawingSettings.lineWidth"), F(kr.map((e) => ({
 			value: String(e),
 			label: `${e} px`
-		})), String(this.style.lineWidth), (e) => this.setStyle({ lineWidth: Number(e) })))), e.appendChild(P(this.t("drawingSettings.lineStyle"), F(Nr.map((e) => ({
+		})), String(this.style.lineWidth), (e) => this.setStyle({ lineWidth: Number(e) })))), e.appendChild(P(this.t("drawingSettings.lineStyle"), F(Ar.map((e) => ({
 			value: e,
 			label: this.t(`drawingSettings.lineStyle.${e}`)
 		})), this.style.lineStyle, (e) => this.setStyle({ lineStyle: e })))), t.fill && this.renderFill(e), t.text && this.renderText(e), this.callbacks.templates && this.renderTemplates(e);
 	}
 	renderFill(e) {
-		let t = this.style.fillColor ?? Gt(this.style.color, .1), n = I(t), r = Wt(t), i = () => this.setStyle({
-			fillColor: Gt(n, r),
+		let t = this.style.fillColor ?? Ht(this.style.color, .1), n = I(t), r = Vt(t), i = () => this.setStyle({
+			fillColor: Ht(n, r),
 			fillOpacity: r
 		});
-		e.appendChild(P(this.t("drawingSettings.fill"), Ht(n, (e) => {
+		e.appendChild(P(this.t("drawingSettings.fill"), zt(n, (e) => {
 			n = e, i();
-		}))), e.appendChild(P(this.t("drawingSettings.opacity"), Vt(Math.round(r * 100), {
+		}))), e.appendChild(P(this.t("drawingSettings.opacity"), Rt(Math.round(r * 100), {
 			min: 0,
 			max: 100,
 			step: 5
@@ -6053,7 +5515,7 @@ var jr = 12, Mr = [
 	}
 	renderText(e) {
 		let t = document.createElement("textarea");
-		t.className = "tcw-indi-input tcw-drawing-text", t.rows = 3, t.value = this.style.text ?? "", t.addEventListener("input", () => this.setStyle({ text: t.value })), e.appendChild(P(this.t("drawingSettings.text"), t)), e.appendChild(P(this.t("drawingSettings.fontSize"), F(Pr.map((e) => ({
+		t.className = "tcw-indi-input tcw-drawing-text", t.rows = 3, t.value = this.style.text ?? "", t.addEventListener("input", () => this.setStyle({ text: t.value })), e.appendChild(P(this.t("drawingSettings.text"), t)), e.appendChild(P(this.t("drawingSettings.fontSize"), F(jr.map((e) => ({
 			value: String(e),
 			label: `${e} px`
 		})), String(this.style.fontSize ?? 12), (e) => this.setStyle({ fontSize: Number(e) }))));
@@ -6073,7 +5535,7 @@ var jr = 12, Mr = [
 			r.className = "tcw-style-tmpl";
 			let a = document.createElement("button");
 			a.type = "button", a.className = "tcw-style-tmpl-apply", a.textContent = e.name, a.addEventListener("click", () => {
-				this.setStyle(e.style), e.options && this.setOptions(de(n.defs, e.options)), this.renderBody();
+				this.setStyle(e.style), e.options && this.setOptions(he(n.defs, e.options)), this.renderBody();
 			});
 			let o = document.createElement("button");
 			o.type = "button", o.className = "tcw-style-tmpl-del", o.setAttribute("aria-label", this.t("drawingStyle.deleteTemplate")), o.innerHTML = j("x", 12), o.addEventListener("click", () => {
@@ -6113,8 +5575,8 @@ var jr = 12, Mr = [
 	optionControl(e, t) {
 		let n = this.options[e];
 		switch (t.kind) {
-			case "boolean": return Bt(!!n, (t) => this.setOptions({ [e]: t }));
-			case "number": return Vt(Number(n), {
+			case "boolean": return Lt(!!n, (t) => this.setOptions({ [e]: t }));
+			case "number": return Rt(Number(n), {
 				min: t.min,
 				max: t.max,
 				step: t.step
@@ -6148,12 +5610,12 @@ var jr = 12, Mr = [
 				...e,
 				visible: r.checked
 			} : e)));
-			let c = Vt(e.value, { step: .001 }, (e) => a(i().map((n, r) => r === t ? {
+			let c = Rt(e.value, { step: .001 }, (e) => a(i().map((n, r) => r === t ? {
 				...n,
 				value: e
 			} : n)));
 			c.setAttribute("aria-label", this.t("drawingSettings.levelValue") + s);
-			let l = Ht(e.color ?? this.style.color, (e) => a(i().map((n, r) => r === t ? {
+			let l = zt(e.color ?? this.style.color, (e) => a(i().map((n, r) => r === t ? {
 				...n,
 				color: e
 			} : n)));
@@ -6164,7 +5626,7 @@ var jr = 12, Mr = [
 			}), n.append(r, c, l, u), o.appendChild(n);
 		}), n.appendChild(o);
 		let s = document.createElement("button");
-		return s.type = "button", s.className = "tcw-reset-link tcw-level-add", s.textContent = this.t("drawingSettings.addLevel"), s.disabled = i().length >= Fr, s.addEventListener("click", () => {
+		return s.type = "button", s.className = "tcw-reset-link tcw-level-add", s.textContent = this.t("drawingSettings.addLevel"), s.disabled = i().length >= Mr, s.addEventListener("click", () => {
 			let e = i().at(-1)?.value ?? 0;
 			a([...i(), {
 				value: Math.round((e + .5) * 1e3) / 1e3,
@@ -6188,7 +5650,7 @@ var jr = 12, Mr = [
 		});
 	}
 	priceInput(e, t) {
-		let n = this.callbacks.roundPrice ?? ((e) => e), r = this.callbacks.priceStep?.(), i = Vt(n(e), { step: r !== void 0 && r > 0 ? r : "any" }, (e) => {
+		let n = this.callbacks.roundPrice ?? ((e) => e), r = this.callbacks.priceStep?.(), i = Rt(n(e), { step: r !== void 0 && r > 0 ? r : "any" }, (e) => {
 			let r = n(e);
 			i.value = String(r), t(r);
 		});
@@ -6200,8 +5662,8 @@ var jr = 12, Mr = [
 			...t
 		} : n), this.change({ anchors: this.anchors.map((e) => ({ ...e })) });
 	}
-}, Rr = 4;
-function zr(e, t, n) {
+}, Fr = 4;
+function Ir(e, t, n) {
 	let r = e + t > n ? e - t : e;
 	return Math.max(0, Math.min(r, n - t));
 }
@@ -6220,8 +5682,8 @@ var K = class {
 	}
 	open(e, t, n, r, i) {
 		this.returnFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null, this.onPick = r, this.anchor = i ?? null, this.anchor?.setAttribute("aria-expanded", "true"), this.el.replaceChildren(...e.map((e) => this.entry(e))), this.el.hidden = !1;
-		let a = this.host.getBoundingClientRect(), o = Math.min(this.host.clientWidth, window.innerWidth - a.left) - Rr, s = Math.min(this.host.clientHeight, window.innerHeight - a.top) - Rr;
-		this.el.style.left = `${zr(t, this.el.offsetWidth, o)}px`, this.el.style.top = `${zr(n, this.el.offsetHeight, s)}px`, document.addEventListener("pointerdown", this.onDocPointer, !0), document.addEventListener("wheel", this.onAway, {
+		let a = this.host.getBoundingClientRect(), o = Math.min(this.host.clientWidth, window.innerWidth - a.left) - Fr, s = Math.min(this.host.clientHeight, window.innerHeight - a.top) - Fr;
+		this.el.style.left = `${Ir(t, this.el.offsetWidth, o)}px`, this.el.style.top = `${Ir(n, this.el.offsetHeight, s)}px`, document.addEventListener("pointerdown", this.onDocPointer, !0), document.addEventListener("wheel", this.onAway, {
 			capture: !0,
 			passive: !0
 		}), window.addEventListener("resize", this.onAway), window.addEventListener("blur", this.onAway), this.items()[0]?.focus({ preventScroll: !0 });
@@ -6269,7 +5731,7 @@ var K = class {
 };
 //#endregion
 //#region src/widget/drawingMenu.ts
-function Br(e, t) {
+function Lr(e, t) {
 	let { selected: n } = e, r = n.length === 1, i = new Set(n.map((e) => e.groupId)), a = i.size === 1 && !i.has(null), o = [];
 	e.canConfigure && r && o.push({
 		id: "settings",
@@ -6326,7 +5788,7 @@ function Br(e, t) {
 }
 //#endregion
 //#region src/widget/chartMenu.ts
-function Vr(e, t) {
+function Rr(e, t) {
 	if (e.price === void 0 || !Number.isFinite(e.price)) return [];
 	let n = e.formatPrice(e.price), r = [];
 	if (e.canAlert && r.push({
@@ -6363,9 +5825,9 @@ function Vr(e, t) {
 		icon: "minus"
 	}), r;
 }
-function Hr(e, t, n) {
+function zr(e, t, n) {
 	let r = (e) => {
-		let r = Vr(t, n);
+		let r = Rr(t, n);
 		return r.length > 0 ? [
 			...r,
 			"separator",
@@ -6378,7 +5840,7 @@ function Hr(e, t, n) {
 	};
 	switch (e) {
 		case "priceAxis": {
-			let e = Vr({
+			let e = Rr({
 				...t,
 				canTrade: !1,
 				canDraw: !1
@@ -6479,24 +5941,24 @@ var q = [
 	"positions",
 	"orders",
 	"history"
-], Ur = [
+], Br = [
 	"order",
 	"close",
 	"reverse",
 	"stopLoss",
 	"takeProfit"
-], Wr = [
+], Vr = [
 	"market",
 	"limit",
 	"stop"
-], Gr = ["gtc", "day"];
-function Kr(e, t, n) {
+], Hr = ["gtc", "day"];
+function Ur(e, t, n) {
 	return e.includes(t ?? "") ? t : n;
 }
-function qr(e, t) {
+function Wr(e, t) {
 	return e.length === t.length && e.every((e, n) => e === t[n]);
 }
-function Jr(e, t) {
+function Gr(e, t) {
 	if (t === null) return null;
 	let n = e.quantity - (e.closedQuantity ?? 0), r = e.side === "buy" ? 1 : -1;
 	return {
@@ -6504,10 +5966,10 @@ function Jr(e, t) {
 		pct: e.entryPrice === 0 ? 0 : (t - e.entryPrice) / e.entryPrice * 100 * r
 	};
 }
-function Yr(e, t = 2) {
+function Kr(e, t = 2) {
 	return `${e > 0 ? "+" : ""}${e.toFixed(t)}`;
 }
-var Xr = class {
+var qr = class {
 	el;
 	tabButtons = /* @__PURE__ */ new Map();
 	content;
@@ -6549,7 +6011,7 @@ var Xr = class {
 	}
 	update(e) {
 		let t = this.snapshot;
-		if (this.snapshot = e, qr(t.positions, e.positions) && qr(t.orders, e.orders) && qr(t.fills, e.fills) && t.realisedPnl === e.realisedPnl) {
+		if (this.snapshot = e, Wr(t.positions, e.positions) && Wr(t.orders, e.orders) && Wr(t.fills, e.fills) && t.realisedPnl === e.realisedPnl) {
 			this.open && this.tab === "positions" && t.price !== e.price && this.patchPrices();
 			return;
 		}
@@ -6585,10 +6047,10 @@ var Xr = class {
 	}
 	patchPrices() {
 		let { price: e } = this.snapshot;
-		for (let t of this.live) t.price.textContent = e === null ? "—" : this.callbacks.formatPrice(e), this.writePnl(t.pnl, Jr(t.position, e));
+		for (let t of this.live) t.price.textContent = e === null ? "—" : this.callbacks.formatPrice(e), this.writePnl(t.pnl, Gr(t.position, e));
 	}
 	writePnl(e, t) {
-		e.className = t === null ? "" : t.pnl >= 0 ? "tcw-account-up" : "tcw-account-down", e.textContent = t === null ? "—" : `${Yr(t.pnl)} (${Yr(t.pct)}%)`;
+		e.className = t === null ? "" : t.pnl >= 0 ? "tcw-account-up" : "tcw-account-down", e.textContent = t === null ? "—" : `${Kr(t.pnl)} (${Kr(t.pct)}%)`;
 	}
 	table(e, t, n) {
 		if (t.length === 0) {
@@ -6633,7 +6095,7 @@ var Xr = class {
 	renderPositions() {
 		let { formatPrice: e } = this.callbacks, { price: t } = this.snapshot, n = this.snapshot.positions.map((n) => {
 			let r = n.quantity - (n.closedQuantity ?? 0), i = document.createElement("span");
-			this.writePnl(i, Jr(n, t));
+			this.writePnl(i, Gr(n, t));
 			let a = `${this.sideText(n.side, "position")} ${r} @ ${e(n.entryPrice)}`, o = this.row([
 				this.sideCell(n.side),
 				String(r),
@@ -6674,7 +6136,7 @@ var Xr = class {
 	}
 	renderOrders() {
 		let { formatPrice: e } = this.callbacks, t = this.snapshot.orders.map((t) => {
-			let n = Kr(Wr, t.type === "stopLimit" ? "stop" : t.type, "limit"), r = `${this.sideText(t.side, "trade")} ${t.quantity} @ ${e(t.price)}`;
+			let n = Ur(Vr, t.type === "stopLimit" ? "stop" : t.type, "limit"), r = `${this.sideText(t.side, "trade")} ${t.quantity} @ ${e(t.price)}`;
 			return this.row([
 				this.sideCell(t.side, "trade"),
 				this.t(`ticket.type.${n}`),
@@ -6682,7 +6144,7 @@ var Xr = class {
 				e(t.price),
 				t.stopLoss === void 0 ? "—" : e(t.stopLoss),
 				t.takeProfit === void 0 ? "—" : e(t.takeProfit),
-				t.timeInForce ? this.t(`ticket.tif.${Kr(Gr, t.timeInForce, "gtc")}`) : "—",
+				t.timeInForce ? this.t(`ticket.tif.${Ur(Hr, t.timeInForce, "gtc")}`) : "—",
 				this.actions({
 					icon: "x",
 					label: `${this.t("account.cancelOrder")}: ${r}`,
@@ -6706,12 +6168,12 @@ var Xr = class {
 	renderHistory() {
 		let { formatPrice: e, formatTime: t } = this.callbacks, n = [...this.snapshot.fills].reverse().map((n) => {
 			let r = document.createElement("span");
-			return n.pnl === void 0 ? r.textContent = "—" : (r.className = n.pnl >= 0 ? "tcw-account-up" : "tcw-account-down", r.textContent = Yr(n.pnl)), this.row([
+			return n.pnl === void 0 ? r.textContent = "—" : (r.className = n.pnl >= 0 ? "tcw-account-up" : "tcw-account-down", r.textContent = Kr(n.pnl)), this.row([
 				t(n.time),
 				this.sideCell(n.side, "trade"),
 				String(n.quantity),
 				e(n.price),
-				this.t(`account.reason.${Kr(Ur, n.reason, "order")}`),
+				this.t(`account.reason.${Ur(Br, n.reason, "order")}`),
 				r
 			]);
 		});
@@ -6726,14 +6188,14 @@ var Xr = class {
 		let r = this.snapshot.realisedPnl ?? this.snapshot.fills.reduce((e, t) => e + (t.pnl ?? 0), 0);
 		if (n.length > 0) {
 			let e = document.createElement("p");
-			e.className = "tcw-account-summary", e.textContent = p(this.t("account.realised"), { pnl: Yr(r) }), this.content.appendChild(e);
+			e.className = "tcw-account-summary", e.textContent = p(this.t("account.realised"), { pnl: Kr(r) }), this.content.appendChild(e);
 		}
 	}
-}, Zr = 1e-9;
-function Qr(e, t) {
+}, Jr = 1e-9;
+function Yr(e, t) {
 	return e.type === "market" ? t : e.price;
 }
-function $r(e, t, n = {}) {
+function Xr(e, t, n = {}) {
 	let r = [];
 	(!(e.quantity > 0) || !Number.isFinite(e.quantity)) && r.push("quantity"), e.type !== "market" && (!(e.price > 0) || !Number.isFinite(e.price)) && r.push("price"), e.type === "market" && !((t ?? e.price) > 0) && r.push("market");
 	let i = e.side === "buy";
@@ -6743,18 +6205,18 @@ function $r(e, t, n = {}) {
 	}
 	let a = (e) => e === null || Number.isFinite(e) && e > 0;
 	a(e.stopLoss) || r.push("stopLoss"), a(e.takeProfit) || r.push("takeProfit");
-	let o = Qr(e, t);
-	return o !== null && o > 0 && (e.stopLoss !== null && a(e.stopLoss) && (i ? e.stopLoss >= o : e.stopLoss <= o) && r.push("stopLossSide"), e.takeProfit !== null && a(e.takeProfit) && (i ? e.takeProfit <= o : e.takeProfit >= o) && r.push("takeProfitSide")), [...r, ...ei(e, n)];
+	let o = Yr(e, t);
+	return o !== null && o > 0 && (e.stopLoss !== null && a(e.stopLoss) && (i ? e.stopLoss >= o : e.stopLoss <= o) && r.push("stopLossSide"), e.takeProfit !== null && a(e.takeProfit) && (i ? e.takeProfit <= o : e.takeProfit >= o) && r.push("takeProfitSide")), [...r, ...Zr(e, n)];
 }
-function ei(e, t) {
+function Zr(e, t) {
 	let n = [], r = e.type === "market" ? null : e.price, i = [
 		r,
 		e.stopLoss,
 		e.takeProfit
 	].filter((e) => e !== null && Number.isFinite(e) && e > 0), { roundPrice: a, limits: o, lot: s } = t;
-	return a && i.some((e) => Math.abs(a(e) - e) > Zr) && n.push("priceStep"), o && r !== null && r > 0 && (r > o.ceiling + Zr || r < o.floor - Zr) && n.push("priceLimits"), s !== void 0 && s > 1 && e.quantity > s && e.quantity % s !== 0 && n.push("lot"), n;
+	return a && i.some((e) => Math.abs(a(e) - e) > Jr) && n.push("priceStep"), o && r !== null && r > 0 && (r > o.ceiling + Jr || r < o.floor - Jr) && n.push("priceLimits"), s !== void 0 && s > 1 && e.quantity > s && e.quantity % s !== 0 && n.push("lot"), n;
 }
-function ti(e, t) {
+function Qr(e, t) {
 	let n = {
 		side: e.side,
 		type: e.type,
@@ -6763,15 +6225,15 @@ function ti(e, t) {
 	};
 	return e.type === "stop" && (n.stopPrice = e.price), e.type !== "market" && (n.timeInForce = e.timeInForce), e.stopLoss !== null && (n.stopLoss = e.stopLoss), e.takeProfit !== null && (n.takeProfit = e.takeProfit), n;
 }
-function ni(e, t) {
-	let n = Qr(e, t);
+function $r(e, t) {
+	let n = Yr(e, t);
 	if (n === null || e.stopLoss === null || e.takeProfit === null) return null;
 	let r = Math.abs(n - e.stopLoss);
 	return r > 0 ? Math.abs(e.takeProfit - n) / r : null;
 }
 //#endregion
 //#region src/widget/WidgetOrderTicket.ts
-var ri = 0, ii = class {
+var ei = 0, ti = class {
 	backdrop;
 	modal;
 	body;
@@ -6781,7 +6243,7 @@ var ri = 0, ii = class {
 	lastPrice = null;
 	rules = {};
 	returnFocus = null;
-	uid = ++ri;
+	uid = ++ei;
 	constructor(e, t, n = h) {
 		this.callbacks = t, this.t = n, this.backdrop = document.createElement("div"), this.backdrop.className = "tcw-modal-backdrop", this.backdrop.hidden = !0;
 		let r = !1;
@@ -6836,7 +6298,7 @@ var ri = 0, ii = class {
 	}
 	place() {
 		let e = this.draft;
-		!e || $r(e, this.lastPrice, this.rules).length > 0 || (this.callbacks.onSubmit(ti(e, this.lastPrice)), this.close());
+		!e || Xr(e, this.lastPrice, this.rules).length > 0 || (this.callbacks.onSubmit(Qr(e, this.lastPrice)), this.close());
 	}
 	set(e, t = !1) {
 		this.draft && (this.draft = {
@@ -6848,18 +6310,18 @@ var ri = 0, ii = class {
 		let e = this.draft;
 		if (!e) return;
 		let t = document.activeElement, n = t instanceof HTMLElement && this.body.contains(t) ? t.dataset.ticketField : void 0;
-		this.body.replaceChildren(this.sideToggle(e.side), P(this.t("ticket.type"), ai("type", F([
+		this.body.replaceChildren(this.sideToggle(e.side), P(this.t("ticket.type"), ni("type", F([
 			"market",
 			"limit",
 			"stop"
 		].map((e) => ({
 			value: e,
 			label: this.t(`ticket.type.${e}`)
-		})), e.type, (e) => this.set({ type: e }, !0)))), P(this.t("ticket.quantity"), ai("quantity", this.number(e.quantity, (e) => this.set({ quantity: e }))))), e.type !== "market" && this.body.append(P(this.t("ticket.price"), ai("price", this.number(e.price, (e) => this.set({ price: e })))), P(this.t("ticket.timeInForce"), ai("timeInForce", F(["gtc", "day"].map((e) => ({
+		})), e.type, (e) => this.set({ type: e }, !0)))), P(this.t("ticket.quantity"), ni("quantity", this.number(e.quantity, (e) => this.set({ quantity: e }))))), e.type !== "market" && this.body.append(P(this.t("ticket.price"), ni("price", this.number(e.price, (e) => this.set({ price: e })))), P(this.t("ticket.timeInForce"), ni("timeInForce", F(["gtc", "day"].map((e) => ({
 			value: e,
 			label: this.t(`ticket.tif.${e}`)
 		})), e.timeInForce, (e) => this.set({ timeInForce: e })))));
-		let r = e.type === "market" ? this.lastPrice ?? e.price : e.price, i = (t) => oi(r * (1 + (e.side === "buy" ? t : -t) / 100), r);
+		let r = e.type === "market" ? this.lastPrice ?? e.price : e.price, i = (t) => ri(r * (1 + (e.side === "buy" ? t : -t) / 100), r);
 		this.body.append(this.optionalPrice("ticket.stopLoss", e.stopLoss, i(-1), (t) => this.set({ stopLoss: t }, t === null || e.stopLoss === null)), this.optionalPrice("ticket.takeProfit", e.takeProfit, i(2), (t) => this.set({ takeProfit: t }, t === null || e.takeProfit === null))), n && this.body.querySelector(`[data-ticket-field="${n}"]`)?.focus(), this.check();
 	}
 	sideToggle(e) {
@@ -6880,7 +6342,7 @@ var ri = 0, ii = class {
 		i.className = "tcw-settings-row tcw-ticket-optional";
 		let a = document.createElement("span");
 		a.textContent = this.t(e);
-		let o = Bt(t !== null, (e) => r(e ? n : null));
+		let o = Lt(t !== null, (e) => r(e ? n : null));
 		if (o.setAttribute("aria-label", this.t(e)), o.dataset.ticketField = `${e}-switch`, i.append(a, o), t !== null) {
 			let n = this.number(t, (e) => r(Number.isFinite(e) ? e : NaN));
 			n.setAttribute("aria-label", this.t(e)), n.dataset.ticketField = e, i.appendChild(n);
@@ -6890,7 +6352,7 @@ var ri = 0, ii = class {
 	check() {
 		let e = this.draft;
 		if (!e) return;
-		let t = $r(e, this.lastPrice, this.rules), n = t.map((e) => this.problemText(e)), r = ni(e, this.lastPrice);
+		let t = Xr(e, this.lastPrice, this.rules), n = t.map((e) => this.problemText(e)), r = $r(e, this.lastPrice);
 		t.length === 0 && r !== null && n.push(p(this.t("ticket.riskReward"), { rr: r.toFixed(2) })), this.problemsEl.replaceChildren(...n.map((e) => {
 			let t = document.createElement("p");
 			return t.textContent = e, t;
@@ -6904,16 +6366,16 @@ var ri = 0, ii = class {
 		}) : e === "lot" ? p(t, { lot: r ?? 1 }) : t;
 	}
 };
-function ai(e, t) {
+function ni(e, t) {
 	return t.dataset.ticketField = e, t;
 }
-function oi(e, t) {
+function ri(e, t) {
 	let n = Math.abs(t), r = n >= 10 || n === 0 ? 2 : n >= 1 ? 4 : Math.min(10, Math.ceil(-Math.log10(n)) + 3);
 	return Number(e.toFixed(r));
 }
 //#endregion
 //#region src/widget/WidgetNamePrompt.ts
-var si = 0, ci = class {
+var ii = 0, ai = class {
 	backdrop;
 	titleEl;
 	input;
@@ -6921,7 +6383,7 @@ var si = 0, ci = class {
 	request = null;
 	returnFocus = null;
 	busy = !1;
-	uid = ++si;
+	uid = ++ii;
 	constructor(e, t = h) {
 		this.t = t, this.backdrop = document.createElement("div"), this.backdrop.className = "tcw-modal-backdrop", this.backdrop.hidden = !0;
 		let n = !1;
@@ -6981,7 +6443,7 @@ var si = 0, ci = class {
 			}
 		}
 	}
-}, li = 0, ui = class {
+}, oi = 0, si = class {
 	backdrop;
 	search;
 	listEl;
@@ -6989,7 +6451,7 @@ var si = 0, ci = class {
 	confirming = null;
 	returnFocus = null;
 	loadSeq = 0;
-	uid = ++li;
+	uid = ++oi;
 	constructor(e, t, n = h) {
 		this.callbacks = t, this.t = n, this.backdrop = document.createElement("div"), this.backdrop.className = "tcw-modal-backdrop", this.backdrop.hidden = !0;
 		let r = !1;
@@ -7091,7 +6553,7 @@ var si = 0, ci = class {
 			this.confirming = null, await this.refresh(), this.isOpen() && this.search.focus();
 		}
 	}
-}, di = 5, fi = class {
+}, ci = 5, li = class {
 	menu;
 	prompt;
 	dialog;
@@ -7099,7 +6561,7 @@ var si = 0, ci = class {
 	constructor(e, t) {
 		this.session = e, this.host = t;
 		let { root: n, t: r } = t;
-		this.menu = new K(n, r("toolbar.layouts")), this.prompt = new ci(n, r), this.dialog = new ui(n, {
+		this.menu = new K(n, r("toolbar.layouts")), this.prompt = new ai(n, r), this.dialog = new si(n, {
 			list: () => e.list(),
 			currentId: () => e.current()?.id ?? null,
 			onOpen: (e) => void this.open(e),
@@ -7177,7 +6639,7 @@ var si = 0, ci = class {
 		}
 		let { session: t } = this, { t: n, root: r } = this.host, i = [];
 		try {
-			i = (await t.list()).slice(0, di);
+			i = (await t.list()).slice(0, ci);
 		} catch {}
 		if (this.destroyed) return;
 		let a = t.current(), o = [{
@@ -7214,7 +6676,7 @@ var si = 0, ci = class {
 	destroy() {
 		this.destroyed = !0, this.menu.destroy(), this.prompt.destroy(), this.dialog.destroy();
 	}
-}, pi = [
+}, ui = [
 	"1m",
 	"3m",
 	"5m",
@@ -7226,33 +6688,33 @@ var si = 0, ci = class {
 	"1d",
 	"1w",
 	"1M"
-], mi = [
+], di = [
 	"1m",
 	"5m",
 	"15m",
 	"1h",
 	"4h",
 	"1d"
-], hi = 6;
-function gi(e) {
+], fi = 6;
+function pi(e) {
 	let t = e.slice(-1);
 	return t === "h" || t === "d" || t === "w" ? e.slice(0, -1) + t.toUpperCase() : e;
 }
-var _i = (e) => Number.isFinite(w(e)) || C(e) !== null, vi = (e, t) => {
+var mi = (e) => Number.isFinite(w(e)) || C(e) !== null, hi = (e, t) => {
 	let n = C(e), r = C(t);
 	return n !== null || r !== null ? n === null ? 1 : r === null ? -1 : n - r : w(e) - w(t);
 };
-function yi(e, t) {
-	let n = t?.length ? t : null, r = e?.length ? e : n ?? pi;
-	return [...new Set(r)].filter((e) => _i(e) && (!n || n.includes(e))).sort(vi);
+function gi(e, t) {
+	let n = t?.length ? t : null, r = e?.length ? e : n ?? ui;
+	return [...new Set(r)].filter((e) => mi(e) && (!n || n.includes(e))).sort(hi);
 }
-function bi(e, t, n = !1) {
+function _i(e, t, n = !1) {
 	if (t?.length) return e.filter((e) => t.includes(e));
 	if (n) return [...e];
-	let r = e.filter((e) => mi.includes(e));
-	return r.length > 0 ? r : e.slice(0, hi);
+	let r = e.filter((e) => di.includes(e));
+	return r.length > 0 ? r : e.slice(0, fi);
 }
-var xi = 9999, Si = {
+var vi = 9999, yi = {
 	"": "m",
 	s: "s",
 	S: "s",
@@ -7264,28 +6726,44 @@ var xi = 9999, Si = {
 	w: "w",
 	W: "w",
 	M: "M"
-}, Ci = {
+}, bi = {
 	s: ["m", 60],
 	m: ["h", 60],
 	h: ["d", 24]
 };
-function wi(e) {
+function xi(e) {
 	let t = /^(\d+)([a-zA-Z]?)$/.exec(e.trim());
 	if (!t) return null;
 	if (t[2] === "T" || t[2] === "t") {
 		let e = `${Number(t[1])}T`;
-		return Number(t[1]) <= xi && C(e) !== null ? e : null;
+		return Number(t[1]) <= vi && C(e) !== null ? e : null;
 	}
-	let n = Number(t[1]), r = Si[t[2]];
+	let n = Number(t[1]), r = yi[t[2]];
 	if (!r || !Number.isSafeInteger(n) || n < 1) return null;
-	for (let e = Ci[r]; e && n % e[1] === 0; e = Ci[r]) n /= e[1], r = e[0];
-	if (n > xi) return null;
+	for (let e = bi[r]; e && n % e[1] === 0; e = bi[r]) n /= e[1], r = e[0];
+	if (n > vi) return null;
 	let i = `${n}${r}`;
-	return re(i) ? i : null;
-}
-function Ti(e, t, n) {
-	let r = n?.length ? n : null, i = t.filter((e) => _i(e) && (!r || r.includes(e)));
-	return [...new Set([...e, ...i])].sort(vi);
+	return se(i) ? i : null;
+}
+function Si(e, t, n) {
+	let r = n?.length ? n : null, i = t.filter((e) => mi(e) && (!r || r.includes(e)));
+	return [...new Set([...e, ...i])].sort(hi);
+}
+var Ci = 864e5, wi = 5 / 7;
+function Ti(e) {
+	let t = w(e.current), n = w(e.chosen);
+	if (!Number.isFinite(t) || !Number.isFinite(n) || !(e.width > 0) || !(e.spanMs > 0)) return e.current;
+	let r = (n) => {
+		if (n === t) return e.barsInSpan;
+		if (n < Ci) return e.barsInSpan * t / n;
+		let r = e.spanMs / n;
+		return n === Ci ? r * (e.dayShare ?? wi) : r;
+	}, i = [...new Set([...e.available, e.current])].filter((e) => {
+		let t = w(e);
+		return Number.isFinite(t) && t >= n;
+	}).sort(hi);
+	for (let t of i) if (r(w(t)) * 2 <= e.width) return t;
+	return i[i.length - 1] ?? e.current;
 }
 //#endregion
 //#region src/widget/WidgetIntervalInput.ts
@@ -7315,11 +6793,11 @@ var Ei = 0, Di = class {
 		this.el.remove();
 	}
 	check() {
-		let e = wi(this.input.value) !== null;
+		let e = xi(this.input.value) !== null;
 		!e && this.input.value.trim() !== "" ? this.input.setAttribute("aria-invalid", "true") : this.input.removeAttribute("aria-invalid"), this.hint.textContent = e || this.input.value.trim() === "" ? this.labels.hint : this.labels.invalid;
 	}
 	apply() {
-		let e = wi(this.input.value);
+		let e = xi(this.input.value);
 		if (e && this.onApply(e)) {
 			this.close();
 			return;
@@ -7343,7 +6821,7 @@ var Ei = 0, Di = class {
 			if (typeof n != "object" || !n) continue;
 			let { name: e, indicators: r } = n;
 			if (typeof e != "string" || !e.trim() || !Array.isArray(r)) continue;
-			let i = ve.deserialize(JSON.stringify({
+			let i = Se.deserialize(JSON.stringify({
 				version: 2,
 				indicators: r
 			})).indicators;
@@ -7407,7 +6885,7 @@ function Pi(e) {
 	return r;
 }
 function Fi(e) {
-	return !Ni(e) || e.v !== 1 || typeof e.symbol != "string" || !e.symbol || typeof e.timeframe != "string" || !(re(e.timeframe) || C(e.timeframe) !== null) ? null : {
+	return !Ni(e) || e.v !== 1 || typeof e.symbol != "string" || !e.symbol || typeof e.timeframe != "string" || !(se(e.timeframe) || C(e.timeframe) !== null) ? null : {
 		v: 1,
 		symbol: e.symbol,
 		timeframe: e.timeframe,
@@ -7485,10 +6963,10 @@ function Vi(e, t, n) {
 	];
 	if (o < 1 || o > 12 || s < 1 || s > 31 || c > 23 || l > 59) return null;
 	let u = Date.UTC(a, o - 1, s, c, l);
-	return new Date(u).getUTCDate() === s ? ge(u, n) : null;
+	return new Date(u).getUTCDate() === s ? be(u, n) : null;
 }
 function X(e, t) {
-	let n = (e) => String(e).padStart(2, "0"), r = pe(e, t);
+	let n = (e) => String(e).padStart(2, "0"), r = _e(e, t);
 	return {
 		date: `${r.year}-${n(r.month)}-${n(r.day)}`,
 		time: `${n(r.hours)}:${n(r.minutes)}`
@@ -7830,11 +7308,11 @@ function ta(e, t, n, r) {
 		opacity: 1
 	}, o = [];
 	for (let e of i) {
-		if (!we(e, { plots: r })) continue;
+		if (!Oe(e, { plots: r })) continue;
 		let i = t[e.key];
 		typeof i != "number" || !Number.isFinite(i) || o.push({
 			value: i,
-			color: n.length ? Ce(e, a, t) : null
+			color: n.length ? De(e, a, t) : null
 		});
 	}
 	return o;
@@ -7848,7 +7326,7 @@ function ra(e) {
 	}), na.set(e, t)), t;
 }
 function ia(e, t = "en-US") {
-	return Math.abs(e) >= 1e6 ? ra(t).format(e) : te(e, Se(e), t);
+	return Math.abs(e) >= 1e6 ? ra(t).format(e) : ie(e, Ee(e), t);
 }
 //#endregion
 //#region src/widget/WidgetBracketBar.ts
@@ -8408,12 +7886,12 @@ var Ha = [
 	KeyV: "verticalLine",
 	KeyC: "crossLine",
 	KeyF: "fibRetracement"
-}, Za = 229, Qa = Ke.filter((e) => g[e] !== "color"), $a = class {
+}, Za = 229, Qa = Ze.filter((e) => g[e] !== "color"), $a = 200, eo = class {
 	chart;
 	state;
 	themeOf = {
-		dark: _,
-		light: x
+		dark: v,
+		light: te
 	};
 	toolbar = null;
 	sidebar = null;
@@ -8513,6 +7991,9 @@ var Ha = [
 	boundGlobalKeydown = null;
 	baseSeries = null;
 	baseTimeframeMs = 0;
+	chosenTimeframe = null;
+	rangeSeq = 0;
+	rangeQueue = Promise.resolve();
 	compares = [];
 	featureState;
 	hostHotkeys = [];
@@ -8520,17 +8001,17 @@ var Ha = [
 	hostLayer = null;
 	priceAxisAddDefault = !1;
 	constructor(e, t = {}) {
-		this.options = t, this.symbols = t.symbols ?? Re;
+		this.options = t, this.symbols = t.symbols ?? Ue;
 		let r = t.chartOptions;
 		if (this.settingsState = {
-			...ze,
+			...We,
 			...r?.numberLocale ? { numberLocale: r.numberLocale } : {},
-			...r?.timeZone == null ? {} : { timezone: Me(r.timeZone) },
+			...r?.timeZone == null ? {} : { timezone: Le(r.timeZone) },
 			...r?.leftPriceScale === void 0 ? {} : { leftPriceScale: r.leftPriceScale },
 			...r?.highLowLines === void 0 ? {} : { highLowLines: r.highLowLines },
 			...r?.extendedHours === void 0 ? {} : { extendedHours: r.extendedHours },
-			...r?.chartTypeOptions ? { chartTypeOptions: ce(r.chartTypeOptions) } : {}
-		}, this.t = d(f(t.locale, t.messages)), this.featureState = et(t), t.persistLayouts) {
+			...r?.chartTypeOptions ? { chartTypeOptions: fe(r.chartTypeOptions) } : {}
+		}, this.t = d(f(t.locale, t.messages)), this.featureState = at(t), t.persistLayouts) {
 			let e = t.persistLayouts === !0 ? {} : t.persistLayouts;
 			this.layoutKeyPrefix = e.keyPrefix ?? "tcw:layout:", this.layoutDebounceMs = e.debounceMs ?? 1500;
 		}
@@ -8569,8 +8050,8 @@ var Ha = [
 			legendVisible: s.legend !== !1,
 			barCountdown: s.barCountdown !== !1,
 			indicatorValueLabels: s.indicatorValueLabels !== !1
-		}, this.settingsState = { ...this.settingsDefaults }, this.timeframes = Ti(yi(t.timeframes, s.timeframes), this.customTimeframes.list(), s.timeframes), !this.timeframes.some((e) => this.timeframeFavorites.has(e))) {
-			let e = bi(this.timeframes, s.defaultTimeframeFavorites, !!t.timeframes?.length);
+		}, this.settingsState = { ...this.settingsDefaults }, this.timeframes = Si(gi(t.timeframes, s.timeframes), this.customTimeframes.list(), s.timeframes), !this.timeframes.some((e) => this.timeframeFavorites.has(e))) {
+			let e = _i(this.timeframes, s.defaultTimeframeFavorites, !!t.timeframes?.length);
 			for (let t of e) this.timeframeFavorites.add(t);
 		}
 		let l = t.timeframe ?? "5m", u = !s.timeframes?.length || s.timeframes.includes(l) ? l : this.timeframes[0] ?? l;
@@ -8588,17 +8069,17 @@ var Ha = [
 			stayInDrawing: !1,
 			connectionState: t.adapter ? "connecting" : "disconnected",
 			connectionMessage: t.adapter ? this.t("status.connecting") : ""
-		}, ut(), this.root = document.createElement("div"), this.root.className = "tcw-root", this.root.dataset.tcwTheme = i ? "dark" : "light";
-		let m = t.dir === "ltr" || t.dir === "rtl" ? t.dir : uo(t.locale) ? "rtl" : "ltr";
+		}, ht(), this.root = document.createElement("div"), this.root.className = "tcw-root", this.root.dataset.tcwTheme = i ? "dark" : "light";
+		let m = t.dir === "ltr" || t.dir === "rtl" ? t.dir : fo(t.locale) ? "rtl" : "ltr";
 		this.root.dir = m, this.portal.dir = m, e.appendChild(this.root), this.tooltip = new Ki(this.root), this.portal.className = "tcw-root tcw-portal", this.portal.dataset.tcwTheme = this.root.dataset.tcwTheme, this.ui = H(t.ui);
 		let h = t.ui !== void 0;
-		U(this.root, this.ui, { variables: h }), U(this.portal, this.ui, { variables: h }), this.markSwitchedOff(), this.toolbar = new jt(this.root, {
+		U(this.root, this.ui, { variables: h }), U(this.portal, this.ui, { variables: h }), this.markSwitchedOff(), this.toolbar = new Ot(this.root, {
 			symbols: this.symbols,
 			timeframes: this.timeframeMenu(),
 			timeframeFavorites: this.pinnedTimeframes(),
-			chartTypes: t.chartTypes ? Pe.filter((e) => t.chartTypes.includes(e.value)) : Pe,
-			indicators: Ie,
-			popularIndicatorIds: Le
+			chartTypes: t.chartTypes ? ze.filter((e) => t.chartTypes.includes(e.value)) : ze,
+			indicators: Ve,
+			popularIndicatorIds: He
 		}, {
 			onSymbolClick: () => this.handleSymbolClick(),
 			onSymbolInfo: () => this.toggleSymbolInfo(),
@@ -8626,8 +8107,8 @@ var Ha = [
 			onToggleFullscreen: typeof document < "u" && document.fullscreenEnabled ? () => this.toggleFullscreen() : void 0
 		}, this.t);
 		let g = document.createElement("div");
-		g.className = "tcw-body", t.drawingFavorites && this.favoritesStore.seedDefaults(t.drawingFavorites), this.sidebar = new zt(g, {
-			drawingToolGroups: Ot(Fe, this.t),
+		g.className = "tcw-body", t.drawingFavorites && this.favoritesStore.seedDefaults(t.drawingFavorites), this.sidebar = new It(g, {
+			drawingToolGroups: Tt(Be, this.t),
 			favorites: this.favoritesStore.list()
 		}, {
 			onDrawingTool: (e) => this.handleDrawingTool(e),
@@ -8673,7 +8154,7 @@ var Ha = [
 		}), t.chartOptions?.shapes || this.applyChartShapes(), this.applyLegendFont(), this.chart.on("visibleRangeChange", (e) => {
 			let { from: t, to: n } = e.payload;
 			Number.isFinite(t) && Number.isFinite(n) && (this.visibleBarCount = Math.max(1, n - t));
-		}), this.chartNav = new Nn(this.chartContainer, {
+		}), this.chartNav = new An(this.chartContainer, {
 			zoomIn: () => this.chart.zoomIn(),
 			zoomOut: () => this.chart.zoomOut(),
 			scroll: (e) => this.chart.scrollBars(e * Math.max(1, Math.round(this.visibleBarCount / 10))),
@@ -8684,7 +8165,7 @@ var Ha = [
 		}, this.t), this.chart.on("dataUpdate", (e) => this.handleDataUpdate(e.payload)), this.chart.on("historyLoad", (e) => this.historyPill.update(e.payload)), this.chart.on("symbolInfoChange", (e) => {
 			let t = e.payload.info, n = t ? [t.description, t.exchange].filter(Boolean).join(" · ") : "";
 			this.toolbar?.setSymbolDescription(n || null), this.refreshMarket();
-		}), this.symbolInfoPanel = new An(this.root, this.t, { onToggle: (e) => {
+		}), this.symbolInfoPanel = new Dn(this.root, this.t, { onToggle: (e) => {
 			this.toolbar?.setActive("symbolInfo", e), e && (this.refreshSymbolInfo(), this.loadNews());
 		} }), this.marketTimer = setInterval(() => this.refreshMarket(), 3e4), this.dragDrop = new a(this.chartContainer, {
 			onData: (e, t, n) => {
@@ -8698,12 +8179,12 @@ var Ha = [
 			onError: (e, t) => {
 				this.say(`${t.name}: ${e.message}`, "error");
 			}
-		}), this.featureState.dragDropImport && this.dragDrop.attach(), this.statusBar = new Qt(this.root, {
-			presets: xe,
+		}), this.featureState.dragDropImport && this.dragDrop.attach(), this.statusBar = new Yt(this.root, {
+			presets: Te,
 			presetLabels: { All: this.t("range.all") },
 			groupLabel: this.t("range.presets"),
 			goToLabel: this.t("range.goTo"),
-			onPreset: (e) => this.chart.setVisibleRangePreset(e),
+			onPreset: (e) => void this.applyRangePreset(e),
 			onGoTo: () => this.toggleGoToDate()
 		}), this.goToDate = new Hi(this.root, {
 			title: this.t("range.goTo"),
@@ -8711,7 +8192,7 @@ var Ha = [
 			time: this.t("range.time"),
 			submit: this.t("range.goToSubmit"),
 			cancel: this.t("range.cancel")
-		}, ({ date: e, time: t }) => this.goToWallTime(e, t)), this.settings = new Jt({
+		}, ({ date: e, time: t }) => this.goToWallTime(e, t)), this.settings = new Gt({
 			onChange: (e) => this.changeSettings(e),
 			onReset: () => this.resetSettings(),
 			onClose: () => {},
@@ -8722,12 +8203,12 @@ var Ha = [
 			logScale: s.logScale,
 			trading: s.trading !== !1,
 			exchangeZone: this.adapter?.resolveSymbol ? () => this.chart.getSymbolInfo()?.timezone ?? null : void 0
-		}, this.overlayHost), this.symbolSearch = new en({
+		}, this.overlayHost), this.symbolSearch = new Qt({
 			onPick: (e) => {
 				this.setSymbol(e);
 			},
 			onClose: () => {}
-		}, this.overlayHost, this.t), this.hotkeySheet = new sn({ onClose: () => {} }, this.t, this.overlayHost), this.chart.on("drawingToolChange", (e) => {
+		}, this.overlayHost, this.t), this.hotkeySheet = new rn({ onClose: () => {} }, this.t, this.overlayHost), this.chart.on("drawingToolChange", (e) => {
 			let t = e.payload.tool;
 			t !== this.state.activeTool && (this.state = {
 				...this.state,
@@ -8797,9 +8278,9 @@ var Ha = [
 			let t = e.payload;
 			this.lastHoverIndex = typeof t.barIndex == "number" ? t.barIndex : null, this.dataWindow?.isOpen() && this.dataWindow.render(this.buildDataWindowModel());
 		});
-		let v = new gr(), y = new _r();
+		let v = new pr(), y = new mr();
 		for (let [e, t] of Object.entries(y.all())) this.chart.setDrawingToolDefaults(e, t ?? null);
-		this.drawingSettings = new Lr(this.root, {
+		this.drawingSettings = new Pr(this.root, {
 			onBegin: (e) => this.chart.beginDrawingEdit(e),
 			onChange: (e, t) => this.chart.updateDrawing(e, t),
 			onEnd: (e, t) => {
@@ -8817,7 +8298,7 @@ var Ha = [
 				this.chart.setDrawingToolDefaults(e, t), y.set(e, this.chart.getDrawingToolDefaults(e)), this.say(p(this.t("drawingSettings.defaultSaved"), { name: this.drawingToolName(e) }));
 			},
 			templates: v
-		}, this.t), this.chart.on("drawingDoubleClick", (e) => this.openDrawingSettings(e.payload.id)), this.drawingStyle = new xr(this.root, {
+		}, this.t), this.chart.on("drawingDoubleClick", (e) => this.openDrawingSettings(e.payload.id)), this.drawingStyle = new vr(this.root, {
 			onStyleChange: (e) => {
 				this.chart.setDrawingStyle(e), this.chart.setSelectedDrawingStyle(e);
 			},
@@ -8825,7 +8306,7 @@ var Ha = [
 		}, v, this.t), this.drawingMenu = new K(this.root, this.t("drawingMenu.label")), this.chart.on("drawingContextMenu", (e) => {
 			let { id: t, x: n, y: r } = e.payload;
 			this.openDrawingMenu(t, n, r);
-		}), this.selectionToolbar = new kr(this.root, {
+		}), this.selectionToolbar = new Er(this.root, {
 			onStyle: (e) => {
 				for (let t of this.chart.getSelectedDrawingIds()) this.chart.setSelectedDrawingStyle(e, t);
 				this.updateSelectionToolbar();
@@ -8876,14 +8357,14 @@ var Ha = [
 				...this.chartMenuContext(s),
 				...o ? { pane: this.chart.getPaneScale(o) } : {}
 			};
-			this.menuPane = o ?? null, this.openChartMenu(st(Hr(t, c, this.t), Xe, this.featureState), n, r, {
+			this.menuPane = o ?? null, this.openChartMenu(ft(zr(t, c, this.t), tt, this.featureState), n, r, {
 				area: t,
 				price: s,
 				time: a
 			});
 		}), this.chart.on("priceAxisAdd", (e) => {
 			if (!this.featureState["menu.priceAxisAdd"]) return;
-			let { price: t, x: n, y: r } = e.payload, i = this.chart.roundPrice(t), a = st(Vr(this.chartMenuContext(i), this.t), Xe, this.featureState);
+			let { price: t, x: n, y: r } = e.payload, i = this.chart.roundPrice(t), a = ft(Rr(this.chartMenuContext(i), this.t), tt, this.featureState);
 			this.openChartMenu(a, n, r, {
 				area: "priceAxisAdd",
 				price: i
@@ -8893,7 +8374,7 @@ var Ha = [
 			hint: this.t("interval.hint"),
 			invalid: this.t("interval.invalid")
 		}, (e) => this.selectTypedTimeframe(e)), this.toolbar?.setIndicatorTemplates(this.templates.list().map((e) => e.name)), t.layouts !== !1 && this.setupLayouts(t.layouts === !0 || t.layouts === void 0 ? {} : t.layouts), t.trading !== !1) {
-			this.orderTicket = new ii(this.root, {
+			this.orderTicket = new ti(this.root, {
 				onSubmit: (e) => {
 					this.chart.placeOrderIntent(e), this.say(p(this.t("ticket.sent"), {
 						side: this.t(e.side === "buy" ? "ticket.buy" : "ticket.sell"),
@@ -8902,7 +8383,7 @@ var Ha = [
 					}));
 				},
 				formatPrice: (e) => this.formatAlertPrice(e)
-			}, this.t), this.accountPanel = new Xr(_, {
+			}, this.t), this.accountPanel = new qr(_, {
 				onClosePosition: (e) => this.chart.closePositionIntent(e),
 				onReversePosition: (e) => this.chart.reversePositionIntent(e),
 				onCancelOrder: (e) => this.chart.cancelOrderIntent(e),
@@ -8944,7 +8425,7 @@ var Ha = [
 		}, void 0, this.t)), this.chart.on("dataUpdate", (e) => {
 			let t = e.payload;
 			t && t.bracket === "cancelled" && this.bracketBar?.hide();
-		})), this.alertsPanel = new Hn(this.root, {
+		})), this.alertsPanel = new zn(this.root, {
 			onAdd: ({ price: e, condition: t, message: n, channel: r, label: i, options: a }) => {
 				try {
 					return this.chart.addAlert(e, t, n, r, i, a), !0;
@@ -8967,8 +8448,8 @@ var Ha = [
 			let t = e.payload;
 			if (this.refreshAlerts(), !this.featureState.alerts) return;
 			let n = `${this.alertText(t)}${t.message ? ` — ${t.message}` : ""}`;
-			this.say(`🔔 ${p(this.t("alerts.fired"), { text: n })}`, "info"), this.alertNotifier?.notify(n);
-		}), this.indicatorSettings = new ur(this.root, {
+			this.say(p(this.t("alerts.fired"), { text: n }), "info", "bell"), this.alertNotifier?.notify(n);
+		}), this.indicatorSettings = new sr(this.root, {
 			onApply: (e, t) => {
 				this.chart.updateIndicator(e, t), this.syncIndicatorsFromChart();
 			},
@@ -8976,7 +8457,7 @@ var Ha = [
 			onLevels: (e, t) => this.chart.setIndicatorLevels(e, t),
 			onScale: (e, t) => this.chart.setIndicatorScale(e, t),
 			onClose: () => {}
-		}, this.t), this.objectTree = new nr(this.root, {
+		}, this.t), this.objectTree = new $n(this.root, {
 			onRemoveIndicator: (e) => this.handleRemoveIndicator(e),
 			onConfigureIndicator: (e) => this.openIndicatorSettings(e),
 			onToggleIndicatorVisible: (e, t) => {
@@ -9014,7 +8495,7 @@ var Ha = [
 			x || !this.objectTree?.isOpen() || (x = requestAnimationFrame(() => {
 				x = 0, this.destroyed || b();
 			}));
-		}), this.chart.on("indicatorAdd", b), this.chart.on("indicatorRemove", b), this.chart.on("indicatorChange", b), this.commandPalette = new $t({
+		}), this.chart.on("indicatorAdd", b), this.chart.on("indicatorRemove", b), this.chart.on("indicatorChange", b), this.commandPalette = new Zt({
 			onIndicator: (e) => this.handleAddIndicator(e),
 			onChartType: (e) => this.handleChartType(e),
 			onDrawingTool: (e) => this.handleDrawingTool(e),
@@ -9091,7 +8572,7 @@ var Ha = [
 		this.watchlistStore?.removeSymbol(e, t);
 	}
 	setQuotes(e) {
-		let t = e.map(ue).filter((e) => e !== null);
+		let t = e.map(me).filter((e) => e !== null);
 		t.length > 0 && this.takeQuotes(t);
 	}
 	getQuote(e) {
@@ -9105,7 +8586,7 @@ var Ha = [
 		n && !this.featureState.symbolInfo || (n ? t.open() : t.close());
 	}
 	refreshMarket() {
-		let e = ae(this.chart.getSymbolInfo(), Date.now());
+		let e = le(this.chart.getSymbolInfo(), Date.now());
 		this.statusBar?.setMarket(e.state, this.t(e.state === "open" ? "symbolInfo.open" : "symbolInfo.closed")), this.refreshSymbolInfo();
 	}
 	refreshSymbolInfo() {
@@ -9113,9 +8594,9 @@ var Ha = [
 		!e?.isOpen() || this.destroyed || e.render(this.symbolInfoView());
 	}
 	symbolInfoView() {
-		let e = this.chart.getSymbolInfo(), t = this.state.symbol, n = this.quotes.get(t), r = ao(this.chart.getData(), e?.timezone), i = (e) => this.formatAlertPrice(e), a = this.textLocale(), o = n?.last ?? r?.close, s = n?.prevClose ?? r?.prevClose, c = n?.change ?? (o !== void 0 && s !== void 0 ? o - s : void 0), l = o !== void 0 && c !== void 0 ? o - c : void 0, u = n?.changePercent ?? (c !== void 0 && l ? c / l * 100 : void 0), d = ae(e, Date.now()), f = this.t(d.state === "open" ? "symbolInfo.open" : d.state === "closed" ? "symbolInfo.closed" : "symbolInfo.always");
+		let e = this.chart.getSymbolInfo(), t = this.state.symbol, n = this.quotes.get(t), r = oo(this.chart.getData(), e?.timezone), i = (e) => this.formatAlertPrice(e), a = this.textLocale(), o = n?.last ?? r?.close, s = n?.prevClose ?? r?.prevClose, c = n?.change ?? (o !== void 0 && s !== void 0 ? o - s : void 0), l = o !== void 0 && c !== void 0 ? o - c : void 0, u = n?.changePercent ?? (c !== void 0 && l ? c / l * 100 : void 0), d = le(e, Date.now()), f = this.t(d.state === "open" ? "symbolInfo.open" : d.state === "closed" ? "symbolInfo.closed" : "symbolInfo.always");
 		if (d.state !== "always" && d.next !== null) {
-			let e = oo(d.next - Date.now(), a);
+			let e = so(d.next - Date.now(), a);
 			f += ` · ${p(this.t(d.state === "open" ? "symbolInfo.closesIn" : "symbolInfo.opensIn"), { when: e })}`;
 		}
 		let m = [], h = (e, t) => {
@@ -9126,7 +8607,7 @@ var Ha = [
 		}, g = (e) => e === void 0 ? void 0 : i(e);
 		h(this.t("dataWindow.open"), g(n?.open ?? r?.open)), h(this.t("dataWindow.high"), g(n?.high ?? r?.high)), h(this.t("dataWindow.low"), g(n?.low ?? r?.low)), h(this.t("symbolInfo.prevClose"), g(s));
 		let _ = n?.volume ?? r?.volume;
-		h(this.t("dataWindow.volume"), _ === void 0 ? void 0 : so(_, this.intlLocale())), h(this.t("symbolInfo.bid"), g(n?.bid)), h(this.t("symbolInfo.ask"), g(n?.ask)), h(this.t("symbolInfo.tick"), e?.minTick === void 0 ? void 0 : String(e.minTick)), h(this.t("symbolInfo.currency"), e?.currency), h(this.t("symbolInfo.timezone"), e?.timezone), h(this.t("symbolInfo.hours"), co(e, a));
+		h(this.t("dataWindow.volume"), _ === void 0 ? void 0 : co(_, this.intlLocale())), h(this.t("symbolInfo.bid"), g(n?.bid)), h(this.t("symbolInfo.ask"), g(n?.ask)), h(this.t("symbolInfo.tick"), e?.minTick === void 0 ? void 0 : String(e.minTick)), h(this.t("symbolInfo.currency"), e?.currency), h(this.t("symbolInfo.timezone"), e?.timezone), h(this.t("symbolInfo.hours"), lo(e, a));
 		let v = (c ?? 0) >= 0 ? "+" : "-";
 		return {
 			symbol: t,
@@ -9159,17 +8640,17 @@ var Ha = [
 				items: t.map((e) => ({
 					title: e.title,
 					url: e.url,
-					meta: [e.source, oo(e.time - Date.now(), n)].filter(Boolean).join(" · ")
+					meta: [e.source, so(e.time - Date.now(), n)].filter(Boolean).join(" · ")
 				}))
 			});
 		}, o = this.newsCache.get(r);
-		if (o && Date.now() - o.at < ro) {
+		if (o && Date.now() - o.at < io) {
 			a(o.items);
 			return;
 		}
-		e.renderNews({ kind: "loading" }), Promise.resolve().then(() => n(r, no)).then((e) => {
+		e.renderNews({ kind: "loading" }), Promise.resolve().then(() => n(r, ro)).then((e) => {
 			if (i !== this.newsRequest || this.destroyed) return;
-			let t = le(e, no);
+			let t = pe(e, ro);
 			this.newsCache.set(r, {
 				at: Date.now(),
 				items: t
@@ -9185,7 +8666,7 @@ var Ha = [
 		return this.options.locale || "en";
 	}
 	createWatchlist(e, t) {
-		let n = t.persist ? to() : null, r = new kn({
+		let n = t.persist ? no() : null, r = new En({
 			lists: t.lists,
 			activeList: t.activeList,
 			symbols: this.symbols,
@@ -9195,7 +8676,7 @@ var Ha = [
 		});
 		this.watchlistStore = r, this.watchlistFromSymbols = !t.lists && !t.persist, this.quoteSource = t.quotes === !1 ? null : t.quotes ?? (this.options.adapter?.subscribeQuotes ? this.options.adapter : null);
 		let i = (e) => this.t(e);
-		this.watchlist = new gn(e, {
+		this.watchlist = new pn(e, {
 			onSelect: (e) => {
 				this.setSymbol(e);
 			},
@@ -9231,7 +8712,7 @@ var Ha = [
 		if (t !== this.quotedKey && (this.quotedKey = t, this.stopQuotes?.(), this.stopQuotes = null, e.length !== 0)) try {
 			this.stopQuotes = this.quoteSource.subscribeQuotes(e, (e) => {
 				if (this.destroyed || !Array.isArray(e)) return;
-				let t = e.map(ue).filter((e) => e !== null);
+				let t = e.map(me).filter((e) => e !== null);
 				t.length > 0 && this.takeQuotes(t);
 			});
 		} catch {
@@ -9279,21 +8760,22 @@ var Ha = [
 		});
 	}
 	async setTimeframe(e) {
-		if (this.chart.isTimeframeAllowed(e)) {
-			if (this.state = {
-				...this.state,
-				timeframe: e
-			}, this.options.onTimeframeChange?.(e), this.updateUI(), this.layoutSession?.changed(), this.adapter) {
-				await this.connectStream();
-				return;
-			}
-			if (this.options.resampleTimeframes !== !1) {
-				if (!this.baseSeries) {
-					let e = this.chart.getData();
-					e.length > 0 && (this.baseSeries = e, this.baseTimeframeMs = ke(e));
-				}
-				await this.switchLocalTimeframe();
+		this.chart.isTimeframeAllowed(e) && (this.chosenTimeframe = e, this.rangeSeq++, await this.switchTimeframe(e));
+	}
+	async switchTimeframe(e) {
+		if (this.state = {
+			...this.state,
+			timeframe: e
+		}, this.options.onTimeframeChange?.(e), this.updateUI(), this.layoutSession?.changed(), this.adapter) {
+			await this.connectStream();
+			return;
+		}
+		if (this.options.resampleTimeframes !== !1) {
+			if (!this.baseSeries) {
+				let e = this.chart.getData();
+				e.length > 0 && (this.baseSeries = e, this.baseTimeframeMs = Pe(e));
 			}
+			await this.switchLocalTimeframe();
 		}
 	}
 	setTheme(e) {
@@ -9328,7 +8810,7 @@ var Ha = [
 		if (!this.destroyed) {
 			this.destroyed = !0, this.boundGlobalKeydown && document.removeEventListener("keydown", this.boundGlobalKeydown), document.removeEventListener("fullscreenchange", this.onFullscreenChange), this.unregisterKeys(), this.tooltip.destroy(), this.legendFrame && cancelAnimationFrame(this.legendFrame), this.indicatorLegend?.destroy(), this.portal.remove(), document.fullscreenElement === this.root && document.exitFullscreen().catch(() => {}), this.flushActiveLayout(), this.commandPalette?.destroy(), this.symbolSearch?.destroy(), this.hotkeySheet?.destroy(), this.replayPollInterval && clearInterval(this.replayPollInterval), this.replayShade?.remove(), this.replayBar?.destroy(), this.dragDrop?.detach(), this.alertsPanel?.destroy(), this.objectTree?.destroy(), this.indicatorSettings?.destroy(), this.drawingStyle?.destroy(), this.drawingSettings?.destroy(), this.drawingMenu?.destroy(), this.selectionToolbar?.destroy(), this.selectionToolbarFrame !== null && cancelAnimationFrame(this.selectionToolbarFrame), this.chartMenu?.destroy(), this.legendMenu?.destroy();
 			for (let e of this.hostMenus) e.destroy();
-			this.hostMenus.clear(), this.templatePrompt?.destroy(), this.intervalInput?.destroy(), this.markerTip?.remove(), this.layoutSession?.destroy(), this.layoutsUI?.destroy(), this.accountPanel?.destroy(), this.orderTicket?.destroy(), this.accountFrame && cancelAnimationFrame(this.accountFrame), this.bracketBar?.destroy(), this.alertNotifier?.destroy(), this.depthLadder?.destroy(), this.dataWindow?.destroy(), this.watchlistInterval && clearInterval(this.watchlistInterval), this.marketTimer && clearInterval(this.marketTimer), this.chartNav?.destroy(), this.symbolInfoPanel?.destroy(), this.stopQuotes?.(), this.stopQuotes = null, this.watchlist?.destroy(), this.toolbar?.destroy(), this.sidebar?.destroy(), this.settings?.destroy(), this.statusBar?.destroy(), this.goToDate?.destroy(), this.loading.destroy(), this.historyPill.destroy(), this.chart.destroy(), this.root.remove(), dt();
+			this.hostMenus.clear(), this.templatePrompt?.destroy(), this.intervalInput?.destroy(), this.markerTip?.remove(), this.layoutSession?.destroy(), this.layoutsUI?.destroy(), this.accountPanel?.destroy(), this.orderTicket?.destroy(), this.accountFrame && cancelAnimationFrame(this.accountFrame), this.bracketBar?.destroy(), this.alertNotifier?.destroy(), this.depthLadder?.destroy(), this.dataWindow?.destroy(), this.watchlistInterval && clearInterval(this.watchlistInterval), this.marketTimer && clearInterval(this.marketTimer), this.chartNav?.destroy(), this.symbolInfoPanel?.destroy(), this.stopQuotes?.(), this.stopQuotes = null, this.watchlist?.destroy(), this.toolbar?.destroy(), this.sidebar?.destroy(), this.settings?.destroy(), this.statusBar?.destroy(), this.goToDate?.destroy(), this.loading.destroy(), this.historyPill.destroy(), this.chart.destroy(), this.root.remove(), gt();
 		}
 	}
 	handleSymbolClick() {
@@ -9345,6 +8827,48 @@ var Ha = [
 	handleTimeframe(e) {
 		this.setTimeframe(e);
 	}
+	applyRangePreset(e) {
+		let t = ++this.rangeSeq;
+		return this.rangeQueue = this.rangeQueue.then(() => this.runRangePreset(e, t)).catch((e) => {
+			this.say(e instanceof Error ? e.message : String(e), "error");
+		}), this.rangeQueue;
+	}
+	async runRangePreset(e, t) {
+		let n = () => t === this.rangeSeq && !this.destroyed;
+		if (!n()) return;
+		this.chosenTimeframe ??= this.state.timeframe;
+		let r = this.featureState["statusBar.rangeTimeframe"] ? this.timeframeForPreset(e) : this.state.timeframe;
+		r !== this.state.timeframe && (await this.switchTimeframe(r), !n() || this.adapter && this.state.connectionState === "error") || this.chart.setVisibleRangePreset(e);
+	}
+	timeframeForPreset(e) {
+		let t = this.state.timeframe, n = this.chart.getData();
+		if (n.length < 2) return t;
+		let r = S(n), i = n[n.length - 1].time * r, a = e === "All" ? n[0].time * r : ke(e, i, this.displayTimezone());
+		if (a === null) return t;
+		let o = n.length - 1;
+		for (; o > 0 && n[o - 1].time * r >= a;) o--;
+		let s = this.displayTimezone();
+		return Ti({
+			dayShare: n.slice(-$a).some((e) => {
+				let t = e.time * r, n = new Date(t + ue(s, t) * 6e4).getUTCDay();
+				return n === 0 || n === 6;
+			}) ? 1 : 5 / 7,
+			spanMs: i - a,
+			barsInSpan: n.length - o,
+			width: this.chart.getPlotRect().width,
+			current: t,
+			chosen: this.chosenTimeframe ?? t,
+			available: this.timeframes.filter((e) => this.chart.isTimeframeAllowed(e) && this.canShowTimeframe(e))
+		});
+	}
+	canShowTimeframe(e) {
+		if (this.adapter) return Ae(this.adapter, e);
+		if (this.options.resampleTimeframes === !1) return !1;
+		let t = this.chart.getData();
+		if (t.length < 2) return !1;
+		let n = this.baseSeries ? this.baseTimeframeMs : Pe(t);
+		return !(n > 0) || w(e) >= n;
+	}
 	toggleFullscreen() {
 		if (document.fullscreenElement === this.root) {
 			document.exitFullscreen().catch(() => {});
@@ -9383,7 +8907,7 @@ var Ha = [
 			e.hide();
 			return;
 		}
-		let i = this.chartOffset(), a = this.chart.getPlotRect(), o = lo(r.map((e) => this.chart.getDrawingRect(e.id))) ?? {
+		let i = this.chartOffset(), a = this.chart.getPlotRect(), o = uo(r.map((e) => this.chart.getDrawingRect(e.id))) ?? {
 			x: a.x + a.width / 2,
 			y: a.y,
 			width: 0,
@@ -9440,11 +8964,11 @@ var Ha = [
 			}] : [];
 		});
 		if (i.length === 0) return;
-		let a = st(Br({
+		let a = ft(Lr({
 			selected: i,
 			canConfigure: this.drawingSettings !== null,
 			canAlert: this.chart.canAddDrawingAlert(e)
-		}, this.t), Ze, this.featureState), o = i.map((e) => e.id), s = r.get(e), c = s ? this.options.drawingMenuItems?.({
+		}, this.t), nt, this.featureState), o = i.map((e) => e.id), s = r.get(e), c = s ? this.options.drawingMenuItems?.({
 			id: e,
 			type: s.type,
 			selected: o
@@ -9527,7 +9051,7 @@ var Ha = [
 		let t = this.featureState;
 		this.featureState = {
 			...t,
-			...$e(e)
+			...it(e)
 		};
 		let n = (e) => t[e] !== this.featureState[e];
 		this.markSwitchedOff(), this.closeSwitchedOff((e) => t[e] && !this.featureState[e]), n("selectionToolbar") && this.updateSelectionToolbar(), n("indicatorLegend") && (this.chart.setPaneTitlesVisible(!this.featureState.indicatorLegend), this.scheduleLegend()), n("menu.priceAxisAdd") && this.chart.setFeatures({ priceAxisAddButton: this.priceAxisAddDefault && this.featureState["menu.priceAxisAdd"] }), n("dragDropImport") && (this.featureState.dragDropImport ? this.dragDrop?.attach() : this.dragDrop?.detach()), [
@@ -9608,7 +9132,7 @@ var Ha = [
 		}
 	}
 	markSwitchedOff() {
-		let e = tt(this.featureState);
+		let e = ot(this.featureState);
 		for (let t of [this.root, this.portal]) e ? t.dataset.tcwOff = e : delete t.dataset.tcwOff;
 		this.toolbar?.setSymbolSearch(this.featureState.symbolSearch), this.toolbar?.tidy(), this.sidebar?.tidy();
 	}
@@ -9617,8 +9141,8 @@ var Ha = [
 		let t = this.toolbar, n = t.addHostButton(e);
 		return t.tidy(), {
 			element: n,
-			setActive: (t) => Mt(n, t, e.toggle === !0),
-			setText: (t) => Nt(n, e.label, t),
+			setActive: (t) => kt(n, t, e.toggle === !0),
+			setText: (t) => At(n, e.label, t),
 			remove: () => {
 				n.remove(), t.tidy();
 			}
@@ -9648,7 +9172,7 @@ var Ha = [
 		});
 		return r.setAttribute("aria-haspopup", "menu"), r.setAttribute("aria-expanded", "false"), t.tidy(), {
 			element: r,
-			setText: (t) => Nt(r, e.label, t),
+			setText: (t) => At(r, e.label, t),
 			remove: () => {
 				n.destroy(), this.hostMenus.delete(n), r.remove(), t.tidy();
 			}
@@ -9660,7 +9184,7 @@ var Ha = [
 		let n = t.addHostButton(e);
 		return {
 			element: n,
-			setActive: (t) => Mt(n, t, e.toggle === !0),
+			setActive: (t) => kt(n, t, e.toggle === !0),
 			remove: () => {
 				n.remove(), t.tidy();
 			}
@@ -9812,7 +9336,7 @@ var Ha = [
 		}), this.say(p(this.t(`order.${e}`), { price: this.formatAlertPrice(t) }));
 	}
 	displayTimezone() {
-		let e = je(this.settingsState.timezone);
+		let e = Ie(this.settingsState.timezone);
 		return e === "exchange" ? this.chart.getEffectiveTimezone() : e;
 	}
 	toggleGoToDate() {
@@ -9837,14 +9361,14 @@ var Ha = [
 	timeframeMenu() {
 		return this.timeframes.map((e) => ({
 			value: e,
-			label: gi(e),
+			label: pi(e),
 			custom: this.customTimeframes.has(e)
 		}));
 	}
 	handleAddTimeframe(e) {
 		if (!this.featureState.customTimeframes) return !1;
-		let t = wi(e);
-		return !t || !this.chart.isTimeframeAllowed(t) || this.adapter && !Te(this.adapter, t) || !this.adapter && C(t) !== null ? !1 : (this.timeframes.includes(t) || (this.customTimeframes.add(t), this.timeframeFavorites.add(t), this.timeframes = Ti(this.timeframes, [t]), this.toolbar?.setTimeframes(this.timeframeMenu(), this.pinnedTimeframes())), this.handleTimeframe(t), !0);
+		let t = xi(e);
+		return !t || !this.chart.isTimeframeAllowed(t) || this.adapter && !Ae(this.adapter, t) || !this.adapter && C(t) !== null ? !1 : (this.timeframes.includes(t) || (this.customTimeframes.add(t), this.timeframeFavorites.add(t), this.timeframes = Si(this.timeframes, [t]), this.toolbar?.setTimeframes(this.timeframeMenu(), this.pinnedTimeframes())), this.handleTimeframe(t), !0);
 	}
 	showMarkerTip(e) {
 		let { marker: t } = e;
@@ -9863,7 +9387,7 @@ var Ha = [
 		this.markerTip.style.left = `${l}px`, this.markerTip.style.top = `${u}px`;
 	}
 	selectTypedTimeframe(e) {
-		return !this.chart.isTimeframeAllowed(e) || !this.timeframes.includes(e) && !this.featureState.customTimeframes || this.adapter && !Te(this.adapter, e) ? !1 : (this.timeframes.includes(e) || (this.customTimeframes.add(e), this.timeframes = Ti(this.timeframes, [e]), this.toolbar?.setTimeframes(this.timeframeMenu(), this.pinnedTimeframes())), this.handleTimeframe(e), !0);
+		return !this.chart.isTimeframeAllowed(e) || !this.timeframes.includes(e) && !this.featureState.customTimeframes || this.adapter && !Ae(this.adapter, e) ? !1 : (this.timeframes.includes(e) || (this.customTimeframes.add(e), this.timeframes = Si(this.timeframes, [e]), this.toolbar?.setTimeframes(this.timeframeMenu(), this.pinnedTimeframes())), this.handleTimeframe(e), !0);
 	}
 	applyIndicatorTemplate(e) {
 		if (!this.featureState.indicatorTemplates) return;
@@ -9876,7 +9400,7 @@ var Ha = [
 				this.say(this.t("templates.nothing"), "error");
 				return;
 			}
-			this.templatePrompt ??= new ci(this.root, this.t), this.templatePrompt.open({
+			this.templatePrompt ??= new ai(this.root, this.t), this.templatePrompt.open({
 				title: this.t("templates.saveTitle"),
 				submitLabel: this.t("common.save"),
 				placeholder: this.t("templates.namePlaceholder"),
@@ -9898,7 +9422,7 @@ var Ha = [
 		this.timeframeFavorites.toggle(e), this.toolbar?.setTimeframeFavorites(this.pinnedTimeframes()), this.updateUI();
 	}
 	setData(e) {
-		this.localSeq++, this.baseSeries = e, this.baseTimeframeMs = ke(e), this.applyTimeframeData(), this.adapter || this.loading.end();
+		this.localSeq++, this.baseSeries = e, this.baseTimeframeMs = Pe(e), this.applyTimeframeData(), this.adapter || this.loading.end();
 	}
 	async switchLocalTimeframe() {
 		if (!this.baseSeries) return;
@@ -9915,7 +9439,7 @@ var Ha = [
 		let e = performance.now(), t = w(this.state.timeframe);
 		if (this.baseTimeframeMs > 0 && t > this.baseTimeframeMs) {
 			let e = this.options.weekStartsOn ?? 1;
-			this.chart.setData(Oe(this.baseSeries, this.state.timeframe, { weekStartsOn: e }));
+			this.chart.setData(Ne(this.baseSeries, this.state.timeframe, { weekStartsOn: e }));
 		} else this.chart.setData(this.baseSeries);
 		this.lastLocalSwitchMs = performance.now() - e;
 	}
@@ -10045,7 +9569,7 @@ var Ha = [
 			defaults: n.descriptor.defaultConfig,
 			params: n.params,
 			inputs: n.descriptor.inputs,
-			lineSources: eo(e, t),
+			lineSources: to(e, t),
 			plots: n.descriptor.plots,
 			colors: r?.colors,
 			lineWidth: r?.lineWidths[0],
@@ -10062,7 +9586,7 @@ var Ha = [
 			visible: e.visible
 		})), t = this.chart.getDrawings().map((e) => ({
 			id: e.id,
-			label: ir(e.type, this.t),
+			label: tr(e.type, this.t),
 			visible: e.visible,
 			locked: e.locked,
 			group: e.group
@@ -10145,7 +9669,7 @@ var Ha = [
 		if (this.compares.some((t) => t.symbol === e)) return;
 		let n = Ha[this.compares.length % Ha.length], r = `cmp_${e}`;
 		try {
-			let t = await De(this.adapter).fetchHistory(e, this.state.timeframe, this.options.historyLimit ?? 500);
+			let t = await Me(this.adapter).fetchHistory(e, this.state.timeframe, this.options.historyLimit ?? 500);
 			this.compares.length === 0 && this.chart.setCompareMode("percent"), this.chart.addCompareSymbol(r, e, t, n), this.compares = [...this.compares, {
 				id: r,
 				symbol: e,
@@ -10167,7 +9691,7 @@ var Ha = [
 		this.symbolLoads.set(e, n);
 		let r = () => this.destroyed || t !== this.state.timeframe || this.symbolLoads.get(e) !== n;
 		try {
-			let n = Math.max(this.chart.getData().length, this.options.historyLimit ?? 500), i = await De(this.adapter).fetchHistory(e, t, n);
+			let n = Math.max(this.chart.getData().length, this.options.historyLimit ?? 500), i = await Me(this.adapter).fetchHistory(e, t, n);
 			if (r()) return;
 			this.chart.setSymbolSeries(e, i);
 		} catch (t) {
@@ -10181,7 +9705,7 @@ var Ha = [
 		let e = this.compares.filter((e) => e.symbol === this.state.symbol);
 		for (let t of e) this.handleRemoveCompare(t.id);
 		for (let e of this.compares) try {
-			let t = await De(this.adapter).fetchHistory(e.symbol, this.state.timeframe, this.options.historyLimit ?? 500);
+			let t = await Me(this.adapter).fetchHistory(e.symbol, this.state.timeframe, this.options.historyLimit ?? 500);
 			this.chart.updateCompareData(e.id, t);
 		} catch {}
 	}
@@ -10210,7 +9734,7 @@ var Ha = [
 		};
 	}
 	alertText(e) {
-		return Pn(this.alertListItem(e, this.buildAlertSources()), this.t, (e) => this.formatAlertPrice(e), !0);
+		return jn(this.alertListItem(e, this.buildAlertSources()), this.t, (e) => this.formatAlertPrice(e), !0);
 	}
 	buildAlertSources() {
 		let e = [{
@@ -10275,19 +9799,19 @@ var Ha = [
 	}
 	buildCommandItems() {
 		let e = [];
-		for (let t of Ie) e.push({
+		for (let t of Ve) e.push({
 			id: t.id,
 			label: t.name,
 			category: "indicator",
 			active: [...this.state.activeIndicators.values()].some((e) => e.id === t.id)
 		});
-		for (let t of Pe) e.push({
+		for (let t of ze) e.push({
 			id: t.value,
-			label: Dt(t, this.t),
+			label: wt(t, this.t),
 			category: "chartType",
 			active: this.state.chartType === t.value
 		});
-		for (let t of Ot(Fe, this.t)) for (let n of t.tools) e.push({
+		for (let t of Tt(Be, this.t)) for (let n of t.tools) e.push({
 			id: n.value,
 			label: n.label,
 			category: "drawing",
@@ -10295,7 +9819,7 @@ var Ha = [
 		});
 		for (let t of this.timeframes) e.push({
 			id: t,
-			label: gi(t),
+			label: pi(t),
 			category: "timeframe",
 			active: this.state.timeframe === t
 		});
@@ -10339,7 +9863,7 @@ var Ha = [
 		}), e.filter((e) => e.category !== "action" || this.commandOn(e.id));
 	}
 	commandOn(e) {
-		let t = at(e);
+		let t = ut(e);
 		return t === void 0 || this.featureState[t];
 	}
 	handleAction(e) {
@@ -10422,14 +9946,20 @@ var Ha = [
 			chartTypeOptions: this.chart.getChartTypeOptions?.() ?? {}
 		}, this.settings?.open(this.settingsState, this.state.chartType));
 	}
-	toast(e, t = "info") {
-		let n = document.createElement("div");
-		n.className = `tcw-toast ${t === "error" ? "tcw-toast-error" : ""}`, n.textContent = e, this.root.appendChild(n), requestAnimationFrame(() => n.classList.add("tcw-toast-in")), setTimeout(() => {
-			n.classList.remove("tcw-toast-in"), n.addEventListener("transitionend", () => n.remove(), { once: !0 }), setTimeout(() => n.remove(), 400);
+	toast(e, t = "info", n) {
+		let r = document.createElement("div");
+		r.className = `tcw-toast ${t === "error" ? "tcw-toast-error" : ""}`, r.setAttribute("role", t === "error" ? "alert" : "status");
+		let i = n ? j(n, 14) : "";
+		if (i) {
+			let e = document.createElement("span");
+			e.className = "tcw-toast-icon", e.innerHTML = i, r.appendChild(e);
+		}
+		r.appendChild(document.createTextNode(e)), this.root.appendChild(r), requestAnimationFrame(() => r.classList.add("tcw-toast-in")), setTimeout(() => {
+			r.classList.remove("tcw-toast-in"), r.addEventListener("transitionend", () => r.remove(), { once: !0 }), setTimeout(() => r.remove(), 400);
 		}, 3500);
 	}
-	say(e, t = "info") {
-		(this.featureState.toasts || t === "error") && this.toast(e, t);
+	say(e, t = "info", n) {
+		(this.featureState.toasts || t === "error") && this.toast(e, t, n);
 	}
 	getLayoutSession() {
 		return this.layoutSession;
@@ -10445,7 +9975,7 @@ var Ha = [
 		return {
 			v: 1,
 			symbol: this.state.symbol,
-			timeframe: this.state.timeframe,
+			timeframe: this.chosenTimeframe ?? this.state.timeframe,
 			scaleMode: this.settingsState.scaleMode,
 			invertScale: this.settingsState.invertScale,
 			chart: n
@@ -10479,7 +10009,7 @@ var Ha = [
 			capture: () => ({
 				content: this.getLayoutContent(),
 				symbol: this.state.symbol,
-				timeframe: this.state.timeframe
+				timeframe: this.chosenTimeframe ?? this.state.timeframe
 			}),
 			apply: async (e) => {
 				if (!await this.applyLayoutContent(e.content)) throw Error("Not a widget layout");
@@ -10490,7 +10020,7 @@ var Ha = [
 			onChange: () => this.toolbar?.setLayout(t.current()?.name ?? null, t.isDirty()),
 			onError: () => this.say(this.t("layouts.saveFailed"), "error")
 		});
-		this.layoutSession = t, this.layoutsUI = new fi(t, {
+		this.layoutSession = t, this.layoutsUI = new li(t, {
 			root: this.root,
 			t: this.t,
 			toast: (e, t) => this.say(e, t),
@@ -10547,7 +10077,7 @@ var Ha = [
 	enterReplay() {
 		if (this.replayTotal() < 2) return;
 		let e = this.t;
-		this.replayBar = new un({
+		this.replayBar = new sn({
 			onPlay: () => {
 				if (this.replayBar?.getMode() === "select") {
 					this.startReplayAt(Math.max(1, this.replayTotal() - 100), !0);
@@ -10636,7 +10166,7 @@ var Ha = [
 		let e = w(this.state.timeframe);
 		return qa.filter((t) => {
 			let n = w(t);
-			return !(n < e) || e % n !== 0 ? !1 : this.adapter ? Te(this.adapter, t) : this.baseSeries !== null && this.baseTimeframeMs > 0 && n >= this.baseTimeframeMs && n % this.baseTimeframeMs === 0;
+			return !(n < e) || e % n !== 0 ? !1 : this.adapter ? Ae(this.adapter, t) : this.baseSeries !== null && this.baseTimeframeMs > 0 && n >= this.baseTimeframeMs && n % this.baseTimeframeMs === 0;
 		});
 	}
 	async replayStepsFor(e) {
@@ -10646,11 +10176,11 @@ var Ha = [
 		if (this.adapter) {
 			let t = Math.max(1, Math.round(w(this.state.timeframe) / w(e))), r = Math.min(Ja, Math.max(this.chart.getData().length, 100) * t);
 			try {
-				n = await De(this.adapter).fetchHistory(this.state.symbol, e, r);
+				n = await Me(this.adapter).fetchHistory(this.state.symbol, e, r);
 			} catch {
 				n = null;
 			}
-		} else this.baseSeries && (n = w(e) === this.baseTimeframeMs ? this.baseSeries : Oe(this.baseSeries, e));
+		} else this.baseSeries && (n = w(e) === this.baseTimeframeMs ? this.baseSeries : Ne(this.baseSeries, e));
 		return !n || n.length === 0 ? null : (this.replayStepsCache = {
 			key: t,
 			steps: n
@@ -10708,7 +10238,7 @@ var Ha = [
 		}) : (this.chart.setScaleMode(e.scaleMode), this.settingsState = {
 			...this.settingsState,
 			logScale: e.scaleMode === "logarithmic"
-		}), e.numberLocale !== void 0 && (this.chart.setNumberLocale(e.numberLocale), this.watchlist?.setLocale(e.numberLocale || void 0)), e.timezone !== void 0 && this.chart.setTimezone(je(e.timezone)), e.highLowLines !== void 0 && this.chart.setHighLowLines(e.highLowLines), e.extendedHours !== void 0 && this.chart.setExtendedHours(e.extendedHours), e.mainSeriesVisible !== void 0 && this.chart.setMainSeriesVisible(e.mainSeriesVisible), e.chartTypeOptions !== void 0 && this.chart.setChartTypeOptions({
+		}), e.numberLocale !== void 0 && (this.chart.setNumberLocale(e.numberLocale), this.watchlist?.setLocale(e.numberLocale || void 0)), e.timezone !== void 0 && this.chart.setTimezone(Ie(e.timezone)), e.highLowLines !== void 0 && this.chart.setHighLowLines(e.highLowLines), e.extendedHours !== void 0 && this.chart.setExtendedHours(e.extendedHours), e.mainSeriesVisible !== void 0 && this.chart.setMainSeriesVisible(e.mainSeriesVisible), e.chartTypeOptions !== void 0 && this.chart.setChartTypeOptions({
 			renko: {},
 			lineBreak: {},
 			kagi: {},
@@ -10719,7 +10249,7 @@ var Ha = [
 	}
 	resetSettings() {
 		let e = { ...this.settingsState }, t = this.settingsStyle(), n = { ...this.settingsDefaults };
-		this.applySettings(n), this.chart.resetOverrides([...Ke], { layer: "user" });
+		this.applySettings(n), this.chart.resetOverrides([...Ze], { layer: "user" });
 		let r = { ...this.settingsState }, i = this.settingsStyle();
 		this.settings?.refresh(this.settingsState), JSON.stringify([e, t]) !== JSON.stringify([r, i]) && this.chart.recordUndo({
 			undo: () => this.restoreSettings(e, t),
@@ -10748,7 +10278,7 @@ var Ha = [
 			redo: () => this.restoreSettings(i)
 		});
 	}
-	settingsStyle(e = Ke) {
+	settingsStyle(e = Ze) {
 		let t = this.chart.getOverrides?.({ layer: "user" }) ?? {}, n = Object.fromEntries(e.map((e) => {
 			let n = t[e];
 			return [e, typeof n == "string" || typeof n == "boolean" || typeof n == "number" ? n : null];
@@ -10902,7 +10432,7 @@ var Ha = [
 		return e === void 0 || e === "dark" ? !0 : e === "light" ? !1 : typeof e == "object" && e.background ? this.isColorDark(e.background) : !0;
 	}
 	resolveTheme(e) {
-		return e === void 0 || e === "dark" ? _ : e === "light" ? x : typeof e == "object" ? e : _;
+		return e === void 0 || e === "dark" ? v : e === "light" ? te : typeof e == "object" ? e : v;
 	}
 	isColorDark(e) {
 		if (e.startsWith("#") && e.length >= 7) {
@@ -10912,10 +10442,10 @@ var Ha = [
 		return !0;
 	}
 };
-function eo(t, n) {
+function to(t, n) {
 	let r = (e) => {
-		let t = Ee(e.descriptor);
-		return t && se(e.params[t])?.instanceId || null;
+		let t = je(e.descriptor);
+		return t && de(e.params[t])?.instanceId || null;
 	}, i = new Set([t]);
 	for (let e = !0; e;) {
 		e = !1;
@@ -10929,25 +10459,25 @@ function eo(t, n) {
 		if (i.has(t.instanceId)) continue;
 		let n = e(t.id, t.params, t.descriptor.defaultConfig, t.descriptor.shortName);
 		for (let e of t.descriptor.plots ?? []) a.push({
-			value: ne(t.instanceId, e.key),
+			value: oe(t.instanceId, e.key),
 			label: `${n}: ${e.title}`
 		});
 	}
 	return a;
 }
-function to() {
+function no() {
 	try {
 		return typeof localStorage < "u" ? localStorage : null;
 	} catch {
 		return null;
 	}
 }
-var no = 10, ro = 5 * 6e4, io = 864e5;
-function ao(e, t) {
+var ro = 10, io = 5 * 6e4, ao = 864e5;
+function oo(e, t) {
 	if (e.length === 0) return null;
-	let n = t && ie(t) ? t : null, r = S(e), i = (e) => {
+	let n = t && ce(t) ? t : null, r = S(e), i = (e) => {
 		let t = e * r;
-		return Math.floor((t + (n ? _e(n, t) * 6e4 : 0)) / io);
+		return Math.floor((t + (n ? xe(n, t) * 6e4 : 0)) / ao);
 	}, a = e[e.length - 1], o = i(a.time), s = e.length - 1;
 	for (; s > 0 && i(e[s - 1].time) === o;) s--;
 	let c = -Infinity, l = Infinity, u = 0;
@@ -10961,7 +10491,7 @@ function ao(e, t) {
 		prevClose: s > 0 ? e[s - 1].close : void 0
 	};
 }
-function oo(e, t) {
+function so(e, t) {
 	let n = e / 6e4, [r, i] = Math.abs(n) < 60 ? [Math.round(n) || Math.sign(n) || 1, "minute"] : Math.abs(n) < 1440 ? [Math.round(n / 60), "hour"] : [Math.round(n / 1440), "day"];
 	try {
 		return new Intl.RelativeTimeFormat(t, { numeric: "auto" }).format(r, i);
@@ -10969,7 +10499,7 @@ function oo(e, t) {
 		return new Intl.RelativeTimeFormat("en", { numeric: "auto" }).format(r, i);
 	}
 }
-function so(e, t) {
+function co(e, t) {
 	try {
 		return new Intl.NumberFormat(t, {
 			notation: "compact",
@@ -10979,7 +10509,7 @@ function so(e, t) {
 		return String(e);
 	}
 }
-function co(e, t) {
+function lo(e, t) {
 	let n = e?.sessions ?? [];
 	if (n.length === 0) return;
 	let r;
@@ -11006,7 +10536,7 @@ function co(e, t) {
 	};
 	return n.map((e) => [`⁦${e.start}–${e.end}⁩`, i(e.days)].filter(Boolean).join(" ")).join(", ");
 }
-function lo(e) {
+function uo(e) {
 	let t = e.filter((e) => e !== null);
 	if (t.length === 0) return null;
 	let n = Math.min(...t.map((e) => e.x)), r = Math.min(...t.map((e) => e.y)), i = Math.max(...t.map((e) => e.x + e.width)), a = Math.max(...t.map((e) => e.y + e.height));
@@ -11017,19 +10547,19 @@ function lo(e) {
 		height: a - r
 	};
 }
-function uo(e) {
+function fo(e) {
 	return !!e && /^(ar|he|iw|fa|ur|ps|yi|dv|ckb|sd|ug)(-|$)/i.test(e);
 }
 //#endregion
 //#region src/widget/ChartWidgetGrid.ts
-var fo = {
+var po = {
 	symbol: !1,
 	interval: !1,
 	crosshair: !0,
 	time: !1,
 	drawings: !1,
 	replay: !1
-}, po = [
+}, mo = [
 	"symbol",
 	"interval",
 	"crosshair",
@@ -11070,25 +10600,25 @@ var fo = {
 		rows: 3
 	}
 };
-function mo(e) {
+function ho(e) {
 	return typeof e == "string" && Object.prototype.hasOwnProperty.call($, e);
 }
-function ho(e) {
+function go(e) {
 	return JSON.parse(JSON.stringify(e));
 }
-function go(e, t, n = 16) {
+function _o(e, t, n = 16) {
 	let r = (20 - 2 * (e - 1)) / e, i = (20 - 2 * (t - 1)) / t, a = "";
 	for (let n = 0; n < t; n++) for (let t = 0; t < e; t++) a += `<rect x="${2 + t * (r + 2)}" y="${2 + n * (i + 2)}" width="${r}" height="${i}" rx="1"/>`;
 	return `<svg width="${n}" height="${n}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true">${a}</svg>`;
 }
-function _o(e) {
+function vo(e) {
 	if (typeof e != "object" || !e) return null;
 	let t = e;
-	if (t.v !== 1 || t.kind !== "grid" || !mo(t.layout) || !Array.isArray(t.cells)) return null;
+	if (t.v !== 1 || t.kind !== "grid" || !ho(t.layout) || !Array.isArray(t.cells)) return null;
 	let n = t.cells.map(Fi);
 	if (n.some((e) => e === null)) return null;
-	let r = typeof t.sync == "object" && t.sync !== null ? t.sync : {}, i = { ...fo };
-	for (let e of po) typeof r[e] == "boolean" && (i[e] = r[e]);
+	let r = typeof t.sync == "object" && t.sync !== null ? t.sync : {}, i = { ...po };
+	for (let e of mo) typeof r[e] == "boolean" && (i[e] = r[e]);
 	let a = typeof t.active == "number" && Number.isInteger(t.active) ? t.active : 0;
 	return {
 		v: 1,
@@ -11099,7 +10629,7 @@ function _o(e) {
 		cells: n
 	};
 }
-var vo = class {
+var yo = class {
 	root;
 	cellsEl;
 	cells = [];
@@ -11126,10 +10656,10 @@ var vo = class {
 		!(e.ctrlKey || e.metaKey) || e.altKey || e.shiftKey || e.key !== "s" && e.key !== "S" || !this.layoutsUI || Y() || !ji(this.root, !0) || (e.preventDefault(), this.layoutsUI.save());
 	};
 	constructor(e, t = {}) {
-		this.options = t, this.layout = mo(t.layout) ? t.layout : "1x2", this.sync = {
-			...fo,
+		this.options = t, this.layout = ho(t.layout) ? t.layout : "1x2", this.sync = {
+			...po,
 			...t.sync
-		}, this.t = d(f(t.widget?.locale, t.widget?.messages)), ut(), this.root = document.createElement("div"), this.root.className = "tcw-root tcw-grid", this.root.dataset.tcwTheme = t.widget?.theme === "light" ? "light" : "dark", U(this.root, H(t.widget?.ui), { variables: t.widget?.ui !== void 0 }), t.bar !== !1 && this.root.appendChild(this.buildBar()), this.cellsEl = document.createElement("div"), this.cellsEl.className = "tcw-grid-cells", this.root.appendChild(this.cellsEl), e.appendChild(this.root), this.applyShape();
+		}, this.t = d(f(t.widget?.locale, t.widget?.messages)), ht(), this.root = document.createElement("div"), this.root.className = "tcw-root tcw-grid", this.root.dataset.tcwTheme = t.widget?.theme === "light" ? "light" : "dark", U(this.root, H(t.widget?.ui), { variables: t.widget?.ui !== void 0 }), t.bar !== !1 && this.root.appendChild(this.buildBar()), this.cellsEl = document.createElement("div"), this.cellsEl.className = "tcw-grid-cells", this.root.appendChild(this.cellsEl), e.appendChild(this.root), this.applyShape();
 		for (let e = 0; e < this.shapeCount(); e++) this.cells.push(this.createCell(e));
 		this.markActive();
 		let n = this.cells[0]?.el.querySelector(".tcw-root")?.dataset.tcwTheme;
@@ -11165,7 +10695,7 @@ var vo = class {
 		return this.layout;
 	}
 	setLayout(e) {
-		if (e === this.layout || !mo(e)) return;
+		if (e === this.layout || !ho(e)) return;
 		this.layout = e;
 		let t = this.shapeCount();
 		for (; this.cells.length > t;) {
@@ -11211,7 +10741,7 @@ var vo = class {
 		this.styleOverrides = t;
 	}
 	setFeatures(e) {
-		let t = $e(e);
+		let t = it(e);
 		for (let e of this.cells) e.widget.setFeatures(t);
 		this.featureSwitches = {
 			...this.featureSwitches,
@@ -11255,14 +10785,14 @@ var vo = class {
 		return JSON.stringify(this.captureLayout());
 	}
 	async applyLayoutContent(e) {
-		let t = _o(Ii(e));
+		let t = vo(Ii(e));
 		return t ? (await this.restoreLayout(t), !0) : !1;
 	}
 	destroy() {
 		if (!this.destroyed) {
 			this.destroyed = !0, document.removeEventListener("keydown", this.onKeyDown), this.unregisterKeys(), this.drawingFrame && cancelAnimationFrame(this.drawingFrame), this.session?.destroy(), this.layoutsUI?.destroy();
 			for (let e of this.cells) this.destroyCell(e);
-			this.cells = [], this.root.remove(), dt();
+			this.cells = [], this.root.remove(), gt();
 		}
 	}
 	shapeCount() {
@@ -11276,7 +10806,7 @@ var vo = class {
 	createCell(e) {
 		let t = document.createElement("div");
 		t.className = "tcw-grid-cell", t.setAttribute("role", "region"), t.setAttribute("aria-label", p(this.t("grid.chart"), { n: e + 1 })), this.cellsEl.appendChild(t);
-		let n = this.options.widget ?? {}, r = this.options.cells?.[e] ?? {}, i = this.cells[this.active]?.widget, a = {}, o = new $a(t, {
+		let n = this.options.widget ?? {}, r = this.options.cells?.[e] ?? {}, i = this.cells[this.active]?.widget, a = {}, o = new eo(t, {
 			...n,
 			...r,
 			...i && this.sync.symbol ? { symbol: i.getSymbol() } : {},
@@ -11325,7 +10855,7 @@ var vo = class {
 					t.replaySeekToTime(n);
 					return;
 				}
-				let r = yo(t.getData(), n);
+				let r = bo(t.getData(), n);
 				r >= 0 && t.replayStart({
 					startIndex: r,
 					paused: !0
@@ -11370,7 +10900,7 @@ var vo = class {
 	copyDrawings(e) {
 		let t = e.widget.getSymbol(), n = e.widget.getChart().getDrawings();
 		this.quietly(() => {
-			for (let r of this.cells) r !== e && r.widget.getSymbol() === t && r.widget.getChart().setDrawings(ho(n));
+			for (let r of this.cells) r !== e && r.widget.getSymbol() === t && r.widget.getChart().setDrawings(go(n));
 		});
 	}
 	mergeDrawings() {
@@ -11382,7 +10912,7 @@ var vo = class {
 				let e = /* @__PURE__ */ new Map();
 				for (let n of t) for (let t of n.widget.getChart().getDrawings()) e.has(t.id) || e.set(t.id, t);
 				let n = [...e.values()];
-				for (let e of t) e.widget.getChart().setDrawings(ho(n));
+				for (let e of t) e.widget.getChart().setDrawings(go(n));
 			}
 		});
 	}
@@ -11400,20 +10930,20 @@ var vo = class {
 		e.className = "tcw-grid-bar", e.setAttribute("role", "toolbar"), e.setAttribute("aria-label", this.t("grid.bar"));
 		let t = document.createElement("div");
 		t.className = "tcw-grid-group", t.setAttribute("role", "group"), t.setAttribute("aria-label", this.t("grid.layout"));
-		let n = this.options.layoutChoices?.filter(mo) ?? Object.keys($);
+		let n = this.options.layoutChoices?.filter(ho) ?? Object.keys($);
 		for (let e of n) {
 			let { cols: n, rows: r } = $[e], i = n * r === 1 ? this.t("grid.single") : p(this.t("grid.layoutOption"), {
 				count: n * r,
 				cols: n,
 				rows: r
 			}), a = document.createElement("button");
-			a.type = "button", a.className = "tcw-btn-icon", a.title = i, a.setAttribute("aria-label", i), a.innerHTML = go(n, r), a.addEventListener("click", () => this.setLayout(e)), this.layoutButtons.set(e, a), t.appendChild(a);
+			a.type = "button", a.className = "tcw-btn-icon", a.title = i, a.setAttribute("aria-label", i), a.innerHTML = _o(n, r), a.addEventListener("click", () => this.setLayout(e)), this.layoutButtons.set(e, a), t.appendChild(a);
 		}
 		let r = document.createElement("div");
 		r.className = "tcw-grid-group", r.setAttribute("role", "group"), r.setAttribute("aria-label", this.t("grid.sync"));
 		let i = document.createElement("span");
 		i.className = "tcw-grid-label", i.innerHTML = `${j("link", 13)}<span>${N(this.t("grid.sync"))}</span>`, r.appendChild(i);
-		for (let e of po) {
+		for (let e of mo) {
 			let t = document.createElement("button");
 			t.type = "button", t.className = "tcw-btn tcw-grid-sync", t.textContent = this.t(`grid.sync.${e}`), t.title = this.t(`grid.sync.${e}.hint`), t.addEventListener("click", () => this.setSync({ [e]: !this.sync[e] })), this.syncButtons.set(e, t), r.appendChild(t);
 		}
@@ -11460,7 +10990,7 @@ var vo = class {
 			onChange: () => this.renderLayoutsButton(),
 			onError: () => this.toast(this.t("layouts.saveFailed"), "error")
 		});
-		this.session = t, this.layoutsUI = new fi(t, {
+		this.session = t, this.layoutsUI = new li(t, {
 			root: this.root,
 			t: this.t,
 			toast: (e, t) => this.toast(e, t),
@@ -11474,12 +11004,12 @@ var vo = class {
 		this.cells[this.active]?.widget.toast(e, t);
 	}
 };
-function yo(e, t) {
+function bo(e, t) {
 	let n = -1;
 	for (let r = 0; r < e.length && e[r].time < t; r++) n = r;
 	return n;
 }
 //#endregion
-export { mt as CHART_TYPE_ICONS, $a as ChartWidget, vo as ChartWidgetGrid, fo as DEFAULT_GRID_SYNC, pt as DRAWING_TOOL_ICONS, l as EN_MESSAGES, $ as GRID_SHAPES, s as LayoutSession, i as MAX_LAYOUT_NAME, ft as UI_ICONS, m as VI_MESSAGES, O as WIDGET_FEATURES, Jn as WIDGET_UI_PRESETS, U as applyWidgetUI, o as cleanLayoutName, xt as createChartTypeIcon, j as createIcon, M as createToolIcon, u as findWidgetLocale, yt as iconSvg, r as localStorageLayouts, t as memoryLayouts, _o as readGridLayout, Dn as readWatchlists, Fi as readWidgetLayout, c as registerWidgetLocale, H as resolveWidgetUI, tr as widgetUIVariables };
+export { _ as CHART_TYPE_ICONS, eo as ChartWidget, yo as ChartWidgetGrid, po as DEFAULT_GRID_SYNC, ee as DRAWING_TOOL_ICONS, l as EN_MESSAGES, $ as GRID_SHAPES, s as LayoutSession, i as MAX_LAYOUT_NAME, re as UI_ICONS, m as VI_MESSAGES, O as WIDGET_FEATURES, Gn as WIDGET_UI_PRESETS, U as applyWidgetUI, o as cleanLayoutName, vt as createChartTypeIcon, j as createIcon, M as createToolIcon, u as findWidgetLocale, ae as iconSvg, r as localStorageLayouts, t as memoryLayouts, vo as readGridLayout, wn as readWatchlists, Fi as readWidgetLayout, c as registerWidgetLocale, H as resolveWidgetUI, Qn as widgetUIVariables };
 
 //# sourceMappingURL=index.js.map