*{-webkit-user-select:none;user-select:none;-ms-user-select:none;outline:0;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}:root{--bg-panel-color: #1a2324;--bg-btn-color: #2d3c3d;--bg-btn-selected-color: #273537;--btn-text-color: #567176;--bg-color: #313939}html{width:100%;height:100vh;background-color:#f0f0f0}body{width:100%;height:100vh;overflow:hidden;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center}div{position:relative;width:100%;height:100%}#mainCanvas{background-color:var(--bg-panel-color);position:relative;border-radius:.5rem;width:100%!important;height:100%!important}canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important}canvas#chartCanvas{z-index:0}canvas#overlayCanvas{z-index:10;pointer-events:none}canvas#drawingCanvas{z-index:20;pointer-events:none}canvas#crosshairCanvas{z-index:30;pointer-events:none}#mainContainer{display:flex;flex-direction:column;width:100%;height:100%}#chartSelectPanel{width:100%;height:3rem;margin-bottom:.25rem;background-color:var(--bg-panel-color)}#chartPanel{display:flex;flex-direction:row;width:100%;height:100%}#toolPanel{width:4rem;background-color:var(--bg-panel-color);color:var(--btn-text-color);display:flex;flex-direction:column;align-items:center;border-radius:0 .5rem .5rem 0;margin-right:.25rem;padding-top:.5rem}.tool-panel button{width:2.25rem;height:2.25rem;margin:.375rem;background-color:var(--bg-btn-color);border:none;border-radius:.25rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.tool-panel button:hover{background-color:var(--bg-btn-selected-color)}.tool-panel button img{width:1.625rem;height:1.625rem;filter:brightness(0) saturate(100%) invert(8%) sepia(19%) saturate(454%) hue-rotate(155deg) brightness(95%) contrast(93%)}.tool-panel button.selected{border:2px solid rgba(255,255,255,.546);background-color:var(--bg-btn-selected-color)}