.chart-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid #152a45;border-bottom:1px solid #1d314c;background:#0a1728;overflow-x:auto}
.tool-group,.indicator-group{display:flex;align-items:center;gap:6px;white-space:nowrap}
.tool-btn{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 9px;border:1px solid #263e5d;border-radius:6px;background:#102038;color:#a9bbd2;font-size:11px}
.tool-btn:hover{background:#18304e;color:#fff}.tool-btn.active{border-color:#168cd2;background:#123b5b;color:#70caff;box-shadow:inset 0 0 0 1px #168cd244}.danger-tool:hover{border-color:#853a48;background:#3b1b25;color:#ff9ca7}
.indicator-group label{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:6px;color:#9fb2ca;font-size:11px;cursor:pointer}.indicator-group label:hover{background:#12243b;color:#fff}.indicator-group input{width:auto;margin:0;accent-color:#1597e5}
.swatch{display:inline-block;width:13px;height:3px;border-radius:2px}.ma20-bg{background:#f5b940}.ma60-bg{background:#43a5ff}.cloud-bg{height:8px;background:linear-gradient(135deg,#22c98c99 50%,#ff6b7a99 50%)}
.tool-hint{height:25px;display:flex;align-items:center;padding:0 13px;background:#0b192a;color:#66809f;font-size:10px;border-bottom:1px solid #142842}
.chart-stage{position:relative}.indicator-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.chart-stage.drawing{cursor:crosshair}.chart-stage.price-zoom{cursor:ns-resize}
@media(max-width:900px){.chart-toolbar{align-items:flex-start;flex-direction:column}.tool-group,.indicator-group{width:max-content}.tool-btn span{display:none}}