보조지표 툴바추가

frontend/src/App.css

@@ -953,6 +953,91 @@ html.theme-blue {
   position: relative;
   width:  100%;
   height: 100%;
+  flex: 1;
+  min-width: 0;
+}
+
+/* 차트 + 우측 툴바 행 */
+.chart-main-row {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+  min-width: 0;
+  width: 100%;
+  position: relative;
+}
+
+/* 우측 세로 툴바 — 가격축 라벨 오른쪽 전용 영역 */
+.chart-right-toolbar {
+  width: var(--sidebar-w, 44px);
+  flex-shrink: 0;
+  background: var(--bg2);
+  border-left: 1px solid var(--border);
+  position: relative;
+  z-index: 6;
+  overflow: hidden;
+}
+
+.chart-right-toolbar-inner {
+  position: relative;
+  width: 100%;
+}
+
+.chart-right-toolbar-segment {
+  position: absolute;
+  left: 0;
+  right: 0;
+  border-bottom: 1px solid var(--border);
+  pointer-events: none;
+  box-sizing: border-box;
+}
+
+.chart-right-toolbar-cluster {
+  position: absolute;
+  left: 0;
+  right: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 2px;
+  padding: 0;
+  z-index: 2;
+  pointer-events: auto;
+}
+
+.chart-right-toolbar-btn {
+  width: 32px !important;
+  height: 32px !important;
+  margin: 0 !important;
+}
+
+.chart-right-toolbar-btn--menu {
+  position: relative !important;
+}
+
+.chart-right-toolbar-btn--drag {
+  cursor: grab;
+  touch-action: none;
+}
+
+.chart-right-toolbar-btn--drag:active {
+  cursor: grabbing;
+}
+
+/* 우측 툴바 플라이아웃 — 버튼 왼쪽으로 펼침 */
+.tv-side-flyout--right-anchor {
+  transform: translateX(-100%);
+  animation: flyout-in-right 0.1s ease;
+}
+
+@keyframes flyout-in-right {
+  from { opacity: 0; transform: translateX(calc(-100% + 6px)); }
+  to   { opacity: 1; transform: translateX(-100%); }
+}
+
+.tv-side-flyout-item--danger:hover {
+  color: #ff6b6b !important;
+  background: rgba(255, 107, 107, 0.15) !important;
 }
 
 /* PaneLegend — portal 호스트 + 레이어 (React createPortal 전용, 수동 DOM 제거 금지) */
@@ -9060,6 +9145,28 @@ html.theme-blue {
   line-height: 1.45;
 }
 
+.stg-subsection-label {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  font-size: 12.5px;
+  font-weight: 600;
+  color: var(--text);
+  padding: 10px 16px 2px;
+}
+
+.stg-subsection-label--spaced {
+  margin-top: 6px;
+  border-top: 1px solid var(--border);
+  padding-top: 14px;
+}
+
+.stg-subsection-desc {
+  font-size: 11px;
+  font-weight: 400;
+  color: var(--text3);
+}
+
 /* ── 설정 행 ── */
 .stg-row {
   display: flex;