body.product-charts #rail {
  width:42px;
  gap:0;
  padding:6px 0;
  overflow:visible;
  background:#101114;
  border-right:1px solid rgba(255,255,255,.09);
}
body.product-charts #rail > :not(#chart-drawing-rail) {display:none!important;}
#chart-drawing-rail {display:none;}
body.product-charts #chart-drawing-rail {
  display:flex;
  width:100%;
  min-height:0;
  flex:1;
  flex-direction:column;
  align-items:center;
  gap:1px;
  overflow-x:visible;
  overflow-y:auto;
  scrollbar-width:none;
}
body.product-charts #chart-drawing-rail::-webkit-scrollbar {display:none;}
#chart-drawing-rail button {
  position:relative;
  display:grid;
  width:36px;
  min-width:36px;
  height:36px;
  min-height:36px;
  margin:0;
  padding:0;
  place-items:center;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:#8b8f99;
  box-shadow:none;
  transition:color 110ms ease,background-color 110ms ease,border-color 110ms ease,box-shadow 140ms ease,transform 110ms ease;
}
#chart-drawing-rail button:hover,#chart-drawing-rail button:focus-visible {
  z-index:2;
  outline:0;
  border-color:rgba(255,255,255,.08);
  background:#202226;
  color:#eef0f4;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 0 14px rgba(77,205,255,.09),0 0 20px rgba(126,92,255,.055);
  transform:translateY(-1px);
}
#chart-drawing-rail button:is(.is-active,[aria-pressed="true"]) {
  border-color:rgba(255,255,255,.14);
  background:linear-gradient(180deg,#eff0f2,#cfd1d5);
  color:#111216;
  box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 18px rgba(96,213,255,.18),0 0 24px rgba(123,94,255,.12);
}
#chart-drawing-rail svg {width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;}
.drawing-rail-split {position:relative;width:36px;height:36px;flex:0 0 36px;}
#chart-drawing-rail .drawing-rail-split > button:first-child {position:absolute;inset:0;}
#chart-drawing-rail .drawing-rail-split > button:last-child {
  position:absolute;
  right:0;
  bottom:0;
  z-index:3;
  width:12px;
  min-width:12px;
  height:14px;
  min-height:14px;
  border:0;
  border-radius:3px;
  background:transparent;
  opacity:.5;
  transition:opacity 100ms ease,background-color 100ms ease,transform 100ms ease;
}
#chart-drawing-rail .drawing-rail-split > button:last-child::after {
  content:"";
  width:0;height:0;
  border-left:3px solid transparent;
  border-top:3px solid transparent;
  border-right:3px solid currentColor;
  border-bottom:3px solid currentColor;
  opacity:.72;
  transform:scale(.55);
}
#chart-drawing-rail .drawing-rail-split:hover > button:last-child {opacity:1;}
#chart-drawing-rail .drawing-rail-split > button:last-child:hover {background:rgba(255,255,255,.11);transform:scale(1.08);}
.drawing-rail-divider {width:27px;height:1px;min-height:1px;margin:6px 0;background:rgba(255,255,255,.08);}
body.product-charts.drawing-rail-collapsed #chart-drawing-rail > :not(#drawing-rail-collapse) {display:none;}
body.product-charts.drawing-rail-collapsed #drawing-rail-collapse svg {transform:rotate(180deg);}

