.plot-canvas{width:100%;bottom:0;left:0;top:var(--plot-height,50px);background:var(--background-plot);border-top:1px solid var(--plot-border);box-shadow:0 -2px 8px var(--modal-shadow);z-index:10;border-radius:20px;min-height:100px;transition:transform .5s;position:fixed}.plot-canvas:before{content:"";background-color:var(--foreground);opacity:.5;border-radius:2px;width:40px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.plot-coords{background-color:var(--background-plot);box-shadow:0px 0px 4px var(--modal-shadow);cursor:move;-webkit-user-select:none;user-select:none;color:var(--text-plot);border-radius:8px;flex-direction:row;align-items:center;gap:8px;margin-top:2px;padding:0 8px;display:flex}.coord-container{z-index:3;max-width:355px;position:absolute;bottom:50%;left:2%}@media screen and (max-width:480px){.plot-coords{flex-direction:column;align-items:flex-start;gap:1px;max-width:200px}}.point-info{z-index:9;background:var(--background-plot);pointer-events:none;box-shadow:1px 2px 5px var(--modal-shadow);border-radius:5px;padding:5px;position:fixed;transform:translate(10px,20px)}
.plotline-options{z-index:10;position:absolute;bottom:10px;left:10px}
.analysis-canvas{background-color:var(--background-plot);width:40%;height:100vh;display:block;position:fixed;left:0%}.landing-title{font-size:xx-large;font-weight:700;position:fixed;top:10%;left:50%;transform:translate(-50%)}.main-canvas{width:60%;height:100vh;display:block;position:fixed;right:0%;overflow:hidden}.analysis-ui{z-index:1;justify-content:space-evenly;display:block;position:absolute;top:5%;left:3%}.analysis-item{justify-content:space-between;display:flex}.analysis-item select{cursor:pointer;background-color:#000}.analyze{justify-content:center;display:flex}.analyze button{cursor:pointer;background-color:#171d22;width:80%}.analysis-overlay{z-index:1;background-color:var(--background-modal);pointer-events:none;text-shadow:0 0 3px #fff;border-radius:6px;max-width:200px;padding:6px;font-weight:700;position:fixed}