.grid-container.svelte-oxza7w{gap:1rem;margin-bottom:1rem;display:flex}.name-input.svelte-oxza7w{width:100%;max-width:80%;margin-bottom:1rem;padding:.5rem;font-size:1rem}.color-controls.svelte-oxza7w{flex-direction:column;gap:1rem;display:flex}.bottom_layout.svelte-oxza7w{margin-top:1rem;display:flex}.bottom_main.svelte-oxza7w{flex:2}.bottom_other.svelte-oxza7w{flex:1}.thumbnail.svelte-oxza7w{width:200px}.color-picker.svelte-oxza7w{width:50px;height:50px}.color-history.svelte-oxza7w{flex-direction:column;gap:.5rem;display:flex}.color-swatch.svelte-oxza7w{cursor:pointer;border:1px solid #ccc;width:30px;height:30px}.color-swatch.svelte-oxza7w:hover{border-color:#666}.mode-toggle.svelte-oxza7w,.grid-size-toggle.svelte-oxza7w{border-top:1px solid #eee;margin-top:1rem;padding-top:1rem}.toggle-label.svelte-oxza7w{margin-bottom:.5rem;font-size:.9rem;font-weight:500}.toggle-container.svelte-oxza7w{flex-direction:column;gap:.5rem;display:flex}.size-button.svelte-oxza7w{cursor:pointer;background-color:#fff;border:2px solid #ccc;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.size-button.svelte-oxza7w:hover:not(:disabled){background-color:#f5f5f5;border-color:#666}.size-button.active.svelte-oxza7w{background-color:#e6f2ff;border-color:#06c;font-weight:600}.size-button.svelte-oxza7w:disabled{opacity:.5;cursor:not-allowed}.button-with-spinner.svelte-oxza7w{align-items:center;gap:.5rem;min-height:40px;display:flex}.spinner.svelte-oxza7w{background-color:#fff;border:3px solid #06c;flex-shrink:0;width:18px;height:18px;animation:.6s linear infinite svelte-oxza7w-spin}@keyframes svelte-oxza7w-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.main-container.svelte-oxza7w{padding-left:0;padding-right:0}.grid-container.svelte-oxza7w{flex-direction:column;gap:0}.desktop-toggles.svelte-oxza7w{display:none}.mobile-toggles.svelte-oxza7w{background-color:#f9f9f9;border-radius:8px;margin-top:1rem;padding:1rem;display:block}.mobile-toggles.svelte-oxza7w .toggle-container.toggle-horizontal:where(.svelte-oxza7w){flex-direction:row;gap:.5rem}.mobile-toggles.svelte-oxza7w .size-button:where(.svelte-oxza7w){flex:1;min-width:0}.mobile-toggles.svelte-oxza7w .mode-toggle:where(.svelte-oxza7w),.mobile-toggles.svelte-oxza7w .grid-size-toggle:where(.svelte-oxza7w){border-top:none;margin-top:0;padding-top:0}.mobile-toggles.svelte-oxza7w .grid-size-toggle:where(.svelte-oxza7w){margin-top:1rem}.color-controls.svelte-oxza7w{flex-direction:row;align-items:flex-start;gap:1rem;padding:1rem}.color-history.svelte-oxza7w{flex-wrap:wrap;flex-direction:row!important}}@media (width>=769px){.mobile-toggles.svelte-oxza7w{display:none}.desktop-toggles.svelte-oxza7w{display:block}}