:root{--color-blue: #2563eb;--color-purple: #8b5cf6;--color-green: #10b981;--text-main: #0f172a;--text-muted: #475569;--bg-main: #ffffff;--bg-alt: #f8fafc;--border-clean: #e2e8f0;--header-height: 70px;--footer-height: 80px;--max-width: 1340px;--max-width-content: 720px;--radius-lg: 12px;--radius-md: 8px}@font-face{font-family:Inter;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/InterVariable.woff2) format("woff2-variations"),url(/fonts/InterVariable.woff2) format("woff2")}*{font-family:Inter;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;margin:0;padding:0}#sidebar{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:5px;border-right:#e9ecef 2px solid;a{svg{width:48px;height:48px}}hr{width:100%;color:#e9ecef}#toolbox{flex-grow:1;display:flex;flex-direction:column;align-items:center;margin-top:5px}#settings-tool,#save-tool{svg{width:36px;height:36px}}}.tool-btn{width:56px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background-color:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;outline:none;transition:all .15s ease-in-out;svg{width:26px;height:26px;display:block;stroke:#789;fill:#789;transition:transform .08s cubic-bezier(.25,1,.5,1)}.tool-label{display:none;font-size:10px;letter-spacing:-.3px}}.tool-btn:hover{background-color:#e2e8f0}.tool-btn:active{svg{transform:scale(.9)}}.tool-btn:disabled{background-color:transparent!important;cursor:default;svg{stroke:#d3d3d3;fill:#d3d3d3}}dialog{border:1px solid #e2e8f0;border-top:3px solid var(--color-blue);border-radius:0 0 4px 4px;margin:revert;padding:revert;box-shadow:0 10px 15px -3px #0000000d;header{font-size:.95rem;font-weight:600;display:flex;flex-direction:row;justify-content:space-between;.closeButton{user-select:none;font-size:1.25rem;font-weight:400;line-height:1;text-align:center;cursor:pointer;border:none;background:none;display:flex;align-items:center;justify-content:center}.closeButton:hover{color:#2f4f4f}}section{font-size:1rem;padding-top:15px;padding-bottom:15px;width:320px;label{font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;margin-bottom:6px;letter-spacing:.03em}input,select{display:block;width:100%;padding:8px;font-size:.9rem;border:1px solid #cbd5e1;color:#0f172a;outline:none;background:#fafafa;margin-bottom:6px}input:disabled{background-color:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}flo-switch{padding:10px 0}}#errorMessage{color:red;font-size:.8rem;text-align:center}.error{border-color:red}footer{display:flex;flex-direction:row;gap:5px;padding-top:10px;justify-content:center;border-top:1px solid #e2e8f0;button{border:0;border-radius:5px;padding:6px 30px;cursor:pointer;background-color:#d9ecff}button:hover{background-color:#6495ed}}}#treeview{display:grid;overflow:hidden;grid-template-rows:42px 2fr max-content 42px 1fr;color:#2f4f4f;--strip: #FAFAFA;--strip-alt: #ECECEC;--strip-high: #D9ECFF;--strip-dragover: #ADBDD0;#fcstreeheader,#pipetreeheader{display:flex;flex-direction:row;align-items:center;justify-content:space-between;white-space:nowrap;padding:10px;font-size:22px;font-weight:500;background-color:#f4f6f9;label{height:30px;width:30px;cursor:pointer;border-radius:5px}label:hover{background-color:#d3d3d3}svg{stroke:#2f4f4f;fill:#2f4f4f;height:30px;width:30px}}#fcstree,#pipetree{background-color:#fff;overflow:auto}#pipetree,#pipetreeheader{z-index:2}#treeslider-divider{height:2px;background-color:#e9ecef;cursor:row-resize}}details{font-weight:500;font-size:.8rem;--indent-step: 1.5rem}details.stub{color:red}details>summary{display:flex;padding:1px;padding-left:calc(var(--indent-step) * (var(--depth) - 1) + .5rem);justify-content:space-between;div{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;.caret{svg{height:.7rem;width:.7rem}}svg{height:15px;width:15px}}.info-btn{margin-left:8px;margin-right:4px;opacity:0;transform:translate(4px);transition:opacity .15s ease,transform .15s ease}}details>summary:hover{.info-btn{opacity:1;transform:translate(0);cursor:pointer}}details[selected]>summary{background-color:var(--strip-high);label{.caret{cursor:pointer}}}details[dragover]>summary{background-color:var(--strip-dragover)}details[open]>summary{div{.caret{transform-origin:center;svg{transform:rotate(90deg);transform-origin:center}}}}.plot{display:grid;grid-template-rows:2.5rem 1fr 1.8rem;grid-template-columns:1.8rem 1fr 2rem;position:absolute;border:darkgrey 1px solid;border-radius:5px;min-height:300px;min-width:300px;background-color:#f8f8ff;z-index:1;user-select:none;.plotHeader{display:flex;flex-direction:column;flex-grow:1;justify-content:space-around;overflow:hidden}.plotTitle{font-size:1.2rem;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-color:transparent;border:none;outline:none;cursor:pointer}.plotEventData{font-size:.65rem;text-align:center;overflow:hidden}.plotClose{width:24px;height:24px;cursor:pointer;border-radius:5px;border:none;background:none;display:flex;align-items:center;justify-content:center;justify-self:end;padding:0}.plotClose:hover{background-color:#d3d3d3}canvas{justify-self:stretch;align-self:stretch;min-height:0;min-width:0;image-rendering:pixelated;touch-action:none}.axis{display:inline-block;font-size:1.1rem;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer;margin:auto}.xaxisContainer{display:flex;flex-direction:column;align-items:stretch;min-width:0;height:fit-content}.yaxisContainer{display:flex;flex-direction:row;align-items:stretch;min-height:0;min-width:0}.rotated-text{writing-mode:vertical-lr;transform:rotate(180deg)}.popup{display:none;z-index:4;background-color:#eee;overflow-y:auto;border-radius:5px;cursor:pointer;width:200px;max-height:min(60vh,80%);position:absolute;scrollbar-width:thin}.popup::-webkit-scrollbar{height:11px;width:11px}.popup::-webkit-scrollbar-track{background:#eee}.popup::-webkit-scrollbar-thumb{border-radius:6px}.popup-show{display:block}.popup li{padding-left:5px;padding-top:1px;padding-bottom:1px;display:block;color:#000;font-size:15px;border-top:solid 1px #CCC;border-bottom:solid 1px #CCC}.popup li.current{background-color:#ccc}.popup li:hover{color:#fff;background-color:#777}.xaxisPopup{bottom:2rem;left:calc(50% - 100px)}.yaxisPopup{left:2rem;bottom:2rem}.sidebar{display:flex;flex-direction:row;justify-content:center;align-items:center;.toolbox{display:flex;visibility:hidden;flex-direction:column;justify-content:center;width:30px;button{display:block;border:none;background-color:#f8f8ff;padding-top:5px;padding-bottom:5px;cursor:pointer;svg{width:15px;height:15px;pointer-events:none}}button:hover{background-color:#d3d3d3}button:active{background-color:#d3d3d3;svg{transform:scale(.9)}}}.legend{flex-grow:1;margin:5px;.legendentry{display:flex;flex-direction:row;align-items:center;gap:5px;input[type=color]{visibility:hidden;width:1px;height:1px}input[type=text]{border:none;outline:none;background-color:transparent;cursor:default;flex-grow:1}input[type=text]:focus{cursor:text}.legendcolor{width:10px;height:10px;border-radius:2px;cursor:pointer}button{visibility:hidden;cursor:pointer;border:none;background:none;margin-left:auto;display:flex;width:16px;height:16px;padding:0;align-items:center;justify-content:center;svg{width:12px;height:12px}}button:hover{background-color:#d3d3d3}}}.legend:not([draggingEntry]) .legendentry:hover{background-color:#ececec;button{visibility:visible}}}.screenshot{visibility:hidden;display:flex;justify-content:center;align-items:center;cursor:pointer}.screenshot:hover{background-color:#d3d3d3}.screenshot:active{background-color:#d3d3d3;svg{transform:scale(.9)}}.resize{svg{position:absolute;bottom:0;right:0;stroke:#666;cursor:se-resize}}}.plot[legend]{grid-template-columns:1.8rem 1fr 16rem}.plot[active]{z-index:5;border-color:var(--color-blue);.screenshot{visibility:visible}.sidebar>.toolbox{visibility:visible}.plotTitle{user-select:auto;cursor:text}}.plot[activetool=rect]{[name=rect]{background-color:#d3d3d3!important}}.plot[activetool=poly]{[name=poly]{background-color:#d3d3d3!important}}.plot[activetool=range]{[name=range]{background-color:#d3d3d3!important}}.plot[activetool=ellipse]{[name=ellipse]{background-color:#d3d3d3!important}}.plot[activetool=quad]{[name=quad]{background-color:#d3d3d3!important}}.plot[state=Histogram]{[name=rect],[name=poly],[name=ellipse],[name=quad]{display:none!important}}*{letter-spacing:-.2px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:focus{outline:none}:focus-visible{outline:none}body{--sidebar-width: 72px;--treeview-width: 420px;font-size:14px;display:grid;grid-template-columns:var(--sidebar-width) var(--treeview-width) max-content 1fr;height:100dvh;overflow:hidden;margin:0;background-color:#f4f6f9;input{display:none}input[list]{appearance:none;-webkit-appearance:none}input[list]::-webkit-calendar-picker-indicator{opacity:0;display:none;pointer-events:none}input[type=text]{display:block}}#slider-divider{width:2px;background-color:#e9ecef;cursor:col-resize}#workspace{background-color:#fff}.dragIcon{z-index:10;position:absolute;background-color:#f8f8ff;border-radius:5px;border:solid 1px cornflowerblue;pointer-events:none;display:flex;justify-content:center;align-items:center;svg{width:30px;height:30px;background-color:#f8f8ff}}