#market-chart{left:42px}.chart-stage .range-shade{left:42px}.chart-stage .chart-watermark{left:60px}.chart-stage .chart-crosshair-readout{left:52px}.drawing-rail{position:absolute;left:0;top:0;bottom:0;width:42px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 3px;background:#191a21;border-right:1px solid #353540;z-index:12;overflow-y:auto;scrollbar-width:thin}.drawing-rail .icon-button{width:32px;min-height:29px;height:29px;border:1px solid transparent}.drawing-rail .icon-button.active{background:#3b304f;border-color:#66557d;color:#d9c0ff}.drawing-rail svg{width:17px;height:17px}.rail-divider{width:24px;border-top:1px solid #383843;margin:5px 0}.drawing-canvas{position:absolute;left:42px;top:0;z-index:4;pointer-events:none;touch-action:none}.drawing-active .drawing-canvas{z-index:8}.drawing-measurement{position:absolute;z-index:9;pointer-events:none;white-space:pre-line;text-align:center;padding:9px 12px;border:1px solid #8471b0;border-radius:4px;color:#f3eafa;background:#3b3055f2;line-height:1.8;font-size:11px;min-width:200px;max-width:calc(100% - 45px);font-variant-numeric:tabular-nums;box-shadow:0 5px 18px #0006}.drawing-style{position:absolute;left:50px;top:35px;z-index:11;display:flex;align-items:center;gap:7px;background:#25232ef5;border:1px solid #4a425b;border-radius:5px;padding:6px 8px;box-shadow:0 4px 15px #0005;max-width:calc(100% - 60px);flex-wrap:wrap}.drawing-swatch{width:17px;height:17px;min-width:17px;border-radius:50%;background:var(--swatch);border:2px solid transparent;padding:0}.drawing-swatch.active{outline:1px solid #eee;outline-offset:2px}.drawing-style select{width:61px;min-height:25px;padding:1px 4px;font-size:10px;border-color:#544961;background:#24212e}.drawing-style .icon-button{width:25px;height:25px}.drawing-count{font-size:9px;color:#aaa0bc}.drawing-text-editor{position:absolute;z-index:15;display:flex;align-items:center;width:205px;padding:5px;background:#292433;border:1px solid #8c6fae;border-radius:5px;box-shadow:0 5px 15px #0008}.drawing-text-editor input{min-width:0;width:135px;color:#f1eafa;background:#292433;border:0;outline:0;padding:5px;font-size:12px}.drawing-text-editor .icon-button{width:26px;height:27px}.chart-stage .boundary-line:before{left:46px}
@media(max-width:520px){.chart-periods{flex-shrink:0;gap:0}.chart-periods button{white-space:nowrap;font-size:9px;padding:6px!important}.chart-tools{gap:0}.chart-toolbar{gap:3px!important;padding:6px!important}}
@media(max-width:520px){#market-chart{left:34px}.drawing-rail{width:34px;padding:5px 1px;gap:2px}.drawing-rail .icon-button{width:29px;height:29px;min-height:29px}.drawing-canvas,.chart-stage .range-shade{left:34px}.chart-stage .chart-crosshair-readout{left:39px;font-size:8px}.chart-stage .chart-watermark{left:45px}.drawing-style{left:38px;padding:5px;gap:7px;max-width:calc(100% - 44px)}.drawing-measurement{font-size:10px;min-width:160px;padding:7px}.drawing-count{display:none}.drawing-text-editor{max-width:calc(100% - 38px)}}