.container.svelte-1elhy3t{display:flex;flex-direction:row;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#fff;position:fixed;top:0;left:0}.canvas-area.svelte-1elhy3t{flex:1;display:flex;justify-content:center;align-items:center;min-width:0}.sidebar.svelte-1elhy3t{width:220px;padding:.75rem;background:#f5f5f5;border-left:1px solid #ddd;display:flex;flex-direction:column;justify-content:center;gap:.5rem;overflow-y:auto;flex-shrink:0}.colors.svelte-1elhy3t{display:flex;justify-content:center;gap:1rem}.colors.svelte-1elhy3t label:where(.svelte-1elhy3t){display:flex;flex-direction:column;align-items:center;gap:.25rem}.colors.svelte-1elhy3t span:where(.svelte-1elhy3t){font-size:.7rem;font-weight:600;color:#145666}.colors.svelte-1elhy3t input[type=color]:where(.svelte-1elhy3t){width:32px;height:32px;border:2px solid #145666;border-radius:6px;cursor:pointer;padding:2px}@media (max-width: 900px){.container.svelte-1elhy3t{flex-direction:column}.canvas-area.svelte-1elhy3t{flex:1;min-height:0}.sidebar.svelte-1elhy3t{width:100%;height:auto;max-height:45vh;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.5rem;padding:.5rem;border-left:none;border-top:1px solid #ddd}.colors.svelte-1elhy3t{width:100%}}@media (max-width: 500px){.sidebar.svelte-1elhy3t{max-height:50vh;gap:.4rem;padding:.4rem}}