.color-picker-holder.svelte-uiiht{position:relative;display:inline-flex}.picker-row.svelte-uiiht{display:flex;align-items:center;gap:var(--spacing-xs);width:100%}.swatch-button.svelte-uiiht{flex:1;height:36px;border:none;border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--color-border);cursor:pointer;padding:0}.values-dropdown.svelte-uiiht{position:absolute;top:42px;left:0;z-index:10;background:var(--color-bg-primary);box-shadow:0 4px 16px #0000001a;border-radius:var(--radius-sm);padding:var(--spacing-sm);min-width:200px}.values-grid.svelte-uiiht{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:var(--spacing-xs)}.color-block.svelte-uiiht{width:32px;height:32px;min-height:0px;border:none;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 0 0 1px var(--color-border);transition:transform .1s ease,box-shadow .1s ease}.color-block.svelte-uiiht:hover{box-shadow:0 0 0 2px var(--color-primary);opacity:1}.color-block.active.svelte-uiiht{box-shadow:0 0 0 2px var(--color-primary)}.shuffle-btn.svelte-uiiht{width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:var(--color-bg-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .15s ease}.shuffle-btn.svelte-uiiht:hover{background:var(--color-bg-primary)}