.tool-layout.svelte-1n1yblz{display:flex;background:#fff;box-sizing:border-box}.canvas-area.svelte-1n1yblz{display:flex;justify-content:center;align-items:center;box-sizing:border-box}.controls-area.svelte-1n1yblz{display:flex;flex-direction:column;gap:.75rem;box-sizing:border-box}.stacked-mode.svelte-1n1yblz{flex-direction:column;align-items:center;min-height:100%}.stacked-mode.svelte-1n1yblz .canvas-area:where(.svelte-1n1yblz){width:100%;padding:1rem}.stacked-mode.svelte-1n1yblz .controls-area:where(.svelte-1n1yblz){padding:.75rem;align-items:center}.stacked-mode.svelte-1n1yblz:has(.controls-area.wrap:where(.svelte-1n1yblz)){height:100vh;height:100dvh;min-height:0;overflow:hidden}.stacked-mode.svelte-1n1yblz:has(.controls-area.wrap:where(.svelte-1n1yblz)) .canvas-area:where(.svelte-1n1yblz){flex:1;min-height:0}.stacked-mode.svelte-1n1yblz .controls-area.wrap:where(.svelte-1n1yblz){flex-shrink:0;flex-direction:row;flex-wrap:wrap;justify-content:center;overflow-y:auto;border-top:1px solid #e2e8f0;gap:.5rem;padding:.5rem}.stacked-mode.svelte-1n1yblz:has(.controls-area.scroll:where(.svelte-1n1yblz)) .canvas-area:where(.svelte-1n1yblz){flex-shrink:0}.stacked-mode.svelte-1n1yblz .controls-area.scroll:where(.svelte-1n1yblz){border-top:1px solid #e2e8f0;padding:.75rem;align-items:stretch;display:grid;grid-template-columns:1fr;gap:.5rem}@media (min-width: 500px){.stacked-mode.svelte-1n1yblz .controls-area.scroll:where(.svelte-1n1yblz){grid-template-columns:repeat(2,1fr)}}@media (min-width: 800px){.stacked-mode.svelte-1n1yblz .controls-area.scroll:where(.svelte-1n1yblz){grid-template-columns:repeat(3,1fr)}}.sidebar-mode.svelte-1n1yblz{flex-direction:row;align-items:stretch;height:100vh;height:100dvh;overflow:hidden}.sidebar-mode.svelte-1n1yblz .canvas-area:where(.svelte-1n1yblz){flex:1;min-width:0;height:100%}.sidebar-mode.svelte-1n1yblz .controls-area:where(.svelte-1n1yblz){flex-shrink:0;height:100%;overflow-y:auto;background:#f8fafa;border-left:1px solid #e2e8f0;padding:1rem .75rem}.sidebar-mode.svelte-1n1yblz .controls-area:where(.svelte-1n1yblz):before,.sidebar-mode.svelte-1n1yblz .controls-area:where(.svelte-1n1yblz):after{content:"";flex:1 0 0px}