/* 작도 편집 화면 (js/drawui.js) */
.kc { position: relative; }
.sel-bar { position: absolute; top: 8px; left: 50%; transform: translateX(-50%); z-index: 30; display: none; align-items: center; gap: 2px;
  background: var(--win); border: 1px solid var(--line-2); border-radius: 8px; box-shadow: var(--shadow); padding: 3px 4px; user-select: none; }
.sel-bar.on { display: flex; }
.sel-bar button { height: 30px; min-width: 30px; padding: 0 6px; border-radius: 6px; display: inline-flex; align-items: center; gap: 4px; color: var(--text-2); }
.sel-bar button:hover { background: var(--hover); color: var(--text); }
.sel-bar button.on { color: var(--brand-2); background: var(--brand-bg); }
.sel-bar button small { font-size: 11px; color: var(--text-3); }
.sel-bar .ico { width: 17px; height: 17px; }
.sb-grip { cursor: grab; color: var(--text-3); padding: 0 4px; letter-spacing: -2px; font-size: 12px; }
.sb-name { font-size: 12px; color: var(--text-2); padding: 0 6px 0 2px; border-right: 1px solid var(--line); margin-right: 2px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; }
.sb-sw { width: 16px; height: 16px; border-radius: 4px; border: 1px solid var(--line-2); display: inline-block; flex: none; }
.sw-grid { display: grid; grid-template-columns: repeat(8, 22px); gap: 5px; padding: 6px; }
.pop .sw-grid button { width: 22px; height: 22px; padding: 0; border-radius: 5px; border: 1px solid var(--line-2); }
.pop .sw-grid button.on { outline: 2px solid var(--brand); outline-offset: 1px; }
.emo-grid { display: grid; grid-template-columns: repeat(6, 36px); gap: 2px; padding: 4px; }
.pop .emo-grid button { width: 36px; height: 36px; padding: 0; justify-content: center; font-size: 20px; }
.pop .emo-grid button.on { background: var(--brand-bg); }
.pop hr { border: 0; border-top: 1px solid var(--line); margin: 4px 0; }
.pop button.danger { color: var(--down); }
.tree { max-height: 360px; overflow: auto; min-width: 250px; }
.tree-row { display: flex; align-items: center; gap: 6px; padding: 4px 6px; border-radius: 4px; cursor: pointer; }
.tree-row:hover, .tree-row.on { background: var(--hover); }
.tree-row .tr-n { flex: 1; font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pop .tree-row button { width: 26px; height: 26px; padding: 0; justify-content: center; color: var(--text-3); }
.pop .tree-row button.on { color: var(--brand-2); }
.pop .tree-row button.off { opacity: .35; }
.tree-row .ico { width: 15px; height: 15px; }
.ds-foot { display: flex; justify-content: flex-end; gap: 8px; padding: 10px 16px; border-top: 1px solid var(--line); }
.ds-sec { font-size: 12px; color: var(--text-3); margin: 8px 0 6px; }
.ds-levels { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; }
.ds-lv { display: flex; align-items: center; gap: 6px; }
.ds-lv .inp { width: 84px; height: 30px; }
.ds-lv input[type=color] { width: 30px; height: 26px; padding: 0; border: 1px solid var(--line-2); border-radius: 4px; background: none; }
.ds-chk { display: flex; align-items: center; gap: 8px; padding: 5px 0; font-size: 13px; cursor: pointer; }
.ds-text { width: 100%; min-height: 90px; resize: vertical; padding: 8px 10px; font: inherit; }
.draw-cap { position: absolute; inset: 0; z-index: 25; touch-action: none; }
.cap-svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.zoom-box { position: absolute; top: 0; bottom: 0; width: 0; background: rgba(88,116,255,.15); border-left: 1px solid var(--brand); border-right: 1px solid var(--brand); pointer-events: none; }
@media (max-width: 860px) {
  .sel-bar { top: 4px; max-width: calc(100% - 8px); overflow-x: auto; }
  .sb-name { display: none; }
  .ds-levels { grid-template-columns: 1fr; }
}
.pop .fly-row { display: flex; align-items: center; }
.pop .fly-row .fly-it { flex: 1; }
.pop .fav-star { width: 30px !important; flex: none; justify-content: center; color: var(--text-3); opacity: .35; font-size: 13px; }
.pop .fly-row:hover .fav-star { opacity: 1; }
.pop .fav-star.on { color: #f0b90b; opacity: 1; }
.fav-bar { position: absolute; left: 50%; bottom: 150px; transform: translateX(-50%); z-index: 24; display: none; gap: 2px; padding: 3px;
  background: var(--win); border: 1px solid var(--line-2); border-radius: 8px; box-shadow: var(--shadow); }
.fav-bar.on { display: flex; }
.fav-bar .tool svg { width: 20px; height: 20px; }
/* 포착 기록 표: 글자 칸은 왼쪽 정렬 */
.hits-t th:nth-child(2), .hits-t td:nth-child(2), .hits-t th:nth-child(3), .hits-t td:nth-child(3) { text-align: left; }
/* 화면 분할일 때 큰 종목명은 숨기고 범례를 작게 */
.kc-grid:not([data-mode="1"]) #chartTitle { display: none; }