html,body,#root{height:100%;margin:0}.app{height:100%;display:flex}.left{flex:8;display:flex;flex-direction:column;min-height:0}.right{flex:2;padding:12px;overflow:auto}.left-header{flex:0 0 10%;display:flex;align-items:center;gap:8px;padding:8px 12px}.left-view{flex:1 1 0;min-height:0;display:flex;flex-direction:column;padding:0 12px 12px}.plot-shell{position:relative;border-top:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden}.grid-bg{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(255,0,0,.2) 0,rgba(255,0,0,.2) 1px,transparent 1px,transparent 5px),repeating-linear-gradient(90deg,rgba(255,0,0,.2) 0,rgba(255,0,0,.2) 1px,transparent 1px,transparent 5px),repeating-linear-gradient(0deg,rgba(255,0,0,.45) 0,rgba(255,0,0,.45) 1px,transparent 1px,transparent 25px),repeating-linear-gradient(90deg,rgba(255,0,0,.45) 0,rgba(255,0,0,.45) 1px,transparent 1px,transparent 25px);background-size:5px 5px,5px 5px,25px 25px,25px 25px}.plot-canvas{position:absolute;inset:0;display:block}.timeline{height:24px;margin-top:6px}