html,body{margin:0;padding:0;overflow:hidden}#app{text-align:center}.container.svelte-1xlhw7p{display:grid;height:100vh;width:100vw;grid-template-columns:1fr 3fr 1fr;grid-template-rows:40px 8fr 2fr;grid-auto-rows:1fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"L-SiderBar Header Header" "L-SiderBar Main R-SiderBar" "L-SiderBar Footer Footer";position:fixed;top:0;left:0}.Header.svelte-1xlhw7p{grid-area:Header;background-color:#62a7e3;display:flex;text-align:center;align-items:center;justify-content:center}.Main.svelte-1xlhw7p{grid-area:Main;background-color:#faebd7;overflow-y:auto}.L-SiderBar.svelte-1xlhw7p{grid-area:L-SiderBar;background-color:#0ff;overflow-y:auto}.R-SiderBar.svelte-1xlhw7p{grid-area:R-SiderBar;background-color:#7fffd4;overflow-y:auto}.Footer.svelte-1xlhw7p{display:grid;grid-template-columns:1fr;grid-template-rows:30px 1fr;gap:0px 0px;grid-template-areas:"ToolBar" "InputArea";justify-content:space-around;align-content:space-around;justify-items:center;align-items:center;justify-self:stretch;align-self:stretch;grid-area:Footer}.ToolBar.svelte-1xlhw7p{grid-area:ToolBar;background-color:bisque;width:100%;height:100%;display:flex;text-align:center;align-items:center;justify-content:center}.InputArea.svelte-1xlhw7p{grid-area:InputArea;background-color:#cece82;width:100%;height:100%}#input.svelte-1xlhw7p{width:100%;height:100%;padding:10px;border:none;outline:none}.test.svelte-1xlhw7p{height:2000px}