:root{--panel-width:23%;--canvas-width:77%;--panel-height:40%;--canvas-height:60%;--duration-fast:0.15s;--duration-normal:0.2s;--ease-in-out:ease-in-out;--color-white:#ffffff;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-teal-500:#14b8a6;--color-blue-500:#3b82f6;--radius-lg:8px;--radius-full:9999px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.scenergy-container{width:100%;height:100%;display:flex;flex-direction:column}.controls-panel{position:absolute;right:0;top:0;background:hsla(0,0%,100%,.8);padding:1rem;border-radius:0 0 0 .5rem;z-index:100}:root{--foreground-rgb:0,0,0;--background-rgb:255,255,255}*{box-sizing:border-box;padding:0;margin:0}body,html{font-family:Inter,sans-serif}#app,body,html{width:100vw;height:100vh;overflow:hidden}#app{border:.0625rem solid #dedede}body{color:rgb(var(--foreground-rgb));background:rgb(var(--background-rgb))}a{color:inherit;text-decoration:none}