.container.svelte-12clb07{display:flex;flex-direction:row;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#fff;position:fixed;top:0;left:0}.canvas-area.svelte-12clb07{flex:1;display:flex;justify-content:center;align-items:center;min-width:0}.sidebar.svelte-12clb07{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}.group.svelte-12clb07{background:#fff;padding:.5rem;border-radius:6px;display:flex;flex-direction:column;gap:.25rem}.group-title.svelte-12clb07{font-size:.7rem;font-weight:600;color:#145666;text-transform:uppercase}.colors.svelte-12clb07{display:flex;justify-content:center;gap:1rem}.colors.svelte-12clb07 label:where(.svelte-12clb07){display:flex;flex-direction:column;align-items:center;gap:.25rem}.colors.svelte-12clb07 span:where(.svelte-12clb07){font-size:.7rem;font-weight:600;color:#145666}.colors.svelte-12clb07 input[type=color]:where(.svelte-12clb07){width:32px;height:32px;border:2px solid #145666;border-radius:6px;cursor:pointer;padding:2px}@media (max-width: 900px){.container.svelte-12clb07{flex-direction:column}.canvas-area.svelte-12clb07{flex:1;min-height:0}.sidebar.svelte-12clb07{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}.group.svelte-12clb07{flex:1;min-width:140px;max-width:200px}.colors.svelte-12clb07{width:100%}}@media (max-width: 500px){.sidebar.svelte-12clb07{max-height:50vh;gap:.4rem;padding:.4rem}.group.svelte-12clb07{min-width:120px}}