body > #tools-popover.drawing-library {
  position:fixed;
  z-index:160;
  display:none;
  width:278px;
  max-height:min(620px,calc(100dvh - 24px));
  box-sizing:border-box;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.105);
  border-radius:9px;
  background:rgba(20,21,25,.985);
  box-shadow:0 18px 48px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.025);
  color:#c8cbd2;
  backdrop-filter:blur(18px) saturate(115%);
}
body > #tools-popover.drawing-library.open {display:flex;flex-direction:column;}
body > #tools-popover.drawing-library.open {animation:drawing-library-enter 140ms cubic-bezier(.2,.82,.25,1) both;transform-origin:left top;}
@keyframes drawing-library-enter {from{opacity:0;transform:translateX(-4px) scale(.985);filter:blur(1.5px)}to{opacity:1;transform:none;filter:none}}
.drawing-library-search {display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07);}
.drawing-library-search svg {width:15px;height:15px;flex:none;stroke:#737884;}
.drawing-library-search input {width:100%;height:27px;margin:0;padding:0;border:0;background:transparent;color:#eceef2;font-size:12px;box-shadow:none;outline:0;}
.drawing-library-search input::placeholder {color:#6f737d;}
#drawing-library-results {min-height:0;padding:7px 7px 9px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4b4d54 transparent;}
.drawing-library-section {margin:0;padding:0 0 7px;}
.drawing-library-section[hidden] {display:none;}
.drawing-library-heading {display:flex;align-items:center;justify-content:space-between;padding:7px 8px 5px;color:#777b85;font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;}
.drawing-library-heading span {min-width:22px;padding:2px 5px;border:1px solid rgba(255,255,255,.07);border-radius:4px;color:#696d76;text-align:center;letter-spacing:0;}
.drawing-tool-row {
  display:grid!important;
  grid-template-columns:27px minmax(0,1fr) auto 18px;
  align-items:center;
  gap:7px;
  width:100%!important;
  min-height:35px!important;
  margin:0!important;
  padding:4px 7px!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#c3c6cd!important;
  text-align:left;
  box-shadow:none!important;
  transition:background-color 95ms ease,color 95ms ease,transform 95ms ease,box-shadow 130ms ease!important;
}
.drawing-tool-row:hover:not(:disabled),.drawing-tool-row:focus-visible:not(:disabled) {background:linear-gradient(90deg,rgba(48,52,60,.98),rgba(35,37,43,.94))!important;color:#fff!important;outline:0;transform:translateX(2px);box-shadow:inset 2px 0 rgba(83,214,255,.58),0 0 16px rgba(92,83,255,.07)!important;}
.drawing-tool-row:disabled {color:#5e626b!important;opacity:.62;cursor:not-allowed;}
.drawing-tool-glyph {display:grid;width:24px;height:24px;place-items:center;border:1px solid transparent;border-radius:5px;background:#292b30;color:#9b9fa8;transition:color 100ms ease,background-color 100ms ease,border-color 100ms ease,box-shadow 130ms ease,transform 100ms ease;}
.drawing-tool-row:hover .drawing-tool-glyph,.drawing-tool-row:focus-visible .drawing-tool-glyph{border-color:rgba(116,219,255,.2);background:#30343c;color:#f2f8ff;box-shadow:0 0 12px rgba(66,203,255,.14),0 0 16px rgba(127,91,255,.08);transform:scale(1.035)}
.drawing-tool-glyph svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;}
.drawing-tool-row kbd {padding:2px 5px;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:#292b30;color:#aaaeb7;font:9px/1.35 inherit;}
.drawing-tool-favorite {color:#565a63;font-size:13px;text-align:center;}
.drawing-tool-row:hover .drawing-tool-favorite {color:#aeb2bb;}
.drawing-library-footer {display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-top:1px solid rgba(255,255,255,.07);color:#6e727c;font-size:9px;}
.drawing-library-footer strong {color:#969aa4;font-weight:600;}
#drawing-inventory.drawing-library-inventory {display:none;}
body > #tools-popover.drawing-library.drawing-objects-open > :is(.drawing-library-search,#drawing-library-results,.drawing-library-footer) {display:none;}
body > #tools-popover.drawing-library.drawing-objects-open #drawing-inventory.drawing-library-inventory {
  display:block;
  margin:0;
  padding:12px;
  overflow:auto;
  border-top:0;
}
body > #tools-popover.drawing-library.drawing-objects-open::before {
  content:"Object tree";
  display:block;
  padding:11px 12px 9px;
  border-bottom:1px solid rgba(255,255,255,.07);
  color:#e7e9ed;
  font-size:12px;
  font-weight:700;
}

.drawing-selection{position:absolute;inset:0;z-index:24;pointer-events:none}
.drawing-selection-handles{position:absolute;inset:0;pointer-events:none}
.drawing-anchor-handle{position:absolute;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);background:#111923;border:2px solid #55c9ff;box-shadow:0 0 0 2px #071018aa,0 0 12px #55c9ff80;pointer-events:none}
.drawing-selection-toolbar{position:absolute;z-index:3;transform:translateX(-50%);min-height:36px;max-width:calc(100% - 12px);display:flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #2d3540;border-radius:10px;background:linear-gradient(145deg,#151a20f5,#101017f5 62%,#17121ff5);box-shadow:0 12px 28px #0009,0 0 18px #5b7cff1f;pointer-events:auto;visibility:visible;opacity:1}
.drawing-selection-toolbar button,.drawing-selection-toolbar select,.drawing-selection-toolbar input{height:28px;min-width:28px;border:0;border-radius:7px;background:#1b2028;color:#dce4ee;font:600 11px/1 var(--font-sans,system-ui);cursor:pointer}
.drawing-selection-toolbar button:hover,.drawing-selection-toolbar button.is-active,.drawing-selection-toolbar select:hover{background:linear-gradient(145deg,#263746,#2b2344);box-shadow:0 0 12px #4fd7ff38;color:#fff}
.drawing-selection-toolbar input[type=color]{width:30px;padding:4px}.drawing-selection-toolbar select{width:54px;padding:0 5px}
.drawing-selection-toolbar select[aria-label="Drawing width"]{flex:0 0 58px;width:58px;text-align:center}
.drawing-selection-toolbar select[aria-label="Drawing line style"]{flex:0 0 66px;width:66px;text-align:center}
.drawing-selection-toolbar select[aria-label="Drawing text size"]{flex:0 0 58px;width:58px;text-align:center}
.drawing-selection-toolbar button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.drawing-selection-toolbar .drawing-selection-delete{color:#ef5b65}
.drawing-selection-toolbar .drawing-selection-delete:hover{color:#ff7b84;background:#371d25;box-shadow:0 0 12px #ef5b6535}
.drawing-selection-grip{display:grid;place-items:center;width:18px;height:28px;color:#77818f;font:700 14px/1 system-ui;cursor:grab;user-select:none}
.drawing-inline-editor{position:absolute;z-index:27;width:220px;min-height:38px;resize:none;overflow:hidden;padding:9px 11px;border:1px solid #4ebfff;border-radius:7px;outline:0;background:#0d1219f2;color:#f2f6fa;font:500 13px/1.35 var(--font-sans,system-ui);box-shadow:0 10px 28px #000b,0 0 0 3px #38c0fd22,0 0 20px #5c78ff24}
.drawing-inline-editor::placeholder{color:#7f8995}.drawing-inline-editor:focus{border-color:#73d5ff;box-shadow:0 10px 28px #000b,0 0 0 3px #38c0fd2e,0 0 24px #7a5cff2e}

.drawing-live-feedback{position:absolute;inset:0;z-index:26;overflow:hidden;pointer-events:none;contain:layout paint;}
.drawing-live-feedback[hidden]{display:none!important}
.drawing-live-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.drawing-live-geometry{color:#62d7ff;filter:url(#drawing-preview-glow)}
.drawing-preview-line,.drawing-preview-fib{fill:none;stroke:#67d8ff;stroke-width:1.35;stroke-dasharray:5 4;vector-effect:non-scaling-stroke;opacity:.92}
.drawing-preview-fib{opacity:.56;stroke-dasharray:3 3}.drawing-preview-fill{fill:rgba(70,199,255,.105);stroke:none}
.drawing-preview-profit{fill:rgba(10,179,137,.2)}.drawing-preview-risk{fill:rgba(241,61,79,.19)}
.drawing-preview-anchor{fill:#0c131b;stroke:#68dcff;stroke-width:2;vector-effect:non-scaling-stroke}
.drawing-preview-head{fill:#9eeaff;stroke:#081018;stroke-width:1.5}.drawing-preview-target{fill:rgba(20,32,43,.86);stroke:#63d9ff;stroke-width:1.5}.drawing-preview-tick{fill:none;stroke:#a8efff;stroke-width:1.8}
.drawing-live-cursor{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border:1px solid rgba(108,221,255,.82);border-radius:50%;box-shadow:0 0 0 3px rgba(67,196,255,.1),0 0 16px rgba(78,206,255,.4);transition:width 90ms ease,height 90ms ease,margin 90ms ease,background-color 90ms ease,box-shadow 90ms ease}
.drawing-live-cursor::before,.drawing-live-cursor::after{content:"";position:absolute;left:50%;top:50%;background:rgba(146,230,255,.62);transform:translate(-50%,-50%)}
.drawing-live-cursor::before{width:24px;height:1px}.drawing-live-cursor::after{width:1px;height:24px}
.drawing-live-cursor.is-snapped{width:10px;height:10px;margin:-5px 0 0 -5px;background:#5fe2ff;box-shadow:0 0 0 5px rgba(70,205,255,.15),0 0 22px rgba(89,220,255,.8)}
.drawing-live-label{position:absolute;max-width:180px;padding:5px 8px;border:1px solid rgba(116,213,255,.2);border-radius:6px;background:linear-gradient(135deg,rgba(18,24,31,.94),rgba(23,18,32,.94));box-shadow:0 7px 20px rgba(0,0,0,.36),0 0 16px rgba(91,108,255,.09);color:#dbe8f2;font:600 10px/1.25 var(--font-sans,system-ui);white-space:nowrap;transition:opacity 100ms ease,transform 100ms ease}
.drawing-live-feedback.pointer-outside .drawing-live-cursor,.drawing-live-feedback.pointer-outside .drawing-live-label{opacity:0}
.drawing-live-feedback.is-committing .drawing-live-label{transform:translateX(-50%);border-color:rgba(107,221,255,.32);animation:drawing-saving-pulse 850ms ease-in-out infinite alternate}
.drawing-live-feedback.is-committing .drawing-live-cursor{display:none}
.drawing-anchor-pulse{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border:2px solid #79e4ff;border-radius:50%;animation:drawing-anchor-pulse 520ms cubic-bezier(.2,.7,.2,1) forwards}
@keyframes drawing-anchor-pulse{0%{opacity:1;transform:scale(.45);box-shadow:0 0 12px #67dcff}100%{opacity:0;transform:scale(3.2);box-shadow:0 0 24px transparent}}
@keyframes drawing-saving-pulse{from{box-shadow:0 7px 20px rgba(0,0,0,.36),0 0 10px rgba(75,210,255,.08)}to{box-shadow:0 7px 20px rgba(0,0,0,.36),0 0 22px rgba(102,104,255,.2)}}

@media(prefers-reduced-motion:reduce){#chart-drawing-rail button,.drawing-tool-row,.drawing-tool-glyph,.drawing-live-cursor,.drawing-live-label{transition:none!important}body>#tools-popover.drawing-library.open,.drawing-anchor-pulse,.drawing-live-feedback.is-committing .drawing-live-label{animation:none!important}}

@media(max-width:700px){body.product-charts #rail{width:40px}body>#tools-popover.drawing-library{width:min(278px,calc(100vw - 54px));}}
