body{height:100vh;overflow:hidden;margin:0;background-color:#4d4d4d}header{grid-area:header;overflow:hidden;min-height:40px}main{grid-area:main;position:relative}#logo{height:25px}.splitter{width:100%;height:100%;display:flex}.separator{background-color:#aaa;background-repeat:no-repeat;background-position:center;-moz-user-select:none;-ms-user-select:none;user-select:none}#separatorV{cursor:col-resize;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='30'><path d='M2 0 v30 M5 0 v30 M8 0 v30' fill='none' stroke='black'/></svg>");width:10px;height:100%}#separatorH{cursor:row-resize;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='10'><path d='M0 2 h30 M0 5 h30 M0 8 h30' fill='none' stroke='black'/></svg>");height:10px;width:100%}#left-panel{overflow:auto;width:250px;min-width:10px;height:calc(100vh - 40px)}#main-panel{position:relative;min-width:10px;background-color:#eee}#canvas-holder{position:relative;width:100%;height:100%}#canvas{touch-action:none;width:100%;height:100%}#top-panel{height:70%}#bottomPanel{min-height:10px;display:flex}.hidden{visibility:hidden}.button{font-family:arial;background-color:#f9ce03;color:#000;text-align:center;text-decoration:none;display:inline-block;user-select:none}.button:hover{background-color:#fff454}zea-fps-display{position:absolute;bottom:15px;right:10px;color:#000}zea-progress-display{position:absolute;left:10%;top:60%;width:80%;height:10px;border-radius:3px}progress::-webkit-progress-value{background:#f9ce03}progress{color:#f9ce03}:root{--simstream-panel-bg: #ffffff;--simstream-panel-border-color: #ccc;--simstream-panel-text-color: #333333;--simstream-panel-label-color: #000000;--simstream-panel-padding: 10px;--simstream-panel-section-padding: 5px 12px 20px 12px;--simstream-panel-section-gap: 5px;--simstream-panel-section-margin-bottom: 15px;--simstream-panel-input-gap: 5px;--simstream-panel-font-family: Arial, sans-serif;--simstream-panel-font-size: 12px;--simstream-panel-label-font-weight: bold;--simstream-panel-border-width: 1px;--simstream-panel-border-radius: 5px;--simstream-panel-section-border-width: thin;--simstream-input-height: 24px;--simstream-input-number-width: 60px;--simstream-button-padding: 5px 10px;--simstream-button-margin: 5px;--simstream-button-selected-bg: #ccc}simstream-gradient{position:absolute;top:20px;left:10px;width:80px;height:calc(100% - 40px)}simstream-gradient-settings{position:absolute;top:20px;left:100px;border:1px solid #ccc;padding:10px;border-radius:5px;background-color:var(--simstream-panel-bg)}simstream-gradient-settings .container{border:var(--simstream-panel-border-width) solid var(--simstream-panel-border-color);padding:var(--simstream-panel-padding);border-radius:var(--simstream-panel-border-radius);background:var(--simstream-panel-bg);width:300px;height:100%;font-family:var(--simstream-panel-font-family);font-size:var(--simstream-panel-font-size);position:relative;display:flex;flex-direction:column}simstream-gradient-settings .section{display:flex;flex-direction:column;padding:var(--simstream-panel-section-padding);gap:var(--simstream-panel-section-gap);margin-bottom:var(--simstream-panel-section-margin-bottom);border-bottom:solid;border-width:var(--simstream-panel-section-border-width);border-color:var(--simstream-panel-border-color)}simstream-gradient-settings .label{font-weight:var(--simstream-panel-label-font-weight);margin-bottom:var(--simstream-panel-section-gap);color:var(--simstream-panel-label-color)}simstream-gradient-settings .input{height:var(--simstream-input-height);font-size:var(--simstream-panel-font-size);border-width:var(--simstream-panel-border-width);border-color:var(--simstream-panel-border-color)}simstream-gradient-settings .select{height:var(--simstream-input-height);font-size:var(--simstream-panel-font-size);border-width:var(--simstream-panel-border-width);border-color:var(--simstream-panel-border-color)}simstream-gradient-settings .numsteps-group{display:flex;align-items:center;gap:var(--simstream-panel-input-gap);padding:var(--simstream-panel-section-gap)}simstream-gradient-settings .numsteps-group label{font-weight:400}simstream-gradient-settings .range-group{display:flex;flex-direction:column;gap:var(--simstream-panel-section-gap);padding:var(--simstream-panel-section-gap)}simstream-gradient-settings .range-group>label{font-weight:400;color:var(--simstream-panel-text-color)}simstream-gradient-settings .elem-group{display:flex;align-items:center;gap:var(--simstream-panel-section-gap)}simstream-gradient-settings .input-number{width:var(--simstream-input-number-width);padding:var(--simstream-panel-section-gap);border:var(--simstream-panel-border-width) solid var(--simstream-panel-border-color);border-radius:3px}simstream-gradient-settings .slider{flex:1}simstream-side-panel{position:absolute;top:20px;right:10px}simstream-side-panel .container{border:var(--simstream-panel-border-width) solid var(--simstream-panel-border-color);padding:var(--simstream-panel-padding);border-radius:var(--simstream-panel-border-radius);background:var(--simstream-panel-bg);width:300px;height:100%;font-family:var(--simstream-panel-font-family);font-size:var(--simstream-panel-font-size);position:relative;display:flex;flex-direction:column}simstream-side-panel .section{display:flex;flex-direction:column;padding:5px 8px 8px 12px;margin-bottom:var(--simstream-panel-section-margin-bottom);border-bottom:solid;border-width:var(--simstream-panel-section-border-width);border-color:var(--simstream-panel-border-color)}simstream-side-panel .label{display:block;font-weight:var(--simstream-panel-label-font-weight);margin-bottom:var(--simstream-panel-section-gap);color:var(--simstream-panel-label-color)}simstream-side-panel .button-group{display:flex;align-items:center;gap:var(--simstream-panel-section-gap)}simstream-side-panel .button-group label{font-weight:400}simstream-side-panel .button{padding:var(--simstream-button-padding);margin-right:var(--simstream-panel-section-gap);border:var(--simstream-panel-border-width) solid var(--simstream-panel-border-color);cursor:pointer;background:var(--simstream-panel-bg)}simstream-side-panel .button:hover:not(:disabled){background-color:#f0f0f0}simstream-side-panel .selected{background-color:var(--simstream-button-selected-bg)}simstream-side-panel .checkbox,simstream-side-panel .radio{margin:var(--simstream-button-margin)}simstream-side-panel .slider-group{margin-top:var(--simstream-panel-section-gap)}simstream-side-panel .slider{width:100%}simstream-side-panel .input-box{width:var(--simstream-input-number-width);padding:var(--simstream-panel-section-gap);border:var(--simstream-panel-border-width) solid var(--simstream-panel-border-color);border-radius:3px}simstream-side-panel .hidden{display:none}simstream-probe-panel{border:1px solid #ccc;padding:10px;border-radius:5px;background:#ffffff;width:220px;height:fit-content;font-family:Arial,sans-serif;font-size:12px;position:relative}simstream-probe-panel div{display:flex;flex-direction:column}simstream-probe-panel label{display:block;font-weight:700;margin-bottom:5px}simstream-probe-panel div{padding:5px;border:1px solid #353535ff}simstream-probe-panel .hidden{display:none}