.color-selector.svelte-j12dff{display:none}.theme-color-selector.svelte-j12dff{display:flex;flex-direction:column;gap:.5rem}.color-selector-label.svelte-j12dff{display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:.9rem;color:#333;margin:0}.color-preview.svelte-j12dff{display:inline-block;width:24px;height:24px;border-radius:4px;border:2px solid #e0e0e0;vertical-align:middle}.color-selector.svelte-j12dff{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;background-color:#fff;cursor:pointer}.color-selector.svelte-j12dff:focus{outline:2px solid #007bff;outline-offset:2px}.color-grid.svelte-j12dff{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.5rem;padding:.5rem;background-color:#f8f9fa;border-radius:4px}.color-swatch.svelte-j12dff{width:100%;aspect-ratio:1;border:2px solid #e0e0e0;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.3);padding:0}.color-swatch.svelte-j12dff:hover{transform:scale(1.1);border-color:#007bff;box-shadow:0 2px 8px #00000026}.color-swatch.selected.svelte-j12dff{border-color:#007bff;border-width:3px;box-shadow:0 0 0 2px #007bff33}.color-swatch.svelte-j12dff i:where(.svelte-j12dff){filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}