html,body{background:#ffedc6;font-family:Sofia,sans-serif;margin:0;padding:0;height:100%;overflow:hidden}.main-canvas.svelte-5xafl8{width:100%;height:100%;display:block}.app-container.svelte-5xafl8{display:grid;grid-template-rows:auto 1fr;height:100vh;width:100vw;margin:0;padding:0}.topnav.svelte-5xafl8{background-color:#ffbe80;overflow:hidden;height:60px;padding-top:5px}.topnav.svelte-5xafl8 a:where(.svelte-5xafl8){float:left;color:#db5000;text-align:center;padding:4px 6px;text-decoration:none;font-size:28px;font-weight:bolder}.toolbar.svelte-5xafl8{display:flex;justify-content:center;align-items:center;margin-right:70pt;height:100%;gap:12px}.subbar.svelte-5xafl8{display:flex;flex-flow:column;align-items:center;font-size:12px;color:#001d59}.iconbar.svelte-5xafl8{display:flex;gap:2px;background-color:#ffedc6;border-radius:5px;overflow:hidden}button.svelte-5xafl8{display:inline-block;border:solid #ffedc6 2pt;border-radius:3.5pt;cursor:pointer}button.svelte-5xafl8:hover{border:solid #db5000 2pt}